This entry is part 3 of 3 in the series Learn Adobe Illustrator

In previous lessons, you learned about what Adobe Illustrator is and how to find your way around the interface. In this lesson we finally get to do some drawing! Yay.

Our focus here is how to use Illustrator’s Shape Drawing tools. This set of tools include the following; Rectangle Tool (M), Rounded Rectangle, Ellipse (L), Polygon, Star and Flare Tools.

03-01-Illustrator-Shape-Tools

While at first glance these tools may seem basic and rudimentary, these shapes can be used as the building blocks to all sorts of complex compositions. Take a look at most logos and you will see they consist of simple shapes joined together.

Let’s take a quick look at each of these tools in turn.

How to draw a rectangle

1 Select the Rectangle tool from the Tools panel (or press M on the keyboard). Illustrator-Rectangle-Tool

2 Drag diagonally in any direction.
03-01-Illustrator-Shape-Tools-Rectangle

Release the mouse after you create a horizontal rectangle. Voila!

How to apply fill and stroke colours to the shape

1 Click on the black Selection Tool (V) in the toolbar. Illustrator-Selection-Tool  Click on the rectangle (or any other shape you’ve drawn) to select it.

2 Choose a Fill Color by clicking on the Fill Color pop-up menu in the Control panel at the top of the screen. Pick a colour from the swatches panel that opens. Your shape fill colour changes.

03-05-Illustrator-Fill-and-Stroke-Colour-Options

03-02-Illustrator-Choos-Fill-Colour

3 While the rectangle is still selected, click the Stroke Color pop-up menu in the Control panel (right beside the Fill Color),  then choose a color from the swatches panel that opens. The stroke or border around the shape changes to that colour.

You might find that the stroke is not visible, this is because the stroke is only 1pt thick by default, and when the shape is selected the stroke colour you’ve applied is hidden by the selection boundary box.

03-03-Illustrator-Fill-and-Stroke-Colour

To make the stroke thicker or heavier change the stroke weight.

4 From the “Stroke” weight pop-up menu, choose 5 pt.

03-04-Illustrator-Fill-and-Stroke-Colour

How to draw a perfect square

You’re sticking with the Rectangle tool here. The only difference now is, you’ll hold down the Shift key as you drag out the shape. This constrains the shape to a perfect square.

1 Select the Rectangle tool from the Tools panel (or press M on the keyboard). Illustrator-Rectangle-Tool

2 Hold down the Shift key.

3 Drag diagonally in any direction.

Release the mouse after you create the square you want.

03-06-Illustrator-Draw-A-Square

How to draw an ellipse and a perfect circle

1 Select the Ellipse tool (L) Illustrator-Ellipse-Tool

If you can’t see it on the toolbar it’s hidden under the Rectangle tool.

2 Drag diagonally in any direction.

03-07-Illustrator-Draw-An-Ellipse

To constrain the ellipse to a perfect circle, hold down the Shift key as you drag.

03-08-Illustrator-Draw-A-Perfec-Circle

 

How to draw a rounded rectangle

1 Select the Rounded Rectangle tool (it’s hidden under the Rectangle tool if you can’t find it on the toolbar). Illustrator-Rounded-Rectangle-Tool

2 Drag diagonally to create a rectangle.

To constrain the shape to a rounded square, hold down the Shift key as you drag.

3 To change the radius of the corners as you drag, tap the up or down arrows on the keyboard before you let go of the mouse/trackpad. If you let go of the mouse you will not be able to change the radius of the corners on the fly and you’ll need to drag out a new shape. Below you can see three rounded rectangles with varying corner radius.

03-10-Illustrator-Draw-A-Rounded-Rectangle-2

 

How to draw a polygon and change the number of sides

1 Select the Polygon tool from the toolbar. Illustrator-Polygon-Tool

2 Drag until the polygon is your required size. While still holding the mouse down, drag the pointer in an arc to rotate the polygon. Add and remove sides on the Polygon by tapping the Up Arrow and Down Arrow keys – you must keep holding the mouse down while you’re doing this.

03-11-Illustrator-Draw-A-Polygon

 

How to draw a triangle

There’s no specific triangle tool in illustrator. Instead we use our old friend the Polygon tool and simply reduce the number of sides to three. As before, drag out to the size you want, and hit the Down Arrow key until there are only three sids on your Polygon.

03-12-Illustrator-Draw-A-Triangle

How to draw a star

1 Select the Star tool from the toolbar. Illustrator-Star-Tool

2 Drag out on the artboard until the star is the size you want. While dragging, you can rotate the star by moving your mouse in an arc. To add extra points to the star while you’re dragging, hit the Up key, to remove points from the star, hit the Down key.  Below you can see four shapes created with the Star Tool with a varying number of points.

03-13-Illustrator-Draw-A-Star

To increase the radius of the innermost points – basically, make the star look more pointy, hold down Ctrl (PC) or Cmd Mac) as you drag out your shape.

03-14-Illustrator-Draw-A-Star-Increase-Points

How to use the Flare Tool

The Flare tool in some ways is a little bit of a mystery. It’s not really a shape like the other’s we’ve looked at so far. You can use it to draw out what looks like a camera lens flare. It’s quite a cool effect, but I’m not sure how often you would use it. I think moderation is the key with this one.

1. Select the Flare Tool (hidden under the rectangle tool). Illustrator-Flare-Tool

2 Drag out your flare! Then drag it out again! The Flare tool looks most impressive when you use it over and over.

3 Get the Flare tool out of your system and never use it again!

03-15-Illustrator-Flare-Tool

Being Precise With The Shape Tools

Most of the time when you’re drawing with the shape tools in Adobe Illustrator, you will draw out the shapes by eye and measure them alongside other objects you have on your artboard. However, each of the Shape Tools allows you to be very precise about size, radius, points and sides (where applicable). Here’s how to use precise measurements with any of the shape tools we’ve looked at. Let’s take the star as an example.

1 Select the Star tool in the toolbar. Illustrator-Star-Tool

2 Instead of dragging out the shape, simply click once on your artboard.

3 A dialog box opens and you can fill in the values that you want for your shape.

4. Click ok and your shape appears on the artboard.

03-16-Illustrator-Star-Tool-Precise

Note: You can do this with ANY of the shape tools.

So that concludes today’s journey into Illustrator shape tools. Now you need to practice! Try out all of the tools individually and then have a go at creating a composition using a variety of shapes together. In the next lesson, you’ll learn how to select objects on the artboard and manipulate them and group them together, but for now, just draw the shapes and use your Selection tool to move them about. Here’s a couple of examples I made that you might like to try.

03-17-Illustrator-Shape-Tool-Examples

Have a go and creating these famous logos

03-01-Illustrator-Shape-Tools-android-logo03-01-Illustrator-Shape-Tools-mitsubishi-logo03-01-Illustrator-Shape-Tools-olympic-logo

If you find this lesson or this Learn Illustrator series useful, please share it using the sharing buttons on this page.

If have a question about Adobe Illustrator, please ask it in the comment area below and I’ll do my very best to answer it. Thank you!

Series Navigation<< Learn Adobe Illustrator Day 1 – What *IS* A Vector Anyway?

Jennifer Farley

Jennifer Farley is an illustrator, designer, author and design teacher based in Ireland. She has been teaching design for over 14 years and helps people learn Adobe Photoshop, Lightroom,Illustrator and graphic design skills to improve their job prospects and their business.

Latest posts by Jennifer Farley (see all)

Pin It on Pinterest

Share This