Welcome to WebmasterWorld Guest from

Forum Moderators: keyplyr & mack

Message Too Old, No Replies

Creating rounded corners for tables

2:41 am on Apr 23, 2003 (gmt 0)

Full Member

10+ Year Member

joined:Feb 3, 2003
votes: 0

I would like to do a rounded table using an image with photoshop. How do I make a gif so that I can insert in a table area or column area to give that slight rounded table effect. I know how to do ordinary squares but its really like adding a white circle into the square to produce that gif image to insert in a table.

hope I am not too confusing.

Flo from London.

3:06 am on Apr 23, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member jimbeetle is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 26, 2002
votes: 9

Hi Flolondon,

Here's a procedure I use with PS 5.5. It's a few years old from the old Andy Art site which is now part of screaming something or other. There are probably better ways to do it now but this works okay as an old *Photoshop only* solution.

1. In the Channels palette create a new channel.

2. Use the marquee tool to draw a rectangular selection to whichever size you need. Fill the rectangle with white.

3. Select all. Select Filter>Blur>Gaussian Blur. Start with a setting of 5 and play around with it until you get the 'roundness' you want.

4. Adjust the levels - CTRL-L - to 120, 1.0, 140. That's your rounded selection.

<<There's another half-step somewhere along here but my machine is going buggy now (poor thing worked hard today) and I can't start Photoshop right now but if I can figure it out anybody can>>

5. Go back to the main palette and load the selection you just created with CTRL-ALT-4. From here you can fill it, stroke it, paste something into it, whatever.

Seems clunky but actually quite simple once you go through it once or twice.


4:48 am on Apr 24, 2003 (gmt 0)

New User

10+ Year Member

joined:Apr 23, 2003
votes: 0

Hi Flolondon

This is Navin from India. You can easily draw rounded corner rectangle with PHOTOSHOP. Just do these steps

1. Create a new Transparent Canvas.

2. From drawing tools click Rectangle drawing tool there is four options viz Rectangle, Rounded Rectangle, Ellipse, Polygon, Line, Custom Shape tools.

3. Select Rounded Rectangle tools.

4. Draw Rounded Rectangle.

5. Resterize the shape from Layer>Resterize>Shape.

6. After this Press Alt+Ctrl+Shift+S keys to optimise your Image.

7. Select image type GIF & Matte should be as same as your Background colour where you will place the Image

I think it will help you. In case you need my help further please feel very free to ask me.


6:06 am on Apr 24, 2003 (gmt 0)

Preferred Member

10+ Year Member

joined:Dec 29, 2002
votes: 0

Whatever method you choose to create the images, just make sure they are square, the sides of the image are flush against the sides of the 'canvas', and that you cut the size of the image down as much as possible. Just remember that you only need the part of the image that contains the curve and where the circle becomes straight with the sides. Make one image, say for the upper left side, and then just do transformations so that you keep the same image, but just change it's orientation.

If you are going with navin's way, then you may want to play around with the radius size.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members