#ILLUSTRATOR ROUNDED RECTANGLE HOW TO#

If you want to see more tutorials like this, please leave a comment below. Choose 'Object' and 'Clipping Mask,' then select 'Make' to convert the rectangle and the photo below it into a clipping set.

#ILLUSTRATOR ROUNDED RECTANGLE HOW TO#

Select Effect > Stylise > Round CornersĪll done! Hopefully this showed you how to do something new or something more quickly. Try and play around to get your desired effect. A larger difference between Radius 1 and Radius 2 will result in a more pointy star. Ive drawn a shape I want to reuse for tabs and titlebars: a rectangle with the upper corners rounded and the lower corners square. Be sure to click the canvas with the star tool if you want to choose options for your star. If you click and drag, you will create a star using existing settings. For the example when working in mm units the calculated radius was 5.292 mm when by clicking with the Rounded Rectangle tool after drawing the rectangle I can see the more precise number (5.2917 mm). Rounded Starsįor a smoother alternative, try creating rounded stars using the steps below. That solved my problem, the results are good enough but sometimes not perfect. Try experimenting with different values to create some unique effects. Choose Effect > Distort & Transform > Pucker & Bloatįor a bumpy circle, use a small positive percentage.įor a flower, use a large bloat percentage. The number of sides you choose on your polygon will be the number of “bumps” around the circle’s edge. If you want to choose the settings for your polygon, be sure to select the polygon tool and click the canvas. If you click and drag, you will create a polygon using the existing settings. Click the canvas and edit your settings to create your shape. Quick navigationĬlick the type of shape you want to create.īumpy Circles, Splats and Flowers 1. The steps should be the same in recent versions. I’ve used Adobe Illustrator CS5 to create these shapes, so the tools may look slightly different in your version of Illustrator.

Plain circles can be boring, so these embellishments can help to make things more exciting if needed. Then add them to your iPhone vector image, or your web page if you want to use the icons for that.Here are a few quick tips about how to create some easy circle shapes in Illustrator. Once you’ve made your icon you can select all parts and group them. Use Helvetica or Arial if you don’t have that font on your computer.ġ0. And if Scale Strokes and Effects is enabled then it resizes proportionally as you scale the shape. This effect keeps editable via Apperance panel. The icons sit on a dark screen and generally have some text underneath them. As Larry mentioned.you can create a simple rectangle (with no rounded corners) then use Effects > Convert to Shape > Rounded Rectangle. Whatever you choose to add, make sure that is sits beneath the top gradient. Now you can add a logo or symbol to the button. Set the blending mode to Screen and the Opacity to 80%. Select the new top of the square and fill it with a linear black and white gradient. Delete the top of the ellipse and the bottom part of the square.Ĩ. Choose Object > Ungroup, to ungroup the divided objects then. Select both the square and the ellipse, then open the Pathfinder palette and click on the Divide icon.ħ. Draw a black-filled ellipse above the square.Ħ. Make a copy of the square and paste it directly on top of the first square.ĥ. Expand the appearance to fix the effect and make all fully editable. As well you can use a straight rectangle, shear & rotate it and add the round corners effect. By using the Direct Selection Tool ( A) and selecting the shape, you will notice the appearance of the Live Corners widget little circular nodes in the internal and external corners of the shape. Make a rounded rectangle and shear & rotate it to the wanted position. To add an extra color stop, simply click under the gradient slider.Ĥ. Step 1 Let's say we have an object, and you wish to transform it into a star with rounded edges.

To change a color stop, first, click on the color stop, and then click on the color you want on the Color palette. Create a linear gradient with 3 shades of the same color, starting with the lightest color on the left hand side. Hold down the Shift key as you drag to create a square.Ģ. Use the Rounded Rectangle to draw a square with round corners. Following on from yesterday’s post on how to draw a vector iPhone, here’s how to make an iPhone style icon in Illustrator.ġ.

Illustrator rounded rectangle