Rounded Edges

[AmazingAnt]

I've made a nice gradient tool in Photoshop (ver 7.0), got myself a rectangle about the size I need for a button, and wrote a PHP script that will add text to the center of it. Thus I pretty much have an all-purpose button ready to use.

However, I'm not good at rounding off edges. How might I go about doing this so it looks good, instead of having exact 90° corners?

Before anyone asks, yes I plan to use transparency for the rounded corners and save this as a gif.

[justinbarneskin]

Great, before the svg zealots pipe in might I suggest a dab of vml?

[AmazingAnt]

Sure you can. However, the only thing I know about svg and vml is that they are image formats that I've never heard of. If you'd like to help me figure out how to work with either of them, I'd greatly appreciate it. For now I'm borrowing an image from something else until I can make a new one for this purpose.

[Poxicator]

You can create rounded shapes in a number of ways but the simplest is to use the rectangle with rounded edges path tool (specify the measurement of your rounded edge). You can edit your shape easily and once you're happy with your path Make Selection in the path palette. You now have 2 methods in which to proceed: 1. use a layer mask to display/remove your image or 2. delete the background area to make it transparent on the layer. Save as gif with transparency.

A quick tip however with gifs, you'll get a much better result if you include a little of the bgrnd colour on the outskirts of your image, help stop that white halo.

[AmazingAnt]

Thanks!

And thanks for your comment in the Logo thread as well.