Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

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.10.2009 -

monish001 says …

But not able to find the popup shown in step 5!!!!!!!
I'm using Adobe Photoshop CS3 Extended, is it present in this version??

10.08.2009 -

karudo says …

cool tutorial, thanks!

04.07.2009 -

songs_uuuq says …

thanks for this tutorial

31.05.2009 -

alternative2002 says …

simple :P

28.02.2009 -

fuzailmoh says …

cooooooooooooooooooooooooooooooooooool

View all user comments for this tutorial.

Tutorial statistics

Date added:
23.08.2005
Author:
Lenny
User rating:
4/5
Rate tutorial:
Total views:
24846
Total comments:
22

Advertisements