Zymic

Webmaster resources

Professional XHTML & CSS Coding

Including Wordpress & Vbulletin from $145 - Learn More

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Stylish Borders

Create some stylish web borders in just a few steps.

Step 1

Make a new image. 50 x 100. RGB colour.
Fill the image with white.

Step 2

Make a new layer. Name it left.
Get the rectangular marquee tool, and make a selection 8 x 100. Fill it with black.

Step 3

Make a new layer. Name it right. Get the rectangular marquee tool, and make a selection 10 x 100. Fill it with black. You should now have this:

Step 3 diagram

Step 4

Select the layer "left" and in blending options, add a gradient overlay. Angle: 0, style: linear, blendmode: normal, Gradient:

Step 4 diagram

Step 5

Select the layer ‘right’ and in blending options, add a gradient overlay. Angle: 180, style: linear, blendmode: normal, Gradient:

Step 5 diagram

Step 6

Now, just add a 1px black stroke to layers left, right and
you’re done! Tutorial by Lenny.

Step 6 diagram

Tutorial comments

04.05.2008 -

1taweb says …

the best persian site
www.1taweb.com

27.02.2008 -

MaxPlore says …

Great!

20.02.2008 -

G4 says …

Lenny get the border more like its real

13.01.2008 -

romhackersr says …

very very Good!

05.01.2008 -

SourceCode says …

good tutorials, buen tutorial, jose eres tan bobo ¬¬

View all user comments for this tutorial.

Tutorial statistics

Date added:
23.08.2005
Author:
Lenny
User rating:
5/5
Rate tutorial:
Total views:
9796
Total comments:
14

Advertisements