Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

New ways to draw in Illustrator CC


Designing Your Own Online Avatar

with Deke McClelland

Video: New ways to draw in Illustrator CC

New ways to draw in Illustrator CC provides you with in-depth training on Design. Taught by Deke McClelland as part of the Designing Your Own Online Avatar
Expand all | Collapse all
  1. 2m 3s
    1. Welcome
      2m 3s
  2. 43m 10s
    1. Preparing a photographic tracing template
      4m 9s
    2. Tracing eyes with the Ellipse tool
      7m 30s
    3. Tracing features with the Pen tool
      5m 43s
    4. Drawing asymmetrical facial features
      3m 58s
    5. New ways to draw in Illustrator CC
      5m 24s
    6. Using the new and improved Pencil tool
      8m 5s
    7. Roughing in hair and other complex features
      8m 21s
  3. 36m 53s
    1. Reshaping paths to enhance their accuracy
      7m 54s
    2. Assembling and exaggerating eyes
      7m 0s
    3. Reflecting and joining symmetrical shapes
      10m 44s
    4. Separating and enlarging a face
      3m 14s
    5. Establishing variety with stroke attributes
      8m 1s
  4. 52m 57s
    1. Coloring areas with Pathfinder operations
      5m 44s
    2. Coloring areas with the Live Paint Bucket
      6m 4s
    3. Independently scaling facial features
      7m 43s
    4. Updating a photographic template
      5m 25s
    5. Shading a face to match a photograph
      9m 19s
    6. Editing paths inside a clipping group
      9m 21s
    7. Adding additional shading
      9m 21s
  5. 52m 9s
    1. Shading a face with gradients
      8m 9s
    2. Assigning a gradient stroke
      2m 31s
    3. Creating a seamless fabric texture
      7m 4s
    4. Customizing a predefined pattern
      4m 25s
    5. Designing a custom crosshatch pattern
      13m 57s
    6. Combining gradients with crosshatching
      5m 57s
    7. Adjusting crosshatching to suit filled paths
      4m 44s
    8. Repositioning patterns inside paths
      5m 22s
  6. 22m 3s
    1. Curling a neutral lip into a wry smile
      4m 37s
    2. Adding playful smile lines
      5m 41s
    3. Clearing guides and arching eyebrows
      4m 19s
    4. Adding selective wrinkle lines
      7m 26s
  7. 7m 1s
    1. Saving a universally compatible PNG file
      7m 1s
  8. 46s
    1. Until next time

please wait ...
Watch the Online Video Course Designing Your Own Online Avatar
Video Duration: 5m 24s3h 37m Intermediate Apr 22, 2014

Viewers: in countries Watching now:

View Course Description

Designs dekeConstructed is a new series that breaks down the creation of cool designs so you can build them on your own. This installment is for everyone who needs an online avatar—that tiny image that has to communicate a thousand words about who you are in less than a square inch. Start by taking a photo of yourself facing forward—the traditional passport style. From there Deke McClelland takes you through the steps to transforming your photo into a cartoon avatar with Illustrator: tracing your features, refining and exaggerating the strokes, adding color and shading, and using gradients and patterns to fill in details like hair. Plus, learn some tricks for infusing your drawing with an extra bit of personality and exporting your final image in the best format for social media sites like Facebook and Twitter.

Topics include:
  • Preparing a photographic tracing template
  • Tracing eyes and other features with the Ellipse and Pen tools
  • Roughing in hair and other complex features
  • Reshaping paths to enhance their accuracy
  • Establishing variety with stroke attributes
  • Coloring the avatar
  • Shading a face with gradients
  • Adding expression and personality
  • Saving a universally compatible PNG file
Deke McClelland

New ways to draw in Illustrator CC

In this movie we're going to trace along the cheek the jaw and the neck. And we're going to do so using a couple of extremely powerful new drawing features in illustrator cc. So obviously if you have CS6 or earlier. You'll have to be drawing the old style way. But I do want to give you a glimpse into what's going on in the newest version of Illustrator, because it will give you a sense for just how much better things have gotten. So I'm going to scroll down to the neck here, and I'm going to grab my line tool.

And I'm going to start at the top of the neck right there, so you want to start at exactly where the neck starts, and drag down to more or less where the neck ends which is about this location here. You will of course miss your neck, that is to say, the line will not accurately trace your neck because after all, your neck is not absolutely straight. But watch this, if I go over here to the pen tool click and hold I've got this tool right here that it used to be called the Convert Anchor Point tool, and now it's just called the Anchor Point Tool.

And what it allows you to do, is not only convert the nature of your anchor points, from say corner points to smooth points, or vice versa. But you can drag straight segments. Check this out. I can now just drag this guy over. Now I've got a neck. That easy. And that's where it begins. This next one I think is really going to blow your mind. I'm going to switch back to the Pen tool. And I'm going to drag along the chin right about there, I don't need to create any chin underneath my beard, you may need to if you don't have a beard.

Then you'll need to start things off right there at that center guideline. And then I'm going to click beyond my jaw. Right there in order to create a corner point which is going to seem like utter and complete lunacy but is going to work brilliantly. Again, this only works inside Illustrator CC. Then I'm going to drag up here to create another smooth point just below my sideburns so I have a little bit of open space here. And that way I'm tracing along my cheek. But of course I've really missed my job.

Well, what you do is you press the a key to switch back to the wide arrow tool and you go ahead and click on that anchor point and notice that little handle there. That allows me to round this location and this location only, because this is the only selected anchor point. So I'll go ahead and drag inward like so in order to round off that path outline so it matches my jaw. Is that not totally amazing? And now I want you to see. It gets even better. Now I've got new anchor point right there.

So I could drag this handle way out here in my mustache. I could drag it around some more. So if you drag it toward the points you're going to get less moving. If you drag it away from the point You're going to get more smoothing.And then, whenever it is you want manual control, just go ahead and click off the path outline to deselect it, click on one of those new anchor points and now move it, to a new location. Now by virtue of the fact I moved the anchor point, I no longer have that little round corner control. But I do have this much manual control as I like over these anchor points and control handles that illustrator has created for me automatically.

Let's go ahead and drag this anchor point down just a little bit to round things of. Let me show you another really great use for this. Notice this wrinkly old dude thing that I've got over my eyelid here? Well, i can create that in a jiffy by switching over to the pen tool. And I'll click here so I'm just going to set down some corner points. Click here, click here, and click there. And now let's say I want to round off more than one corner at a time. Well I press the a key to switch back to my wide arrow tool, and I'll Alt+Click or Option+Click on a path to select the entire thing.

And now notice that I've got a couple of these handles And if I drag one, then I move both of them. So I'm rounding off both of these corners like so. And you can see what an amazing time savings this is. Alright, I'm going to drag this guy in a little bit, because he's still a corner handle by the way. Since he's an end point, and then I'll alt click or option click in the path outline to select it And I might nudge this guy up just a little bit by pressing the up arrow key.

And I can see now that I've clicked off the path that I have a little bit of a problem. Notice that I've lost my rounded caps, so I'll press the V key to switch back to my black arrow tool. I'll click on that path outline to select it. Go ahead and zoom out a little bit. I'll Shift+Click on the jaw line right there because it's got the same problem and Shift+Click on the neckline as well, and then I'll click on the word Stroke up here in the options bar and I'll select a round cap and the round join icons inside this pop-up panel. And that, friends, is how you take advantage of a couple of new drawing features here inside the most recent version of Illustrator CC One being the anchor point tool which among other things allows you to bend straight segments.

To which you can argue that illustrator should have always been able to do but it's great that he doesn't know and the new dynamic round corner functions which is a feature of the white error tool and is capable of automatically creating new anchor points as well as new control handles. Both of which dramatically simplify the drawing process here inside Illustrator.

There are currently no FAQs about Designing Your Own Online Avatar.

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

* Estimated file size

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


You have completed Designing Your Own Online Avatar.

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


Upgrade to View Courses Offline


With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

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 ?

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:

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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts. provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now

A trusted source for knowledge.


We provide training to more than 4 million people, and our members tell us that helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about 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

Sign up and receive emails about 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.