Advanced Search

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.

Figure 1

To place a new guide:

1. If Rulers are not visible, choose View > Rulers (or press the
Ctrl and R keys on your keyboard).

2. Select the Move tool Moveand 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 Moveand 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 shows guide lines (magenta color) placed around an image.

See also:

Using Slice Lines or Producing New Slice Lines
Appropriate Naming Conventions for Saving Your Sliced Template
Optimizing Website Template File Size when Saving for Web

Back to Design Tutorial