Skip navigation
Currently Being Moderated

Rounded Corner Rectangles

Jun 17, 2010 8:19 AM



Something that's always bothered me tremendously is that when you create a rectangle object with rounded corners, then the rounded corners will stretch and loose their "perfect round smoothness", if you need to change the size of the rectangle.


How do you avoid that?


PS: My usual technique simply involves creating the rectangle as close to the correct size as possible to avoid the "stretched corners".

  • Currently Being Moderated
    Jun 17, 2010 8:26 AM   in reply to ufoldager

    if you create a normal rectangle and apply Effect -> Stylize -> Round Corners...  instead of using the rounded rectangle tool, you will have a live effect applied that will stay true as you resize your rectangle.


    If you need your settings to remain proportional to the shape, make sure you have "scale strokes and effects" turned on.  (in the flyout menu of the Transform panel)


    And the best part of all, if you look in the appearance panel, you can click on the round corners effect to change its parameters.

    Mark as:
  • Currently Being Moderated
    Jun 17, 2010 8:27 AM   in reply to ufoldager

    The best way to avoid this would be to use the direct selection tool (shortcut "a") to select the two points on each corner you'd like to move, then move those whichever direction you'd like. As such, your relationship within the pair of corner points stays the same, while the boxes area grows. Hope this helps!



    Mark as:
  • Currently Being Moderated
    Jun 17, 2010 9:43 PM   in reply to ufoldager

    If you are on Illustrator CS5, you can convert your Rounded Rectangle into a Symbol & while creating the symbol, choose "Enable Guides for 9-slice scaling". You can position the 9-slice splitters in the symbol edit mode in such a way so as to exclude the rectangle's corners from scaling when you scale the symbol.

    Mark as:
  • Currently Being Moderated
    Jun 18, 2010 2:24 AM   in reply to ufoldager



    Presuming rectangles with rounded corners you already have, or wish to use, with vertical/horizontal sides, you may (using the Direct Selection Tool and having the Transform palette/panel open with the appropriate Reference Point selected):


    1) Select the two sets of Anchor Points (the two rounded corners) to move (you may drag across them all);

    2) Object>Transform>Move (Ctrl/Cmd+Shift+M) by New dimension - Dimension in the Transform palette/panel (W or H).


    1) and 2) may be done both ways, of course.

    Mark as:
  • Currently Being Moderated
    Jun 18, 2010 3:34 AM   in reply to ufoldager

    For my part you are welcome, ufoldager.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points