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

Drawing artwork vs. building artwork

From: Illustrator Insider Training: Drawing without the Pen Tool

Video: Drawing artwork vs. building artwork

So we know there is a tool inside of Illustrator called the Pen tool and the Pen tool allows us to plot anchor points. Remember there are two kinds of anchor points, corner anchor points and smooth anchor points, and then by positioning these anchor points we can create these paths to generate artwork inside of Illustrator. But as we had discussed in the previous movie, we really don't want to focus on anchor points at all. It's extremely technical and it doesn't allow us to focus on the artwork that we're trying to create. We really care more about the paths than we do about the anchor points, so let's focus purely on the art that we want to create, by focusing on the paths themselves.

Drawing artwork vs. building artwork

So we know there is a tool inside of Illustrator called the Pen tool and the Pen tool allows us to plot anchor points. Remember there are two kinds of anchor points, corner anchor points and smooth anchor points, and then by positioning these anchor points we can create these paths to generate artwork inside of Illustrator. But as we had discussed in the previous movie, we really don't want to focus on anchor points at all. It's extremely technical and it doesn't allow us to focus on the artwork that we're trying to create. We really care more about the paths than we do about the anchor points, so let's focus purely on the art that we want to create, by focusing on the paths themselves.

In other words, let's draw visually instead of trying to understand about how to position these arbitrary anchor points that seem to exist only in some fantasy land, but not necessarily have anything to do with the artwork when printed out. Let's take a look at this piece of artwork right here. It's a lovely zebra here whose name is Mister Zee, and he looks great, but this entire piece of artwork was created without any use of the Pen tool. So what happens to be, if we look at the history of Illustrator itself, there were some functions that were added called Pathfinder.

Pathfinder was basically this concept where I could take a basic shape and then take another basic shape and then somehow overlap those shapes and use some kind of mathematical function like add or subtract for example, and the result of that mathematical function would give you a more complex path. For the most part, inside of Illustrator the Pen tool is the only tool that forces us to think about anchor points, but there are so many other drawing tools inside of Illustrator. So I want to give you a basic example. If I wanted to draw a crescent shape, I could take my Pen tool and try to draw it or I can kind of think a little bit differently.

I can take let's say my Ellipse tool inside of Illustrator, which is right here, and I can draw a circle. I'm holding down a few modifier keys to draw out from the center. I'm holding down the Option key and the Shift key. Option allows me to draw it from the center. Shift allows me constrain it to be a perfect circle. If you were on Windows, by the way, that would be Alt and Shift as you are dragging. Then what I can do is switch to my regular selection tool here and Option+Drag or Alt+Drag to actually create a copy, and now I have two overlapping circles. And if I take both of these circles, I can open up a panel called a Pathfinder panel and choose this option here called Subtract or Minus Front.

Now what I have done is I've taken two circles, but I've overlapped and I've subtracted them from each other, and my result is the crescent shape that I'm looking for. So we have a nice little moon there in the sky. Now if I were to use the Pen tool, I would have to think about where do the anchor points need to go in order for me to generate such a path? I would also, if I'm not as experienced with the Pen tool, not get the most perfect nice clean smooth paths. But what I've done here is I've taken to perfect circles, so the paths are beautiful and clean and smooth, and I've simply taken two of them and subtracted them from each other to get at the more complex shape that I was trying to create.

This concept is something called building artwork. In other words, combining basic shapes to create more complex ones. This is opposed to drawing artwork inside of Illustrator. Let's go ahead and delete the moon here for a second. And I take a look here at Mister Zee and I look at all the constructs and I look at what actually is going on inside of this graphic. I can start to anticipate how I might draw some of this artwork by envisioning in my mind very, very basic shapes like circles or straight lines, things like that, and by combining those, maybe get at more complex shapes which make up the actual zebra that I'm trying to draw.

The secret to building artwork is analyzing your artwork before you actually draw it. I'm actually going to close the Pathfinder panel here, hide my artwork layer, so now I just see the sketch that I'm dealing with here. And we'll talk a little bit later in the next chapter about how to bring sketches into Illustrator and setup your documents so you can trace them a little bit more easily. But I'm going to create now a new layer here inside of my document, Layer 3. Let's start by taking maybe a shape over here, just a regular plain Ellipse tool, and let's focus on this tuft of hair over here on the mane on the top of Mister Zee's head. I'm going to zoom in over here, so I can see this a little bit better.

Yeah, we've got a lots of points going in different directions here, but if I can visualize, hey, you know something, these curves are kind of portion of maybe ovals or circles. If I can draw a very basic oval shape, maybe I could end up actually using very simple shapes to draw what might appear to be a much more complex shape. I'm actually going to hold on my Option key again, because I want to draw it from the center, and I am going to click and drag and I am going to drawn an oval shape about this big, and you can see right now that it kind of matches that shape just from the area over here to over here.

Of course, this whole oval continues here, but let's now focus on that, I just know there's a part of that oval that might be very useful to me. I'm actually going to take my Fill color, which is currently set to white which is Illustrator's default setting, I'm going to change it to None because I don't want to actually see a fill, I just want to see the path itself, and again, we're going to focus more on how to optimize Illustrator for drawing in this way. So now I'm going to actually switch to one of the tool called the Rotate tool. The keyboard shortcut for the Rotate tool is the R key. I am going to click once right about over here.

Now what I've done is I have actually defined a new origin point for where that rotate is going to take place. And now I can kind of grab this circle here from the bottom and notice now it's rotating from that spot, and if I hold down my Option key or my Alt key, you'll notice that I'm now dragging a copy of his artwork and I've kind of matched this part of the curve over here. I still have the Rotate tool right now selected. If I click over here and then click on this part of the here and drag it out this way, again, with the Option key down, and then I go ahead and I click here to make a new origin point, Option+Drag this way, kind of repeat the same process here. All I'm doing is I'm taking an oval, a very basic primitive shape, but I'm making copies of it and I'm rotating in a way that will hopefully mimic the shape of what I'm actually trying to do.

So I'm actually going to continue to do this, just simply clicking once here to change the origin point, Option+Drag to create a shape over here, and now I have some paths that need to go in the other direction. I can actually take this over right here and just Option+Drag, make a copy of it, let's say right above over here, and then again set my origin point with the Rotate tool, I'll press the R key on my keyboard to get my Rotate tool. Click here to set my origin point here and I'll click and drag right now to rotate this, so it matches the curve that I'm looking for on this side.

Now I'm happy with the origin point is right now, so I'm just going to click and drag to rotate it back, but again, holding down the Option key or the Alt key to create a copy. Now it looks like I have just created a mess of shapes here, right? However, there is a tool inside of Illustrator that was introduced now in CS5 called the Shape Builder tool. It allows you to apply Pathfinder functions, but in a visual way. So if I take for example now my selections tool, and I select all these shapes that I have just created, and I take my Shape Builder tool, which is right here, the keyboard short is Shift+M, and I now simply click and drag inside of these shapes here.

Notice how it's combining these shapes together and even though they originally started out as a whole bunch of ovals, I'm now turning them to one combined shape. Illustrator also allows me to use the Option key or the Alt key to subtract areas. So now I'm simply removing parts that I don't want and again we're going to go into detail later on inside of the title as we learn about how to use the Shape Builder tool. But you can see that in a few quick strokes, I've taken simple oval shapes and then I've combined them to turn them into a final more complex looking shape.

As an added benefit, all the paths that I'm working with right now are clean and smooth. Notice out perfectly curved they are, because they were all originally parts of just an oval shape, which was very basic and very clean. All it takes is a little bit of creativity, the ability to actually look at your artwork and try to figure out or kind of break down your more complex artwork into more simple shapes that will ultimately lead you to your goal.

Show transcript

This video is part of

Expand all | Collapse all
  1. 7m 4s
    1. Welcome
      1m 21s
    2. The evolution of vector drawing
      3m 46s
    3. Getting the most out of this training
      1m 30s
    4. Using the exercise files
      27s
  2. 39m 2s
    1. Plotting points vs. drawing paths
      5m 36s
    2. Drawing artwork vs. building artwork
      7m 59s
    3. The keyboard shortcuts you HAVE to know
      8m 52s
    4. Groups and layers really do matter
      3m 11s
    5. Taming Smart Guides and the Bounding Box
      10m 53s
    6. Do you need a drawing tablet?
      2m 31s
  3. 47m 51s
    1. To sketch or not to sketch?
      2m 32s
    2. Setting up a template layer for your sketch
      3m 37s
    3. Optimizing default settings for drawing
      5m 27s
    4. Using the primitive shapes tools
      5m 7s
    5. Mastering the modifier keys
      2m 8s
    6. Mastering the transform tools
      6m 37s
    7. Creating curves with the Reshape tool
      6m 44s
    8. Using the Smooth tool
      3m 35s
    9. Using Simplify to create smooth paths
      3m 2s
    10. Recording an action for the Simplify command
      5m 2s
    11. Mirroring art for speed and accuracy
      4m 0s
  4. 50m 18s
    1. Deconstructing the Pathfinder panel
      1m 56s
    2. Using the Shape Modes functions
      12m 4s
    3. Using the Pathfinder functions
      13m 4s
    4. Understanding how compound shapes work
      11m 45s
    5. Understanding why compound shapes exist
      7m 32s
    6. Exploring additional Pathfinder options
      3m 57s
  5. 52m 51s
    1. Why Live Paint was created
      10m 45s
    2. Creating a Live Paint group
      4m 21s
    3. Using the Live Paint Bucket tool
      7m 8s
    4. Using Live Paint with open paths
      5m 6s
    5. Detecting gaps in Live Paint groups
      3m 42s
    6. Adding paths to a Live Paint group
      5m 34s
    7. Using the Live Paint Selection tool
      6m 28s
    8. Releasing and expanding Live Paint groups
      2m 59s
    9. Understanding how Live Paint works
      6m 48s
  6. 27m 37s
    1. Why the Shape Builder tool was created
      4m 18s
    2. Focusing on the big three: Add, Subtract, and Divide
      2m 27s
    3. Using the Shape Builder tool to add and subtract artwork
      9m 50s
    4. Using the Shape Builder to divide artwork
      3m 48s
    5. Building and coloring artwork at the same time
      3m 50s
    6. Using Gap Detection with the Shape Builder tool
      3m 24s
  7. 23m 2s
    1. Understanding how variable widths work
      8m 25s
    2. Modifying width points along a path
      7m 9s
    3. Saving time with width profiles
      5m 14s
    4. Turning variable width strokes into filled paths
      2m 14s
  8. 28m 21s
    1. Understanding how the Pen and Pencil tools differ
      4m 41s
    2. Adjusting the behavior of the Pencil tool
      7m 5s
    3. Using the Path Eraser tool
      1m 17s
    4. Drawing with the Calligraphic Brush tool
      5m 43s
    5. Drawing with the Blob Brush tool
      5m 53s
    6. Using the Eraser tool
      3m 42s
  9. 3m 44s
    1. Looking at the VectorScribe plug-in
      2m 16s
    2. Next steps
      1m 28s

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.

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 Illustrator Insider Training: Drawing without the Pen Tool.

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.

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 lynda.com 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.

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.