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

    Default 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

    Default

    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,185
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    Default

    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

    Default

    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

    Grin

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

  6. #6

    Default

    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,580
    Blog Entries
    3
    Contributions
    • Former Cid's Knight

    Default

    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

    Default

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

  9. #9

    Default

    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,185
    Articles
    6
    Blog Entries
    7
    Contributions
    • Former Administrator
    • Former Cid's Knight
    • Former Senior Site Staff

    Default

    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)

    Default

    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

    Default

    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
  •