Thursday 8 January 2015

Drawing with the Pen Tool & using Brushes - Adobe Illustrator Tutorial 4


Drawing with Pen Tool

The Path Tool will be the hardest tool to learn in Illustrator. It usually take weeks to learn and beginners always end up in frustration while figuring how it works. So don’t give up and practice it every day and soon you will be able to draw any shape.

Drawing Straight Lines

Select the Pen Tool and click once to add the first anchor point. Move your mouse to the next position and click again to create the second point. The two anchor points will be connected together. Continue doing this to create a W shape as shown.To draw a new line, click the Selection Tool(The Black Arrow Icon) and click back the Pen Tool again.
pen tool in illustrator

Closing a Path

To close a path, click back the starting point to close the shape.
Closing a path

Drawing a Curved Line

Click and drag to put out the handles to create a smooth anchor point.
pen curve

Changing Path Directions

Click and drag to create a smooth anchor point. Without releasing your mouse, hold Alt/Option and drag the handle up to change the path direction.
pen curve

Drawing a Circular Path

Click and drag to create a smooth anchor point. Continue adding points and click back the starting point to close the path.
pen circle

Adding Anchor Points

With the Pen Tool selected, go near the path where you want to add a new anchor point. A plus sign will appear next to the pen, click on the path to create a new anchor point.
add anchor points

Removing Anchor Points

To remove point, move your Pen Tool close to an anchor. A minus sign will appear next to the pen. Click on the anchor point to delete it.
removing anchor points

Converting Anchor Points

To convert a smooth anchor point to a sharp anchor point, move your Pen Tool near the anchor and hold Alt/Option and your Pen Tool will change to an arrow shape. Click on the smooth anchor to convert it to an anchor point. Click and drag on the anchor point again to change it back to a smooth anchor point.
convert anchor points

Moving Anchor Points

Select the Direct Selection Tool and click and on anchor you want to move. Click and drag to change positions.

Changing Anchor Directions

With the Pen Tool, you can quickly change the anchor directions. Hold Ctrl/Command to quickly change the Pen Tool to Direction Selection Tool. Select the anchor point you want to edit. The anchor handle will appear. Now release Ctrl/Command and hold Alt/Option to change it to Convert Anchor Tool. Click and drag the handles to change the direction.
change anchor handle

Drawing an Old Key

After learning the concepts of how the Pen Tool works, we will apply what you have learnt to create this ancient old key shape. For the right angles, hold Shift before adding anchor point to constrain it to 90-degree.
old key
old key 2

Final Illustration

This is the final illustration.
final key
Tips for Using Pen Tool
  • Use as little anchor points you need to create your shape
  • Add anchor points where there is a change in direction of the line/curve
  • Use shortcuts like Alt/Option or Ctrl/Command to quickly swap to other tools to edit your path
  • Hold shift to lock your path while adding new anchor point for 45-degree increments.

More Training for Pen Tool

I have included more exercises for tracing using Pen Tool. Save it to your desktop and place it in illustrator by going to File>Place. Select the image and make sure Template is ticked. The image will now be faded and placed as a template. Now you can start practicing and don’t give up.
basic shapes

complicated shapes

Using Brushes


Using the Brush Tool, you can add styles to your lines. It can also be used to mimic calligraphy, crayon and brush strokes. This will help you add more life to your line works.

Applying Brush Stroke

Select the Brush Tool and draw your object. Then go to your Brushes Palette and select the crayon brush to apply the effect.
pear stroke

Calligraphy Brush Stroke

To apply a calligraphy brush stroke, draw your path and select the calligraphy brush. Increase the Stroke to make it thicker.

Calligraphy Brush Options

To make changes to your calligraphy brush, you can double click the Calligraphy Brush to pop up the calligraphic brush options. Drag the brush to change the angle in the thumbnail. Change the Diameter makes it thicker.

Create a Border Pattern

Draw a rectangle and pick the border pattern. This will create a frame for it.

Creating a New Pattern Brush

To crate a new brush. Draw a Star and drag it to the Brushes Palette. A New Brush selection appears. Choose New Pattern Brush for it.

Applying Pattern Brush

Draw a circle and apply our new brush stroke.
Next draw a line path and apply the brush stroke. Double click the star brush from your brushes and set Scale and Spacing to 20% to get the effect below.
Brushes are very good for aligning objects and creating borders. So experiment with it and have fun!

Also See Other Tutorials

Written by

is one of the Team Member of Programmer vs Hacker. He has written many articles on this website and is a patner of this website.

0 comments:

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

© 2015 Programmer vs Hacker. All rights resevered.