Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : How do you easily create curves for tables, etc?

[stephenM]

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?

Any help would be greatly appreciated

[Firefuze]

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

[Rich2k]

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.

[stephenM]

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?

[Firefuze]

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.

[El Nino]

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

[MrSizzle]

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

Very detailed explanation.

[blackdog]

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

[BoxedPixels]

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 !

[ClusterMania]

http://www.tablegenie.com/

[Loon]

$47.00? what a ripoff ;\

[Rich2k]

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

[avatar68]

$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

[Dan L]

CSS3

[Rich2k]

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