View Full Version : Making Curver Border

08-02-2007, 05:20 PM
Hey, I need to make a 3px curver corder on a transperent background, but i have no idea how. Been playing around for a while but with no sucess

Edit: I use photoshop CS3

08-02-2007, 05:21 PM
What are you trying to use to make your borders?

08-02-2007, 05:30 PM
the way most would do this is breaking the box into 9 sections

top left, top, top right, left, middle, right, bottom left, bottom, bottom right
Either using tables or divs

Then you creates images for each one. The top, sides and bottom images will be repeated so a top image would be 1 px wide so it can be repeated horizontally. Same with the sides though they will have height 1 px so they can be repeated vertically.

For creating the images just create a big box then divide the images up.

08-02-2007, 05:33 PM
I am using photoshop

I know how to do the coding, my problem is that the Background of the box i need border for is gradient, so if I make borders how i normaly do (for solid backgrounds) I can not get the gradients to match.

is there a way to use the curved box but mack it have a transparent background?

08-02-2007, 05:35 PM
is there a way to use the curved box but mack it have a transparent background?

Yes you need to create the borders on a transparent background. Is your gradient on its own layer? If it is just make it not visible, slice up the corners and export them with the transparent background as gifs.

08-02-2007, 05:36 PM
edited both my previous posts, but i guess u replayed when i was editing them,

anycase it is photoshop :thumbsup:

08-02-2007, 05:39 PM
Yeah I edited mine too.

08-02-2007, 05:47 PM
Ok so start with a new 3px x 3px canvas and set it to background to transparent b4 you click ok. Now plot your pixels in since the image is only 9px you may as well use a 1px brush or something. Now save it as a GIF