Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Drawing using shapes

From: Animated Character Design with Illustrator

Video: Drawing using shapes

Now there are times when the easiest way to draw something is just to use a primitive shape. And there are lot's of primitive shapes available to you in illustrator, including the rectangle tool, rendered rectangle tool, ellipse, polygon, star, and flare. We're going to use the ellipse tool and all I'm going to do is just move to the center where I want the eye hold down the Alt key to draw from the center and then hold down Shift to constrain it so that it becomes a perfect circle. Okay, and that places it over the eye, I can just nudge it into position using the arrow keys on the keyboard. Now it's a little bit too perfect for my liking.

Drawing using shapes

Now there are times when the easiest way to draw something is just to use a primitive shape. And there are lot's of primitive shapes available to you in illustrator, including the rectangle tool, rendered rectangle tool, ellipse, polygon, star, and flare. We're going to use the ellipse tool and all I'm going to do is just move to the center where I want the eye hold down the Alt key to draw from the center and then hold down Shift to constrain it so that it becomes a perfect circle. Okay, and that places it over the eye, I can just nudge it into position using the arrow keys on the keyboard. Now it's a little bit too perfect for my liking.

So what I'm going to do is apply this nice artistic dry brush stroke to it. It's a little bit too big now I could double-click the brush and edit it that way just that with just the with commander, but really the quickest way is to just go into my strokes settings and to bring that down to about 0.2 should do it. And once I have that, go back to the selection tool, hold down the Alt key and click and drag to make a copy. Now that should be a little bit smaller then the other eye so what I'm going to do is just select that.

And we can either use the scale tool or the free transform tool. Free transform I quite like to use to just adjust that in size. Okay, and then we need to create the circles inside. So I'm going to reverse the fill in the stroke after deselecting. So I'm going to toggle to the selection tool, deselect, swap the fill in stroke, and now I'm going to draw the pupils. And I'll just draw one, select the selection tool and drag a copy over to here, and again I can make that a little bit bigger if I want to, using the free transform tool.

Okay, so there we have the eyes. The other primitives that you can use are the line segments tools. So you've got the line segment tool which will create straight lines. You've got the arc tool, the spiral tool, and the grid tools. Now with the line tool What I'm going to do is just click and drag to create a line. Now you'll notice that it has no stroke or fill which is a bit odd so the first thing that we want to do is first of all choose a stroke and then draw the line and now we get a line represented by the stroke.

It's a bit odd that that happens, not sure if it's a bug but if you reverse the stroke and fill you'll get a line. It's because the line tool relies on having a stroke value. But instead of just giving you a warning it just kind of removes it completely. And I'm also going to adjust the weights of that a couple of notches. Now, again with the line tool you can apply a brush stroke if you want to, that's perfectly feasible as well. We're going to draw another line that intersects with that one. Now, I'm drawing this as a separate line cause I want this to be slightly fatter.

So let's do that up to value of four and then let's deselect that and then go back down to value of two and draw this line. Okay, so the line draws really nice instead of clicking to create one point, clicking to create another. You just click and drag to create your point. And then finally, what we're going to do is just again hold down the command key, quickly deselect, change it to one point, and then draw around the frame of the glasses. That one's going to end there and then we'll start here, just draw a few lines to represent the frames. Okay, so there we have the glasses.

Now, you'll notice I've accidentally reversed the eye at some point I must have swapped these around with that selected. These kinds of things are going to happen to you over and over again in illustrator. You've got to learn from your mistakes and move on. So there we go, using the primitive tools to create basic shapes and then using brush strokes to randomize them a little bit. There are also facts that you can use to make them look a little bit more hand drawn. Things like roughing will allow you to create much rougher circular shape. If I just say smooth and then bring the size down a little bit and put the detail up a little bit, you'll see we just get a more wobbly path.

Once you've applied that, you can select the second one and just apply it straight from the effect menu again, just to give you a slightly more random shape on the eyes. So, there we have it, using primitive shapes but creating a hand drawn effect from them.

Show transcript

This video is part of

Image for Animated Character Design with Illustrator
Animated Character Design with Illustrator

29 video lessons · 3466 viewers

Angie Taylor
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Animated Character Design with Illustrator.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.