Results 1 to 12 of 12

Thread: Web design - rounded corners

  1. #1
    Recognized Member Xander's Avatar
    Join Date
    Aug 2003
    Location
    UK
    Posts
    5,333
    Contributions
    • Former Cid's Knight

    Web design - rounded corners

    Okay, I keep seeing these nice rounded boxes on sites (the second new EoFF layout for example). And I'd like to know the best way to do these. I know you can use the marquee tool in Photoshop, then smooth the rectangle to make it circular. But I always seem to end up getting corners which aren't smooth.

    Someone like Baloki might know what I'm going on about.. =P
    rawr

  2. #2
    Last Exile Baloki's Avatar
    Join Date
    Sep 2003
    Location
    Dreaming a dream~
    Posts
    8,425
    Articles
    5
    Blog Entries
    2

    FFXIV Character

    Baloki Kyuu (Sargatanas)
    Contributions
    • Former Senior Site Staff

    I use a pen tool, how sad does that sound.

    I just load up PSP5 as it has old features, zoom in really big and draw my curved edges with 2 lines and a dot, I'll go draw an example quickly and post it

    Edit:
    <img src="http://forums.eyesonff.com/attachment.php?attachmentid=10199&stc=1">
    Attached Images Attached Images
    FOA

  3. #3
    Old school, like an old fool. Flying Mullet's Avatar
    Join Date
    Apr 2003
    Location
    Napping in a peach tree.
    Posts
    19,183
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    I find the easiest way to make rounded corners is to put tape up at 45 degree angles on your monitor. 8-)

    Honestly I've never done rounded corners so I don't know if there is an easy way to do it.
    Figaro Castle

  4. #4
    Away Founder Cid's Avatar
    Join Date
    Dec 1999
    Location
    In your tree.
    Posts
    2,049
    Articles
    141
    Contributions
    • Created Eyes on Final Fantasy
    • Former Administrator

    I just jack someone else's rounded corners, color them how i want, and resize them :)

  5. #5
    Your very own Pikachu! Banned Peegee's Avatar
    Join Date
    Mar 2001
    Posts
    19,488
    Blog Entries
    81

    You have PS? They DO have a rounded corner tool, right?

  6. #6

    If you have Photoshop use the rectangle tool.

    Then just crop the bottom to leave the rounded top part.
    Attached Images Attached Images

  7. #7
    permanently mitten
    Goddess of Snacks
    Miriel's Avatar
    Join Date
    May 2002
    Location
    San Francisco
    Posts
    13,569
    Blog Entries
    3
    Contributions
    • Former Cid's Knight

    In photoshop, if I want slightly rounded boxes, I use the rectangle tool. But if I want more dramatically rounded boxes, I turn to my nifty brushes and use those to erase and round the edges.

  8. #8
    Recognized Member Xander's Avatar
    Join Date
    Aug 2003
    Location
    UK
    Posts
    5,333
    Contributions
    • Former Cid's Knight

    Ooh, thank you people. *tries those things*
    rawr

  9. #9

    Or you can just use the square select type tool and change the feather option that will be up the top when you select it. Much easier.


    "... and so I close, realizing that perhaps the ending has not yet been written."


  10. #10
    Old school, like an old fool. Flying Mullet's Avatar
    Join Date
    Apr 2003
    Location
    Napping in a peach tree.
    Posts
    19,183
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    Quote Originally Posted by Xander
    Ooh, thank you people. *tries those things*
    So did the tape trick work for you?
    Figaro Castle

  11. #11
    i n v i s i b l e Tech Admin o_O's Avatar
    Join Date
    Jun 2001
    Location
    New Zealand
    Posts
    2,957
    Blog Entries
    1

    FFXIV Character

    Humphrey Squibbles (Sargatanas)

    I use the rectangular marquee tool in Photoshop, then invert the elliptical marquee too to erase the sharp edges. Works great for me.

  12. #12
    Recognized Member Xander's Avatar
    Join Date
    Aug 2003
    Location
    UK
    Posts
    5,333
    Contributions
    • Former Cid's Knight

    Quote Originally Posted by Flying Mullet
    So did the tape trick work for you?
    Did I say *tries those things*? I think I meant *tries those things except for Flying Mullet's idea* =P
    rawr

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •