SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Enthusiast vincewicks's Avatar
    Join Date
    Jan 2012
    Location
    Brooklyn, NYC
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Slice tool in Adobe Photoshop

    Hey guys. I installed the newest version of Photoshop but didn't find slice tool there.

    Could you give me a suggestion where I can find It? Thanks
    This site is the go-to place for web designs.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    At in previous versions of Ps, it's bundled with the crop tool.

    http://www.youtube.com/watch?v=zOpkh2om1tI

    Edit:

    Just watch the first few seconds of that video ... the rest I wouldn't advise watching!
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is now a sub set to the Crop Tool...

  4. #4
    SitePoint Enthusiast vincewicks's Avatar
    Join Date
    Jan 2012
    Location
    Brooklyn, NYC
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    At in previous versions of Ps, it's bundled with the crop tool.

    http://www.youtube.com/watch?v=zOpkh2om1tI

    Edit:

    Just watch the first few seconds of that video ... the rest I wouldn't advise watching!
    Thanks for the video. I was really confused when installed latest photoshop (
    This site is the go-to place for web designs.

  5. #5
    Non-Member
    Join Date
    Jun 2012
    Posts
    160
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vincewicks View Post
    Hey guys. I installed the newest version of Photoshop but didn't find slice tool there.

    Could you give me a suggestion where I can find It? Thanks
    Hold the crop tool and the option should show up.
    May I ask why you are using the slice tool? It seems rather outdated to be using a slice tool now a days especially for web design.

  6. #6
    Non-Member
    Join Date
    Apr 2013
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    its included within the crop tool sub menu..try shift + C ..you'll find it

  7. #7
    SitePoint Member hoosekarter's Avatar
    Join Date
    May 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by shanshan View Post
    Hold the crop tool and the option should show up.
    May I ask why you are using the slice tool? It seems rather outdated to be using a slice tool now a days especially for web design.
    Really? I was curious of this matter. Could you, or anyone tell me any newer, more efficient methods of creating hot slices ? Btw, I'm new to this forum and haven't yet learned how to navigate around the site. I'm afraid of commenting on this post and forgetting I ever did so

    Also, I'm familiar with HTML5's new features regarding making menus with hot slices free of images. But they don't offer the flexibility I'm looking for when I'm designing my site regarding cosmetics.
    Last edited by hoosekarter; May 15, 2013 at 11:38. Reason: More information

  8. #8
    SitePoint Member
    Join Date
    Apr 2013
    Location
    Palawan Philippine, But I am not a philippino
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well ! Let me guess! We are not us slide tools much may be 2 reasons ( correct me if I wrong )
    1. we do not use much in <table> due to it's slow down speed
    2. Now a day the speed of web service faster than before a lot. So it's not require to slide image .

  9. #9
    SitePoint Member hoosekarter's Avatar
    Join Date
    May 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by wongsoon View Post
    well ! Let me guess! We are not us slide tools much may be 2 reasons ( correct me if I wrong )
    1. we do not use much in <table> due to it's slow down speed
    2. Now a day the speed of web service faster than before a lot. So it's not require to slide image .
    So what would be the best way about creating hot spots on images or graphically created navi bars ?

  10. #10
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,804
    Mentioned
    157 Post(s)
    Tagged
    3 Thread(s)
    If you let photoshop slice and then generate the HTML for you, it creates a huge mess of code and tables for layouts etc.
    Photoshop is very good at what it does best - design stuff and thats where it should end.
    Using the crop tool to get the elements that you require is a much easier way to get only the parts you need.

    Quote Originally Posted by wongsoon
    1. we do not use much in <table> due to it's slow down speed
    not so much speed, <table> is for tabular data - not layout purposes.

    Quote Originally Posted by wonsoon
    2. Now a day the speed of web service faster than before a lot. So it's not require to slide image .
    Yes, the faster internet speeds mean that images can be larger but there are still some people on 56k dialup modems!

    Quote Originally Posted by hooskarter
    So what would be the best way about creating hot spots on images or graphically created navi bars ?
    Using the crop tool to crop around the images you need for the nav bar and then saving them. You then write the HTML in a semantic and correct fashion.
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  11. #11
    SitePoint Enthusiast
    Join Date
    Aug 2011
    Posts
    85
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The beauty of using the slice tool is that you can name the slices individually, and set the compression for each. Plus you don't have to "un-crop" or "step back" in Photoshop, and then crop and "re-name" for each additional image*. And it's one single command to "save images for web", and file replacement can be automated. Sometimes when cropping (even if it's set to snap to guides) the size can be 1 pixel larger or smaller. And if you're using that image in existing code with set width and height, finding out why the image is not sharp can be a nightmare. I don't recommend using Photoshop's HTML features but I don't see why anyone wouldn't use Photoshop's slice tool. Or Illustrator's.

    *Or forget where you are the process, save the file, lose all surrounding design work and have to recreate it. Ask me.

  12. #12
    SitePoint Member
    Join Date
    Apr 2013
    Location
    Sydney
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey guys you can be know it easily with youtube's video search there related tutorial video.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •