Slice Web Designs According to Page Layout

In Chapter 4, I discussed how using guides in Photoshop could go a long way toward helping you plan the final web page layout. In particular, Photoshop guides help you slice web designs into the individual graphics referenced in the page's code.

TRY IT To slice your web designs, first make sure you have the file you want to work with open in Photoshop or ImageReady. In addition, it helps to have guides drawn to indicate where you want to slice the designs. (See the tip "Use Guides to Plan Page Layout" in Chapter 4.) Then, perform any of the following to define your slices:

• Select the Slice tool from the toolbox, or press K on your keyboard. Click and drag to draw boxes around each of the elements and define slice borders.

• Choose Window I Layers to view the Layers palette and click the layer from which you want to create a slice. Then, choose Layer I New Layer Based Slice.

Photoshop CS Mastery

Photoshop CS Mastery

Artists, photographers, graphic artists and designers. In fact anyone needing a top-notch solution for picture management and editing. Set Your Photographic Creativity Free. Master Adobe Photoshop Once and For All - Create Flawless, Dramatic Images Using The Tools The Professionals Choose. Get My Video Tutorials and Retain More Information About Adobe Photoshop.

Get My Free Videos


Post a comment