View Full Version: Square Border

Obscured Graphix > Other Tutorials > Square Border


Title: Square Border


pantalimo - October 5, 2004 11:21 AM (GMT)
Here it is the square border! woot =P

ok this gonna take some time, so dont do this if you are short on time ok =P

1. you make a 350x100 pixel document and fill it with white, mark the whole area and copy it ctrl+c

2. make a new document 400x150 with transparent bg and paste ctrl+v

3. the white area should be placed in the middle, now go to layer style and use a black, 1 pixel inner stroke

4. now the cutting begins... choose a corner and then select a 10x10 pixel square, select the move tool and press up on the keyboard about 15-20 times

5. next to it you mark a 9x9 square and move it a way 1 pixel away from it

6. do the same on the other side of it so that you got somthing like this
user posted image

7. now you continiue this way and you use smaller and smaller all the way down till you get somthing like this
user posted image
(-Hint- you can place them in curvy shapes to get a more effectfull feeling to it)

8. simply put a bg of your choice on top of the layer with the square border, select the first layer and select the transparent area outside your shape

9. go to the bg layer and press delete then go to layer style and use a 1 pixel inner stroke of any color for the border

10. you are now done and can put text and pics however you like

this is my final result

user posted image

Gryz - October 6, 2004 06:04 AM (GMT)
SWEET! Thanks pan i been waiting for this tut

pantalimo - October 6, 2004 06:27 AM (GMT)
haha i know =P

MiniCarl - October 6, 2004 10:11 PM (GMT)
nice. time to add it to the site.

pantalimo - October 7, 2004 07:28 AM (GMT)
haha do so

i3igpyi2o - October 17, 2004 03:40 PM (GMT)
ya i know im n00b.

where is the sqaure thing to cut the rectangle?
QUOTE
4. now the cutting begins... choose a corner and then select a 10x10 pixel square, select the move tool and press up on the keyboard about 15-20 times

pantalimo - October 18, 2004 12:02 PM (GMT)
upper left corner of the tool palette

i3igpyi2o - October 20, 2004 01:48 AM (GMT)
sry im so n00b but could u exlpain this better:
QUOTE
8. simply put a bg of your choice on top of the layer with the square border, select the first layer and select the transparent area outside your shape

9. go to the bg layer and press delete then go to layer style and use a 1 pixel inner stroke of any color for the border

pantalimo - October 20, 2004 08:50 AM (GMT)
make a new layer after you have made the cut and paste a allready finnished background on it then you go to the layer below and use the wand somwhere in the transparent area... then go back to the layer with the finnished bg and press delete...

Damn - August 8, 2007 06:46 AM (GMT)
Step 4 confuses me
Please break that down for me

MiniCarl - August 8, 2007 08:46 AM (GMT)
4. now the cutting begins... choose a corner and then select a 10x10 pixel square, select the move tool and press up on the keyboard about 15-20 times

---

What you do is you get the rectangular select tool, then select a square in the very corner of the sig (not including the extra space around the sig on the 400x150 ) of size about 10 pixels by 10 pixels. Then select the move tool which is to the right of the select tool in the tools pallete and press the up arrow about 15 to 20 times.




If you have any more questions just ask :P

Damn - August 9, 2007 10:03 PM (GMT)
Good lookin




Hosted for free by InvisionFree