WDDB - Web Design Database

Web Design Resources for the Common Man

Login here · Register · Lost your password?

Forums / General / Web Design Discussion / Big border tutorial

 
Was going to post these tutorials in the tutorials section but they maybe to basic - Will leave it to you admins :P



Big Border
By Cadet 2003



1. Make your background image, for this tutorial i shall use this image


2. Create a new layer and make sure it is the top layer as shown


3. Use the paint bucket tool to fill the layer white

4. Use the "rectangular marquee tool" and cut a rectangle out ( leaving about 1cm of border )


5.Select the "Polygonal lasso tool"


6. Then start cutting the way you want the border to be, Make sure you hold shift when moving from point to point, to make sure you get straight lines.


7. Press delete to cut away the excess border and press "ctrl" and "d" to deselect


8. Right click your border layer and go to blending oprions. ( or go to Layer --> Layer style --> Blending options

9. use the following settings

DROP SHADOW - default settings

INNER GLOW - set colour to white


BEVELAND EMBOSS - set size to 1


CONTOUR - default settings

GRADIENT OVERLAY - select the shown gradient from the gradient list


STROKE - set size to 1 and set colour to black


Now you can stop there and should have something along the lines of this.


or you can go on to add a little more detail by cutting more sections out of your border.


As you can see maybe i should have stopped whilst i was ahead :P , but it was just to give you the general idea.

Cadet
Hello
Thanks to give an idea to make background image,good information


______________
Website development
Free templates