Advertise    Write for Us

Vectorboom

Adobe Illustrator Tutorial: How to Apply Different Rounding Radiuses to the Corners

posted by: Iaroslav Lazunov, in Illustrator Tips / Techniques/ Comments: 3

Often you might hear form beginner vector designers a question, how to round the corners of a vector object in Adobe Illustrator. Surely, there are plug-ins and scripts that can help. But for most of them, unfortunately, you should pay. Today I’ll show you several ways how to solve this problem with the help of standard Adobe Illustrator tools. These techniques were developed by my friends ITT and Artelles.


There is the Round Corners Effect in Adobe Illustrator; you can round the corners of selected vector objects with it. Create any rectangle with the Rectangle Tool (M)

Round the corners of the rectangle with a radius of 100 px. To do so, go to the Effect > Stylize > Round Corners

The disadvantage of this technique- all the corners are rounded with a radius of the same length. The rounding radius for separate corners cannot be changed with this technique.

To change the rounding radius of separate rectangle corners we will use the Scissors Tool (C). With this tool cut the rectangle from upper right to lower left point.

Apply the Round Corners Effect and round the upper left corner with a radius of 100 px.

Now select the second part of the rectangle and round the lower right angle with a radius of 50 px.

To connect the cut parts of the rectangle you need to select them and go to the Object > Expand Appearance, after that click on the Unite in the Pathfinder panel.

In the next technique we will use extra points and a pixel grid. Turn on the pixel grid (View > Show Grid) and create a rectangle.

Using the Round Corners Effect round the corners of the rectangle to a radius of 100 px.

To change the rounding radius of the upper left corner with the Pen Tool (P) set two extra points in the same distance from the corner point.

Note, when you move this points you can control the rounding radius.

If you add two points on the sides of the corner at a smaller distance than the double rounding radius (diameter), reduce the rounding radius to the half of that distance.

We also have possibility to reduce the radius to 0. With the Pen Tool (P) set two extra points in the upper right corner and delete the top anchor point

With the Convert Anchor Point Tool (Shift + C) convert one of the angle points into smooth and drag it so that its endpoint was in point A

Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials and articles. Vectorboom team works for you!

Total comments: 3
0   Spam
1 goborobo   (2012 Aug 03 05:50)
Thank you for these solutions. I read through several proposed solutions before finding yours. Well done and the definitive answer to this problem.

0   Spam
2 Michelle   (2013 Apr 16 21:54)
Thank you Thank you Thank you, like the fella above me I searched for days trying to find a simple solution to this problem and you have delivered it. biggrin

0   Spam
3 faanjim   (2014 Jul 10 18:59)
This tutorial is really useful for pointing to a way to stop the creation of over extended corners. For instance where a tight angled polygon meets another polygon with less than 90 degree corners, the corners of the tight polygon overstretch the corners of the other, leaving an odd looking extension for the corner junction. I found that if you just modify the corner rounding for the tighter polygon to a very low value e.g. 0.004 (i think this is the lowest value) and the anomaly disappears! Woohoo, been bothering me for a while, nothing else seemed to do the trick.

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Username
Password
Recent Consultations
How to Create the Discreet Charm in Illustrator
Giveaway: Win an iPad Air & 5 Deals of Your Choice from Inky Deals!