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

08.01.2012 -

adil007333 says …

i lyk it cool

08.01.2012 -

adil007333 says …

i lyk it cool

10.02.2011 -

maiebaticulon says …

cool

22.07.2010 -

jennybv says …

nice........

25.06.2010 -

jef says …

i like it

View all user comments for this tutorial.

Tutorial statistics

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

Advertisements