The world’s largest collection of Original Web Templates, Flash Templates, Print Templates and Graphic Elements

BoxedArt > Template Tutorial > Intermediate Template Customizations in Photoshop > Using Guidelines as an Alternative to Slice Lines

The BoxedArt Guide to Using Website Templates

Using Guidelines as an Alternative to Slice Lines

In Adobe Photoshop, guides appear as lines that float over the entire document. Slices, selections, and other tools will snap to a guideline, ensuring accuracy.

You may place new guides or reposition existing guides around any items in the document and create slices.
Slices may then be saved as individual .jpg or .gif files to be inserted into your web page.

Launch Photoshop, and then choose File > Open to open a .psd file.

Choose View from the top menu and select Show > Guides to ensure that any existing guide lines will be visible.

Fig. 1

To place a new guide:

If Rulers are not visible, choose View > Rulers (or press the
Ctrl and R keys on your keyboard).
Select the Move tool and drag down from the horizontal ruler to create a horizontal guide (Fig. 1), or drag out from the vertical ruler to create a vertical guide.

To move a guide: Select the Move tool and click and drag a guide to a new position.

To remove guides from the image:

To remove a single guide, drag the guide completely off the document window.
To remove all guides, choose View > Clear Guides.

To turn snapping to guides on or off choose View >Snap To >Guides

Fig. 2

Fig. 2 shows guide lines (magenta color) placed around an image.

Table of Contents

BoxedArt Offers: Web Templates | Website Templates | Flash Templates | Web Site Templates | Templates