Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Inset Lines

Inset Lines


Start a new document and fill it with a background color of your choice.

image 1

Now choose the pencil tool and set brush size to 1px.

Press D to reset your color (your foreground color needs to be black).

Now just draw a black horizontal line across the canvas.

image 2

Now apply this Drop Shadow layer style to the line:

Layer->Layer Style->Drop Shadow:

Then set the line's blending mode to "Soft Light"

image 3

Now you can use this line to do some interesting things, such as making a menu system for your website. to the left is an example.

Inset Lines

Download .psd file


Author's URL: Tutorialwiz.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Inset Lines"

Captcha