34 Replies Latest reply: May 4, 2014 7:17 PM by erik crighton RSS

    CS5.5 - Round one corner of a rectangle?

    SimonLaughton Community Member

      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

        • 1. Re: CS5.5 - Round one corner of a rectangle?
          Manish-Sharma Adobe Employee

          Have a look on the link

           

          This is the easiest way to do i.e using the script other wise it will invovlve lot of steps to round just one corner.

           

          http://theitbros.com/adobe-illustrator-cs5-round-one-corner

          • 2. Re: CS5.5 - Round one corner of a rectangle?
            Mylenium ACP/MVPs

            You could simply buy Vector Scribe. Might be one of the smartest plug-in investments you'll ever do...

             

            Mylenium

            • 3. Re: CS5.5 - Round one corner of a rectangle?
              bjgough Community Member

              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/

              • 4. Re: CS5.5 - Round one corner of a rectangle?
                davetwo Community Member

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

                • 5. Re: CS5.5 - Round one corner of a rectangle?
                  vasil.petreski Community Member

                  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

                  • 6. Re: CS5.5 - Round one corner of a rectangle?
                    Wade_Zimmerman Community Member

                    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

                    • 7. Re: CS5.5 - Round one corner of a rectangle?
                      DayForce Community Member

                      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

                      • 8. Re: CS5.5 - Round one corner of a rectangle?
                        JETalmage Community Member

                        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

                        • 9. Re: CS5.5 - Round one corner of a rectangle?
                          Wade_Zimmerman Community Member

                          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?

                          • 10. Re: CS5.5 - Round one corner of a rectangle?
                            Wade_Zimmerman Community Member

                            I should add I for one do not see how all of these complaints about what Illustrator has or does not have can serve any purpose on a User to User Forum as there is absolutley nothing any of us as users can do about it, is there a purpose to it?

                             

                            I would think the feature request forum would be the place to post such concerns or the feature request page.

                             

                            I really sure you guys think there is a purpose but it eludes me.

                            • 11. Re: CS5.5 - Round one corner of a rectangle?
                              vasil.petreski Community Member

                              photo.JPG

                              if you need the graphic style send me eail sddress

                              Untitled.png

                              the upper left corner will be regular

                              • 12. Re: CS5.5 - Round one corner of a rectangle?
                                Wade_Zimmerman Community Member

                                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.

                                • 13. Re: CS5.5 - Round one corner of a rectangle?
                                  emil emil Community Member

                                  Isn't this more work than just drawing it with the pen like the way Wade suggested. The only advantage I see is if it is reused for a narrow range of the same size objects with sides at 90° angles which in my opinion is not much worth. If you scale down the object it will quickly fall apart and if you scale it up it will quickly limit the size of the possible radius, and also the size of a scaled object will not be reported and control at its effected size. In fact if I have to go that route I would rather use a group of four objects and this will give me the same thing with much greater flexibility to use interactively the transform tools - the image below shows what I mean. Just scale the rounded corner with the transform box holding Shift and move the edges of the other objects to fill gaps or move overlaps. For final usage apply the Unite function of the Pathfinder.

                                   

                                  Capture.JPG

                                  Of course the best solution is if Adobe provides a tool or functionality dedicated to do this.

                                  • 14. Re: CS5.5 - Round one corner of a rectangle?
                                    vasil.petreski Community Member

                                    yes then try tweaking the angle afterwards

                                    • 15. Re: CS5.5 - Round one corner of a rectangle?
                                      emil emil Community Member

                                      What do you mean afterwards, after uniting with Pathfinder? As i said, you do that before final usage.

                                      But even after that I think it is still less work to tweak it - select the two anchor points of the arc, click on one with the scale tool to place the scale center and Shift drag to create the desired round corner, move/scale snapping the edges of the object to the new size. At least you can do it with interactive tools instead of guessing and entering numeric data in multiple fills after each resize.

                                      • 16. Re: CS5.5 - Round one corner of a rectangle?
                                        emil emil Community Member

                                        Here's a step by step way to change the size of a rounded corner - I don't think using the appearance panel takes less clicks and effort, nor it gives more flexibility.

                                        roundCorner.jpg

                                        • 17. Re: CS5.5 - Round one corner of a rectangle?
                                          Kurt Gold Community Member

                                          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.

                                          • 18. Re: CS5.5 - Round one corner of a rectangle?
                                            Wade_Zimmerman Community Member

                                            I think it is probably agreed by all that what you say would be fine and as emil has shown the anatomy of the method that vasil posted it also points t6o the fact the mechanism for constructing such a feature is inherent in the Effects current capabilities so it should be possible without restructuring AI to bring this feature into Illustrator.

                                             

                                            The question is if so using that same mechanism can the feature be applied to any shape that has corners regardless of whetrherr they are 90º corners or not and I think it is possible and probably not as difficult as my have been thought of in the past, the good thing is that Adobe could develop the feature this way rather than purchasing it.

                                             

                                            But unfortunately what we write here will go nowhere since feature request are seldom taken from this forum.

                                            • 19. Re: CS5.5 - Round one corner of a rectangle?
                                              vladi013 Community Member

                                              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.

                                              • 20. Re: CS5.5 - Round one corner of a rectangle?
                                                tilliejupiter Community Member

                                                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

                                                • 21. Re: CS5.5 - Round one corner of a rectangle?
                                                  RobParsons007 Community Member

                                                  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

                                                  • 22. Re: CS5.5 - Round one corner of a rectangle?
                                                    adrianpin Community Member

                                                    Strange enough, InDesign has it all! Do what ever you want in ID copy and paste into AI

                                                    • 23. Re: CS5.5 - Round one corner of a rectangle?
                                                      downcasteyes Community Member

                                                      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. =)

                                                      • 24. Re: CS5.5 - Round one corner of a rectangle?
                                                        emil emil Community Member

                                                        downcasteyes wrote:

                                                         

                                                        ...

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

                                                        Well, I followed your instructions but I didn't get one object but four, and they don't even look like one object. On the left side are two objects I started with and on the right side it shows what happens when each side is cut in the middle with the scissors.

                                                        Capture5.JPG

                                                        • 25. Re: CS5.5 - Round one corner of a rectangle?
                                                          Steve Fairbairn Community Member

                                                          Did anyone ever try this?

                                                          Picture 2.png

                                                          1. Draw a shape (rectangle, polygon, whatever).

                                                          2. Copy it and round corners. [New versions use effects for rounding corners instead of filters (nuisance), so if you use the effect you will need to expand it.]

                                                          3. Place the copy exactly on top of the original.

                                                          4. Select both, Pathfinder Divide and delete the bits you don’t want.

                                                          5. Pathfinder Unite.

                                                          • 26. Re: CS5.5 - Round one corner of a rectangle?
                                                            downcasteyes Community Member

                                                            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.

                                                            • 27. Re: CS5.5 - Round one corner of a rectangle?
                                                              emil emil Community Member

                                                              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.

                                                              • 28. Re: CS5.5 - Round one corner of a rectangle?
                                                                Steve Fairbairn Community Member

                                                                Is there any possible way to  round some corners and not others as an effect?

                                                                I don’t believe so.

                                                                • 29. Re: CS5.5 - Round one corner of a rectangle?
                                                                  Jacob Bugge MVP

                                                                  I agree, Steve.

                                                                   

                                                                  But you can always fake it, based on three identical paths and a bit of clicking, making it possible to edit the one corner (or whichever number of corners) effect.

                                                                  • 30. Re: CS5.5 - Round one corner of a rectangle?
                                                                    emil emil Community Member

                                                                    Steve Fairbairn wrote:

                                                                     

                                                                    Is there any possible way to  round some corners and not others as an effect?

                                                                    I don’t believe so.

                                                                    I don't believe this either. It must be a fundamental change in the Illustrator core to include intelligent object primitives.

                                                                    • 31. Re: CS5.5 - Round one corner of a rectangle?
                                                                      jarnot9 Community Member

                                                                      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.

                                                                       

                                                                      ScreenSnapz238.png

                                                                      • 32. Re: CS5.5 - Round one corner of a rectangle?
                                                                        dougofakkad MVP

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

                                                                        • 33. Re: CS5.5 - Round one corner of a rectangle?
                                                                          cschmerling Community Member

                                                                          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.

                                                                          • 34. Re: CS5.5 - Round one corner of a rectangle?
                                                                            erik crighton Community Member

                                                                            i mean really lol