Hi,

I've been wondering for a while, how do you create graphics to smoothly round off tables? (IE: WHT's table curves http://www.webhostingtalk.com/whtimages/corner_tl.gif).

I know of an extremely time-consuming way to do it, by creating a circle and then slicing it into 4, but surely there's a better and much more automated peice of software to do this? :confused:

Any help would be greatly appreciated :)

Creating a circle and slicing it into four pieces isn't time consuming. You can either do that or use the pen tool.

In photoshop modify a rectangular selection to have smooth corners

SELECT -> MODIFY -> SMOOTH

Give the corners a radius dimension and apply.

Then fill the selection and viola a rectangle with curved edges.

Yeah I know, but do professional web designers really go through that task every time? Surely somebody has created a tool to do it automatically? Or maybe I'm just going to have to do it that way? :(

Wouldn't everyone be a webdesigner if there were those sort of tools for everything? Sometimes you have to do it the hard way.

Making a shape with rounded corners is'nt hard, there are many ways to do it, another way would be to use the "Rounded rectangle tool" under the rectangle tool.

Whichever method you use you'll get the same outcome, it's up to you.

I've just always made a circle and sliced it. If an image had to be a certain size like 32x32, I'd make one blank image and in another image make a small circle and copy the circle to the blank image. Seems to work ok

http://www.htmlgoodies.com/tutors/roundcorners.html

Very detailed explanation.

:smokin:

wow. drawing a circle and cutting it into 4 images is too much work for you? and i thought i was lazy!

if you are in adobe photoshop all you have to do is create a rectangle using the rectangular marquee tool ( DONT FILL IT )
then go into channels press the ''SAVE SECTION AS CHANNEL'' button and the you should see a layer names alpha 1. click on the layer and the do a gassian blur ( depending on the size the more gassian needed ) basically the more blur the more curves. now you should have a black/white blur . now press ctrl + l (levels) and play around with the sliders along the bottom untill you get the perfect shape you are in need of !

http://www.tablegenie.com/

$47.00? what a ripoff ;\

photoshop's great isn't it. So many ways to do the same thing :)

$47.00? what a ripoff ;\


Of course it is a rip off.... (you have just witnessed the over-priced home based internet marketing business) :-)

Actually there is an easier way to do rounded corners. Use Fireworks! 1 click of a button.

Photoshop is great it is the industrial standard in graphic design.... I've been using it for 7 years. However, when it comes to web graphics with regard to easy creation, optimisation and slicing, firworks wins hands down.... Well for me anyway

CSS3 ;)

CSS3 is still under development and not even a draft by the W3C yet so don't expect that any time soon.

You can round off html tables with code, too, using "finetable"...heh heh.
           :D

Finetable is simply a bespoke bit of HTML with 4 corner graphics.

It's not it's own HTML tag.

Originally posted by Rich2k
CSS3 is still under development and not even a draft by the W3C yet so don't expect that any time soon.

No doubt. Even then we'll still have to wait for the major browsers to come around and support most of it. *sigh*

Anyhow, the way I make corners for my tables is to create a circle in photoshop and cut out just 1 of the corners. Then I rotate it for each and save it. However, as a designer with more then a few years under his belt, I have a huge collection of corners already made and ready to go. All I have to do is color them as needed. ;)

Yep as I an most other coders I know we have pre-written parts of scripts and HTML just to copy, paste and modify.

Do you really think I write database connections and retrievals from scratch every time! Just take a library I've pre-written and re-use it (just make sure in your contract you put a clause in it that allows to re-use the code in future projects)

You could just draw it free hand with a pencil tool ;) Just hope your hands are really steady!