homepage Welcome to WebmasterWorld Guest from 54.204.67.26
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
Creating rounded corners for tables
Flolondon




msg:962193
 2:41 am on Apr 23, 2003 (gmt 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.

 

jimbeetle




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

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.

Jim

navink




msg:962195
 4:48 am on Apr 24, 2003 (gmt 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.

Navin

MWpro




msg:962196
 6:06 am on Apr 24, 2003 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved