Eyeball FxZone: Photoshop tutorials and tips

After FX Tutorials : Inset Lines

These inset lines can be used as bar separators, a detailing effect and as an add-on effect for interfaces. These lines appear best when the lines you use are horizontal, vertical or diagonal lines that are were not anti-aliased.

Figure 01

To create the inset lines, you start by creating black vertical,horizontal or diagonal lines using the line tool. Turn off the anti-aliased option for the line tool. For this tutorial, I used 2 horizontal lines with 2 pixels thickness to sample the inset lines (fig. 2).

Figure 02

Duplicate the current layer then select the layer below the current duplicate. Inverse the color of the lines on the selected layer. You should end up with white and black lines on two separate layers.

Figure 03

Offset the white lines 1 pixel down and 1 pixel left using the move tool and the arrow keys (fig. 4). This may vary depending on your orientation of the light. If you are placing your drop shadows on the lower right then you should offset the lines by 1 pixel down & 1 pixel right and vice-versa.

Figure 04

Change the layer mode of the layers containing the white lines from normal to softlight via the layers palette.

Figure 05

Download the PSD file for this tutorial.
afterfx01.zip 7.7 kb

For your comments, questions, suggestions and complaints send your email to webmaster@eyeball-design.com.