We launched a new IT training category! Check out the 140+ courses now.

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

Tracing eyes with the Ellipse tool

From: Designs dekeConstructed: Your Own Online Avatar

Video: Tracing eyes with the Ellipse tool

In this movie, we're going to trace the eyes, and

Tracing eyes with the Ellipse tool

In this movie, we're going to trace the eyes, and we're going to do so entirely using the ellipse tool. So the first things I want to do is set up a vertical guide at the exact center of my document. And, just so that the guide is always visible, I'm going to create a new layer by dropping down to the little page icon at the bottom of the Layers panel, and I'll Alt+Click or option click on it, to bring up the Layer options dialogue box. And I'll go ahead and call this layer field, because it will eventually serve as a background for the avatar. And I'm going to change the color to magenta, again you can go your own way.

And now I'll click okay. And now I'm going to move the field layer below the photo layer, like so. Now I'll press Ctrl+R or Cmd+R on a Mac in order to bring out my rulers over here on the left hand side, and at the top of the document window. And before I create the guide, I'm going to go to the View menu, choose Guides, way down here, and then I'm going to turn off, Lock Guides. So if you see a check mark, next to Lock Guides, go ahead and turn off the command. And then, drag out a vertical guide for the left hand ruler, drop it any old place.

It should appear magenta if you made your Layer magenta. And you should see there's this little magenta square that's showing that the guide is selected. Then you want to go up to the options bar, to this align icon, click on it, and switch it to Align to Artboard, and now, you just want to click on Horizontal Align Center to place that vertical guideline right at the center of your document. And then go out to the View menu, choose Guides once again, and this time choose Lock Guides to turn it on.

And now we'll go ahead and lock that guide down. Now, you may still appear magenta. That's just a screen refresh problem. If you were to zoom out and then zoom back in, you can see that it changes to cyan. And now press Ctrl+R or Cmd+R in the MAC in order to hide the rulers. Now, that guideline should ideally, if you're drawing a face on portrait like I am, it should appear right down the center of your face. If it doesn't, what you want to do is unlock that photo layer right there, and then click on a photo to select it and move it until you see the vertical guide go right down the middle of your face there, in between your eyes.

All right, I'm going to go ahead and lock it back down though, because I want the template to be locked, and then you'll want to click on your tracing layer to make it active. All right, now zoom in on the document by pressing Ctrl+Plus or Cmd+Plus on a Mac, and go ahead and select the Ellipse tool from the Shape Tool fly out menu. And your keyboard shortcuts maybe a little different than mine, I've gone ahead and customized mine. And now I'm going to drag in order to trace the top edge of my eye, like so, and you'll also, as you're working, you'll want to press the Space bar in order to properly align the ellipse on the fly.

Now notice, at least for me, that I am not seeing any kind of fill or stroke associated with this ellipse. I'm going to assign the stroke by going over here, to this second swatch, up here in the Options bar, and I'm going to select black. Now notice that by default I get a one point line weight that's just fine, but I'm also going to click on the word stroke here in order to bring up the Stroke panel. And I want to assign a round cap and a round join. Neither of which are currently making any difference, but they will.

Now you want to draw another ellipse, this time along the bottom edge of the eye, in order to trace it. And you want to follow your eye as accurately as possible. In other words, you don't want to create a perfectly symmetrical eye. Mine kind of leans down and to the right, as you can see here. And the more accurately you trace, that kind of slope, the better you're going to convey your identity once you're done. Okay, so I'll go ahead and release at this location here. I might nudge things downward and I press the down arrow key, and notice how far I just moved that ellipse.

That's way too far. And that's a function of my keyboard increment. So I'm going to undo that move for now. And what I recommend you do, if you're working inside of a small document, as I am, is press Ctr+K or Cmd+K on the Mac, to bring up the preference's dialogue box. And then take the keyboard increment down to something like 0.2 points, which might seem very small, but it's very helpful as well. And now I'll click OK, and I'll press the down arrow key really just once, it's good enough, in order to move that ellipse into the proper location. All right, now what you want to do, is press the V key to switch back to the black arrow tool, Shift+click and that first ellipse, to add to that selection, and then go up to the Window menu, and choose Pathfinder in order to bring up the Pathfinder panel.

And the one we're interested in is intersect. So just go ahead and click on it, and you'll find the intersection of those two ellipses like so. Now go ahead and hide the Path Finder panel, and zoom in a little more. And I'm doing that by Ctrl-Space bar clicking. That's a Cmd+Space bar+Click on the Mac. And now I'm going to switch back to my Ellipse tool right there. And I'm going to surround the iris this time around. And you probably want to press the Shift key as you do, so that you're drawing a perfect circle, like so. And that circle might be a little bit big, and notice I'm using the space bar in order to move the circle around so that I can align it properly.

And I'll end up creating this shape here. And now, I'm going to start at this very center point. So in other words I want to make sure my pupil is centered on my iris. So I'll start dragging from the center point, and as I'm drawing I'll press and hold the Alt key that would be the Option key on the Mac. So I'm dragging from the center outward. Keep that key down by the way, and you also want to add the Shift key. So we've got the Shift and Alt keys down that's Shift and Option on the Mac in order to surround that pupil. And now, we want to leave the stroke intact by the way, that'll slightly open up the pupil, which makes for a more interesting eye generally speaking.

And now I'll go ahead and add a fill by clicking on the first launch up here in the actions bar, and changing it to black, as well. And now, I'll press the Escape key in order to hide that panel. Alright. The last thing I want to do is give myself a little bit of an eye wrinkle right there. That ridge that not only conveys how old I am, of course, but also conveys a smiling expression, which I would think we'd want. So I'll go ahead and draw another ellipse like this. And I'll move it over to about this location here.

And I'm doing that by pressing the Space bar, which allows me to move that shape on the fly. And when I get it right about there, I'll go ahead and release. I've got a fill which I don't want, so, I'll go ahead and change that first swatch to none. And now, I want to go ahead and clip this shape a little bit. So I'll press the escape key to hide that panel and I'll press Ctrl+Y or Cmd+Y on the Mac in order to switch to the outline mode, so I can better see my natural crease right there. And I'll go ahead and click and hold on the Eraser tool, and select the Scissors tool, and I'll click right at this location here and then I'll click right about there, as well.

And now I'll press the V key to switch back to the black arrow tool. Select the top portion of this shape by clicking on it, and press the Backspace key or the Delete key on the Mac to get rid of it, and then I'll press Ctrl+Y or Cmd+Y in a Mac in order to switch back to the preview mode. And that's how you go about tracing the fundamental path outlines, that will ultimately make up our first eye, here inside Illustrator.

Show transcript

This video is part of

Image for Designs dekeConstructed: Your Own Online Avatar
Designs dekeConstructed: Your Own Online Avatar

34 video lessons · 3836 viewers

Deke McClelland
Author

 
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
      46s

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 Designs dekeConstructed: Your Own Online Avatar.

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 preferences from 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.