Rounded Corners


1. Making rounded corners is EASY in Illustrator. Of course you can make rounded shapes in Illustrator but you can convert line path to rounded corners as well.

2. Make your path or line, and then just go to EFFECT > STYLIZE > ROUND CORNERS.

3. Set the radius of your choice, then hit OK.

4. You can go to the STROKE tab and change the stroke weight. I also like to round off the edges sometimes by hitting the middle button on the top right hand side.

30 Responses to “Rounded Corners”

  1. Santhosh Kumar said:
    January 3rd, 2009 at 11:59 pm | reply to this postReply to this comment |

    Very helpful..thanks

  2. jim said:
    March 6th, 2009 at 2:50 am | reply to this postReply to this comment |

    Hi

    I have tried this with a banner i made in photoshop cs4. I am importing the banner into Ai Cs3 but the rouding process will not work. Any ideas?

  3. Synergy said:
    March 6th, 2009 at 3:07 am | reply to this postReply to this comment |

    you cannot apply rounded corners to rasterized objects. it has to be a vector shape. you are doing the method backwards. you should create the rounded elements in illustrator and bring them into photoshop as a smart object.

    you cannot import something from photoshop to illustrator and expect to use the vector effects on it.

  4. Dabud said:
    April 11th, 2009 at 7:43 am | reply to this postReply to this comment |

    I scanned in crayon drawings of race car tracks and traced over them and then tried this style on the paths. When I gave it back to them, I said its now a NASCAR approved track.

  5. Anonymous said:
    August 5th, 2009 at 10:21 pm | reply to this postReply to this comment |

    for some reason this will NOT work for me at all. I create a line with the line segment tool, just like u have in your example. Then I select all, and go to effect- stylize- rounded corners. I have my settings on pixels, I can put in as many as 500px, but nothing will happen. No curves at all. Help?

  6. Anonymous #1 said:
    August 7th, 2009 at 11:24 am | reply to this postReply to this comment |

    I have the same problem as Anonymous. Please help.

  7. Synergy said:
    August 7th, 2009 at 6:48 pm | reply to this postReply to this comment |

    Line segment tool? I use a pen tool for any type of line creation with Illustrator. In CS3 and 4, Its under FILTER > STYLIZE > ROUNDED CORNERS. This tutorial is a bit out dated due to the fact that it was written using CS1 or 2. New version update will have updated illustrator tutorials. Please hang tight.

  8. saher said:
    September 5th, 2009 at 2:09 pm | reply to this postReply to this comment |

    excellent!!

  9. Stan said:
    September 27th, 2009 at 8:16 am | reply to this postReply to this comment |

    Thank you!!!

  10. ME said:
    October 7th, 2009 at 8:31 pm | reply to this postReply to this comment |

    GREAT TUTORIALS, THANK YOU

  11. Anonymous said:
    November 22nd, 2009 at 5:11 pm | reply to this postReply to this comment |

    @Anonymous: try using the pen tool

  12. Polo said:
    December 20th, 2009 at 9:32 am | reply to this postReply to this comment |

    It works if you use the Pen Tool to create your line segments.

  13. Chris said:
    December 20th, 2009 at 12:38 pm | reply to this postReply to this comment |

    yes you can use the pen tool to achieve this too :)

  14. Anonymous said:
    May 4th, 2010 at 1:47 pm | reply to this postReply to this comment |

    @Chris: :)

  15. nelson said:
    October 22nd, 2010 at 9:07 am | reply to this postReply to this comment |

    thanks…

  16. ulaai said:
    November 9th, 2010 at 5:25 am | reply to this postReply to this comment |

    i am using cs5. why cant i found stylize > round corners?
    i only found glowing edges.

  17. Chris said:
    November 9th, 2010 at 7:37 pm | reply to this postReply to this comment |

    I will look into this and post back a comment. Haven’t updated all the tutorials for CS5

  18. guy said:
    December 8th, 2010 at 11:35 am | reply to this postReply to this comment |

    not working for cs3

  19. In need of help said:
    February 3rd, 2011 at 8:18 pm | reply to this postReply to this comment |

    I’ve successfully applied rounded corners to a red rectangle that I’ve drawn. How can I make the now-white sharp corners in the background transparent? In other words, when I save for web and devices and preview it, it looks like a red rounded-edged square atop a white sharp-edged square of nearly the same size. I want the red square only as my final image!

    Thanks!

  20. Chris said:
    February 3rd, 2011 at 8:47 pm | reply to this postReply to this comment |

    @In need of help: you have to save it as a .png or .gif file in order for transparency to work. you also can’t have any background elements in illustrator. for instance, if you have a white box in the back, it won’t be transparent. you would have to make a separate file if a background color i applied to your document. in order for things to be transparent in illustrator, you cannot have a background element. and once that is done, save as a .png file and it should be transparent.

  21. mohammed said:
    March 25th, 2011 at 5:12 am | reply to this postReply to this comment |

    it’s great…..

  22. dhini said:
    January 9th, 2012 at 3:08 am | reply to this postReply to this comment |

    In CS3, after draw a line, you open STROKE window, you may find tiny arrow button on the left of “Stroke” text. Double-click it and there are the same options as above to create rounded-corner. (found it after drawing lots of lines)

  23. 10 Essential Illustration Tutorials for Beginning T-Shirt Designers | Fibers.com Blog - T-Shirt Trends & News said:
    March 21st, 2012 at 12:41 pm | reply to this postReply to this comment |

    [...] Making Rounded Corners in Illustrator by Christopher Takakura – Most of the time solutions in Illustrator are much [...]

  24. nene said:
    August 22nd, 2012 at 9:50 am | reply to this postReply to this comment |

    How can you convert just one corner into a rounded corner?

  25. tremendous site said:
    November 23rd, 2012 at 12:42 am | reply to this postReply to this comment |

    I learned a lot, fantastic article!

  26. Boegela said:
    April 15th, 2013 at 12:57 am | reply to this postReply to this comment |

    This does not work with the pentool unfortunately

  27. good advice said:
    May 11th, 2013 at 3:55 am | reply to this postReply to this comment |

    Hi there! I know this is somewhat off-topic however I needed to
    ask. Does managing a well-established website like yours require a large amount of work?
    I am completely new to operating a blog but I do write in my
    diary on a daily basis. I’d like to start a blog so I can share my own experience and feelings online. Please let me know if you have any kind of recommendations or tips for new aspiring blog owners. Thankyou!

  28. Nazmul Hasan Nero said:
    June 6th, 2013 at 11:00 pm | reply to this postReply to this comment |

    I do not find Rounded Corner option within stylize menu?
    what happened to me? can u say?

  29. http://cort.as/7vsD said:
    March 22nd, 2014 at 6:56 am | reply to this postReply to this comment |

    The catch are these claims: only one piece at a time may be considered, along with the process for each might please take a day or two. Indeed, there’s and it has proven being the range of even individuals who are viewed as fluent in far better English writing.

  30. marketing small business said:
    April 20th, 2014 at 2:48 am | reply to this postReply to this comment |

    I just like the helpful info you supply to your articles. I will bookmark your weblog and take a look at again right here regularly.
    I am moderately sure I will be informed many new stuff right right here!
    Good luck for the next!

Leave a Reply - Need an avatar for your posts? Register here for global avatar usage.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

media temple