Purity's stylish border tutorial

[Purity]

Create a stylish tech border in a few simple steps! Here's how:

This technique is used by many, so save the ripping accusations as im sure you can find one close to this tutorial elsewhere.

Images are Copyright Purity 04

First, start off with your document, create a new layer and fill it in with black.



Next, grab the polygon lasso tool



and use it to create a nice design for your border (holding shift creates straight lines)

here is how mine turned out:



next, select the inverse (ctrl-shift-I) and press delete. Now you should have a black base for your border.



right click your border layer and go to blending options and use the following settings:

Drop shadow-- 75%
Inner shadow- 55%
Outer Glow-- 10%
Inner Glow-- 25%
Bevel and Emboss-- Depth, 100 and size 0 and soften 0.
Satin (optional)-- 30$ at 20 degrees and with a 10 distance and 15 size.
Color overlay (optional)-- I used white, choose some light color and set the mode to lighten with opacity around 50 or lower.
Gradient overlay (optional)-- 50% at 90 degrees.
Stroke-- Black, size- 1px.
Mess with the opacity of the border if you don't want it to stand out too much.
Also, if you want a transparent look like in my sig, set the border's layer mode to soft light.

your border should look something like this:



The final step is pimping out your border. Use the eliptical and rectangle marquee, as well the polygon lasso tool can come in useful too.
Cut out parts of the border.. Circles, lines, squares, whatever you want.

Now you are done and have a sweet border to show off !

this is how mine turned out:



hope you enjoyed reading. thx.

[BoneMarrow]

Very sweet

[Phixion]

yeah and can i submit it to pixel2life?

[trance]

wow purity...I love your work man...this tutorial is helping me lots...hehe I wonder if I'll ever be as good as you >.<

[Seth]

I already knew how to do tech borders but while messing around with one I figured out how to do a circle in it without getting a blurry edge ^^ great tut that is exactly how I do it.

[gspark05]

wow .. thats an awsome tut. when i get home ... we'll see wat i can do with it

[BosDoc666]

ok ok ive tried this loads of times now i can do the back ground and everything else how in gods name do i insert a image after or do i make a layer if so how look im tottally a newbie at this and i need help i got some good ideas but dont know how to do em PLZZZZZZZZZZZZZZZZZ HELPPPPPPPPPPPPPPPP

[StRiK3R_KnighT]

very good tutorial

[asakura]

i know this is a bit out topic... but how u make the background??

[Purity]

lol well thats for another time. most designers won't give away all their secrets in designing.. not to mention that that took FOREVER. i don't even know how to write a tutorial on it

[asakura]

.... *cry under the blanket*...

[Purity]

oh yea and phix go ahead and submit it if you want sorry i didnt see your post

[Exphonix]

nice but I can't c the pictures.. :/

[MythologY]

Same here, Ill copy it for you

Create a stylish tech border in a few simple steps! Here's how:

This technique is used by many, so save the ripping accusations as im sure you can find one close to this tutorial elsewhere.

Images are Copyright Purity 04

First, start off with your document, create a new layer and fill it in with black.

user posted image

Next, grab the polygon lasso tool

user posted image

and use it to create a nice design for your border (holding shift creates straight lines)

here is how mine turned out:

user posted image

next, select the inverse (ctrl-shift-I) and press delete. Now you should have a black base for your border.

user posted image

right click your border layer and go to blending options and use the following settings:

Drop shadow-- 75%
Inner shadow- 55%
Outer Glow-- 10%
Inner Glow-- 25%
Bevel and Emboss-- Depth, 100 and size 0 and soften 0.
Satin (optional)-- 30$ at 20 degrees and with a 10 distance and 15 size.
Color overlay (optional)-- I used white, choose some light color and set the mode to lighten with opacity around 50 or lower.
Gradient overlay (optional)-- 50% at 90 degrees.
Stroke-- Black, size- 1px.
Mess with the opacity of the border if you don't want it to stand out too much.
Also, if you want a transparent look like in my sig, set the border's layer mode to soft light.

your border should look something like this:

user posted image

The final step is pimping out your border. Use the eliptical and rectangle marquee, as well the polygon lasso tool can come in useful too.
Cut out parts of the border.. Circles, lines, squares, whatever you want.

Now you are done and have a sweet border to show off ! smile.gif

this is how mine turned out:

user posted image

hope you enjoyed reading. thx.


This is what I see

[Purity]

yea my hosting went down. i'll get them back up soon