Skip to main content
Participant
March 21, 2012
Question

CS5.5 - Round one corner of a rectangle?

  • March 21, 2012
  • 12 replies
  • 96295 views

Hi guys

I saw a vid a little while ago that showed me how to easily round one corner of a rectangle and I can't remember how to do it.  Im sure its very simple - could someone enlighten me please??

Ta

    This topic has been closed for replies.

    12 replies

    Participant
    November 29, 2013

    I'm a noob to illustrator, so maybe don't understand the question, but I was able to create a rectangle with 1 rounded corner by doing:

    1. Create a rounded rectangle

    2. Add a non-rounded rectangle over one half, so that it covers two of the corners

    3. Add a non-rounded rectangle to cover the other corner I want square

    4. Select all 3 shapes

    5. Use the pathfinder> Unite

    Looks like a rectangle with a rounded corner to me.  This was using AI CS6, I'm not sure if the same thing would be possible in older versions.

    Participating Frequently
    November 11, 2013

    This is easily accomplished in Photoshop CC using the rounded rectangle tool. Go to properties, unlink the corners and give 3 corners a radius of 0px while using the desired radius on your rounded corner.

    Seems backwards, but you can save it as an .eps and open it in Illustrator... takes a few seconds.

    Doug A Roberts
    Community Expert
    Community Expert
    November 12, 2013

    i always find it funny when someone's answer to how to do something in illustrator is 'use another program'

    Participant
    April 17, 2013

    I found a simpler way:

    1. Create a square or triangle

    2. Create a circle with the radious you want your corner to be

    3. Copy Circle (if you want more than one corner rounded)

    4. Place Circle over the square to create the radious you want on square corner

    5. Select Circle and sqaure - make sure circle is on top

    6. Click Divide

    7. Ungroup it all

    8. Delete unessessary parts

    9. Select all pieces again

    10. Click Unite....Done

    Participant
    October 26, 2013

    Wow, that was a lot of really complicated and/or possibly unnecessarily expensive (pluggins!) ways to get a very simple job done.

    Believe it or not Illustrator DOES have all the tools you need to accomplish what you need to do.

    1. Create your square object.

    2. Go to Effect > Stylize > Rounded Corners and choose the radias at which you want the corner rounded.

    3. Then use the Scissors tool (its hiding behind the Eraser tool) to cut the object in half or in quarters, depending on what corner you wish to keep rouned.

    And whala! You've got your one rounded corner object. =)

    Inspiring
    October 27, 2013

    I was in a rush when I made that post yesterday. Looking back those steps, they wouldn't work in that order. I apologize. They should have been this.

    1. Create your square object.

    2. Use the Scissors tool (its hiding behind the Eraser tool) to cut the object in half.

        a. If you want opposite corners rounded, you would cut your rectangle in half from upper right corner to lower left corner or upper left corner to lower right corner, depending on which corner you wish to have rounded.

        b. If you want bottom or top corners rounded, you would cut your rectangle in half from left to right.

    3. Expand the Layers menu, so you can see the paths.

    4. With your Selection tool, select path you wish to apply rounded corners to.

    5. Choose Effect > Stylize > Rounded Corners and choose the radius at which you want the corner rounded.

    6. Select all the paths and go to Object > Expand Appearance, Then on the Pathfinder panel, click Unite.


    Well, this is basically what Steve suggested and I think this is what most users know and do for the lack of better options which this thread was about. Using the same approach for me the fastest way is to select the anchor points I want rounded, cut them, paste in front, then apply the round corner effect, expand appearance, select all and Join or Pathfinder's Unite. I prefer Join because it comes with a  shortcut (Ctrl + J) which works like that in the recent versions.

    The problem with all variations of this approach we are using is that the effect is expanded and is no longer live which looses flexibility to change it easily later in the development of the artwork. It also expands the appearance attributes like strokes and fills into multiple objects which requires additional work to put those back. For these reasons I don't use this approach except for the final files sent to the customer. During the development of the artwork, for the lack of  better, I use the round corners effect and cope with its limitations in various workarounds. I think for the most part the point of this thread was about improving this in Illustrator. And the best solution I can imagine is the screen shot shown in post #8.

    Inspiring
    March 6, 2013

    The easiest way for me is to create the rectangle w/one rounded corner in InDesign and save it as an eps then open it in Illustrator. I don't know why Adobe can't make this InDesign feature work in Illustrator too. Maybe next version?

    Audrey

    Participant
    April 5, 2012

    Illustrator bezier support is complete junk. Sure it's an awesome piece of software for logo design and small print jobs and web pieces but just don't call it an illustrator.

    If you are into complex vectoring either get plugins like Vectorscribe or XtremePath or just switch to new CorelDRAW X6 or Autodesk Sketchbook 2013. You will be amazed by polygonal control of both, heck X6 even offers vector 3D cast shadow of single two point line if you desire so with one click and drag.

    March 31, 2012

    if you need the graphic style send me eail sddress

    the upper left corner will be regular

    Inspiring
    April 1, 2012

    That is very interseing one probably could make a sort of template with a rectangle with one round corner one with two and one with three and each could have a round corner radius adjust able independently.

    I wonder if they could code that as a tool?

    Very interesting and clever.

    Kurt Gold
    Community Expert
    Community Expert
    April 1, 2012

    We've had many approaches in the past, including graphic styles, actions and scripts.

    All of them suffered from specific limitations. None of them may be called "beautiful". All of them are just that: Mediocre workarounds.

    Although not that old-fogyish as Illustrator, FreeHand and some other programmes are antiquated as well in that area. To me, a true "Smart geometric primitive" would not just offer a couple of predefined corner styles. No, it would allow you to define your own corner styles, comparable to the way you can create corner tiles inside pattern brushes.

    That would be an innovation. Just doing it the same way as FreeHand or Draw does at the moment would be a reactionary step.

    Inspiring
    March 31, 2012

    Well to me it does not seem to difficult to accomplish even if there is no tool for it.

    http://www.wadezimmerman.com/videos/1RoundCorner.mov

    Inspiring
    March 31, 2012

    Well to me it does not seem to difficult to accomplish even if there is no tool for it.

    Sure, drawing an arbitrary single-cornered, horizontally-aligned rectangle from scratch isn't so time-consuming. But see how long it takes you to add two corners each (different radii) to three existing rectangles which are all at odd angles. Doing it manually becomes less viable rather rapidly.

    DF

    Inspiring
    March 31, 2012

    Sure, drawing an arbitrary single-cornered, horizontally-aligned rectangle from scratch isn't so time-consuming. But see how long it takes you to add two corners each (different radii) to three existing rectangles which are all at odd angles. Doing it manually becomes less viable rather rapidly.

    DF

    Is that what the OP asked?

    As far as d4efending the indefensible I who and where the poster sees this hapening in this tthread? Or what it has to do with this thread at all?

    March 31, 2012

    the procedure includes

    multiple fills

    round the corner of the 1 fill

    the 2 - apply transform effect using the scale or move options so you mask out the rounded corners (making visible just the ones you want)

    and depends of the corner you want you use fils and move them over the object

    this is a live effect which is the beauty

    Inspiring
    March 22, 2012

    It's beyond belief that such a simple task can't be done in illustrator in 2012. Just saying.

    JETalmage
    Inspiring
    March 31, 2012

    It's beyond belief...

    Except to devotees predisposed to defense of the indefensible.

    Smart geometric primitives, Adobe. Take a look at your other drawing program. But no rush; you're only decades late on this.

    JET

    bjgough
    Inspiring
    March 21, 2012

    The itbros script looks good, but you'll need to know the exact corner radius you want—or, run the script multiple times as you sort it out.

    I have two different tools in my Ai arsenal.

    I bought VectorScribe, and it's awesome. It offers a lot more than just rounding single corners.

    www.astutegraphics.com

    And my other corner rounding solution is developed by CValley Inc called "Xtream Path." It is also very cool!

    http://www.cvalley.com/products/xtreampath/