Slicing up a mockup


show more Slicing up a mockup provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012) show less
please wait ...

Slicing up a mockup

Once you've finished designing your artwork inside of Photoshop, it's time to begin to optimize it for the web. If you're working from a mockup or a collection of artwork like I am here, it might be a good idea to define your areas of export with the Slice tool in order to get the most control over your individual images. To access the Slice tool, you're going to come over into your toolbar and click and hold on the same box where the Crop tool is. Once you find that, just go down and select Slice. With the Slice tool selected, you may see this small little number 1 pop up in the top left-hand corner.

If you don't see that small number 1, go up to the View menu, choose Show, and select Slices. With that turned on, you'll be able to actually see the individual slices as you create them. It may also be a good idea to line up all of your artwork so that you don't create any unnecessary slices as you go along. For instance, in my document, this small 125...

Slicing up a mockup
Video duration: 4m 15s 4h 56m Appropriate for all Updated Oct 04, 2013

Viewers:

Slicing up a mockup provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012)

Subject:
Web
Software:
Photoshop
Author:
please wait ...