Click to See Complete Forum and Search --> : round border corners
tiger66
08-11-2003, 04:16 PM
Hi
I am wondering, how can I create the "Round" corners of border? I can't find a property to make the border round.
I am trying to use photoshop to draw the 4 round corners, but I can't find any tools to do that. I can only find line tool
Please help
Thanks
DaveSW
08-12-2003, 04:59 AM
bezier curve?
I usually fill the entire square in the background color and then use a round eraser with radius the size of the square...
Then save it as #1, rotate through 90 degrees, save again as #2, rotate.. and so on.
Daot Lagorille
08-20-2003, 01:02 PM
Aha!
Personally, I use fireworks for my graphics crap, but this method might work in Photoshop:
Step 1: Create perfect circle (vector)
This is sweet ass because now you can modify border, fill colour etc. with out too much fiddling about with flat bmps...only make sure that the pixel width and height is even. Why? Patience, my son.
Step 2: "Flatten" the image
Not sure what the command for PS should be, but in FW it is 'convert to bitmap' or 'flatten image'
Step 3: Chop the bastard up
This is a move I borrowed from my pals the Gambino crime family, only instead of a corpse, you'll be chopping up your perfect circle. Chop it into 4 equal quadrants: top left, top right, bottom left, bottom right.
Spte 4: Export
Export each piece as individual gifs, and away you go! You are now trendy!
sorciere
08-20-2003, 08:52 PM
how about just using Illustrator instead?
Capone
08-21-2003, 11:02 AM
MS Photoeditor does rounded corners, if you have an MS Office that comes with Photoeditor.
Frostbain
06-03-2005, 12:16 PM
For Photoshop...
What I do is create a new image, exactly the size of the cell I want the rounded corner in... (that's another thing, you need to create a a row for each horizontal border you want, and a column for each vertical; so if you want a box, 1 extra row on top and bottom, and one extra column on top and bottom).
So normally I do a border row/column setup that's 10px (wide and high accordingly); thusly the image I use is 10px by 10px.
From there, I turn on the Snap option, select the Circle tool, start it in the upper left corner, and drag down and right until it just meets the top and left edges. Then press Ctrl+T (Transform), to fine tune it. You should see a little circle with 4 lines sticking out of it at the bottom right corner, and the transform bars should go out beyond the image on the right and bottom sides. If not, stretch it until that little circle is the bottom right corner. Press "Enter" when you're done. If a question box comes up, select Ok or Apply to apply the transformations.
Now select the Crop tool, basically, just make it crop out that 10px x 10px space that is your canvas (gets rid of outside object).
This will create the upper left "Rounded Corner" of your table. Make the background color of the image the background color of your page (where the corner will be), and make the circle whatever color you want the border to be. Then just save it, and but the following tag in the upper left cell:
<img src="pathtoimage.xxx" height="10px" width="10px">
Where pathtoimage is the path to where you saved the image, and .xxx is the extension (i.e. .jpg if a jpeg image, .gif if gif, etc.)
the 10px and 10px will change if your image and cell are a different size, you just need to do this in case something else tries to format oddly, this will keep the image the same size.
After that, just rotate the image and re-save (new name) to get your other corners. If you apply any styles to the layer with the circle, you'll need to make sure you don't rasteurize it or anything, because when you rotate it, shadows and stuff will look really awkward (being that light will be coming from one side per corner, but when looking at both corners it will seem as though it's coming from two).
If you want to see an example of this, take a look at the menus on my site:
http://threadsoffrost.atspace.com
You can open up the source code if you want, but I use a lot of CSS (almost no actual formatting on the page itself), so you probably won't get sizes or anything (been a while since I worked on the main page).
Sorry for how long that was, but hope it helps.
Much Luck,
Paul J. Plusa