Tracing a hand drawn sketch & Converting to vector artwork Ep15/19 [Adobe Illustrator for Beginners]


[ Music ]>>Hello and welcome to
this video tutorial brought to you by TastyTuts.com. In this video, we are going
to use the drawing tools in Adobe Illustrator
to trace a drawing. We are going to be using the
pen tool, the brush tool, the blob brush tool,
and the eraser tool to convert this drawing
you see here on the left into vector artwork we
see here on the right. By the end of this tutorial,
you will be very familiar with the drawing tools and
equipped with the knowledge to create your own artwork. I’ll also be sharing some
of my tips and tricks. This is episode 15
on this course. Earlier, in episode 10, we looked at the drawing
tools in some depth. We will also be going into some
depth here, but if you are new to Illustrator and
new to this course, I recommend you watch
that video first. This video will give you a nice
foundation of skills for you to take on this more complex and you can find the
link in the description. So to the left, on the first art
board, here is a hand drawing which I have prepared
earlier, scanned and placed into Illustrator. To the right, on the
second art board, is a finished traced example. This is what we’re going
to create in this video. If we zoom in and pick
around with a section tool, we can see the many strokes
that make up this composition. If we continue to look, we can see more strokes have
interesting taper effects at the end. To achieve this, I had to create
a custom brush using this shape. I will also be showing you how
you can create custom brushes later in this video. If I reveal the original
hand drawing behind, we can see it does
not match up entirely. We will be using the hand-drawn
sketch only as a reference, and along the way we will
make various modifications to enhance the overall
composition. If you’d like to take a
closer look at this example, this can be found in the
tracing drawing folder in the project folder. You can download this
project folder for free. The download link is
in the description. So in a previous video, we
learned how to set up a document and place in our scanned
sketch ready to trace. Now we’re going to refer back to
that document and make a start to trace our scanned image. If you are following along
from a previous video, great. Open up that document now. Though if you’re new to this
course, you will need to open up this documents and this will
be found in the drawing folder in the project folder. You can download this
project folder for free. The download link is
in the description. So with the project folder open,
click test project, drawing, trace drawing, versions,
and select the version of Illustrator you’re using. In my case, it’s CC, and
open the skull sketch file. And you should have something
that looks like this. Now, we’re going to be
covering a lot in this video and in quite some depth. If you wish to skip ahead to
any point in the video or back, you can do so quite simply. The topics covered in
this video are listed in the description
along with their times, so be sure to check that out. Along the way, I will also be
mentioning some shortcut keys which you can find
in the description and in the shortcut
page in the project PDF which you can download
in the description. So let’s get into it. So here we are with our
document ready to trace. If we look in the
layers panel quickly, we can see that the scan
drawing is currently on the drawing guide
layer and this is locked. We are now going to start
to draw on the trace layer. First under the come over to
my menu and click and hold on the pen tool and we
should see the tools expand. Then I’m going to move my
mouse cursor over the arrow on the far right and
release, and this is going to snap the pen tool
menu out like so. We are going to be referring
to this a lot in this tutorial. So going to press command R
to activate my rulers panel, and I’m going to click in the
side margin and drag out a guide and place this in the middle
of my sketch reference. If you don’t see your guide,
you can press command colon, and this will toggle the
visibility of your guides. So I’m going to begin
to trace my sketch by starting from the outside in. I’m going to create
the outline and work to fill in the details later. Now, I’m not going to trace
around this outline completely. As we can see, it’s
the same on both sides. So to speed this up, I’m
going to use a little trick. I’m going to draw half of
this shape, and then copy and paste it to connect
on the other side. So I’m going to zoom in
and start from the top. Okay, so I’m going to
press P on the keyboard to activate my pen tool, then
I’m going to look very carefully in the tools menu and make
sure I only have a stroke color applied. I can currently see
I have a white fill and black stroke applied, so I’m
going to select the fill color and click on the red
dash to set this to none. I want to begin by using the
[inaudible] convert technique, so I’m going to drop an anchor
point roughly about 10 pixels to the left of the
center line and begin to drop points along the outline
of my sketch, anticipating where I’m going to need curves. I will press and hold
space spots and move around my canvas area and
continue to drop anchor points until I get to the bottom, and
drop the last anchor points, again around 10 pixels to
the left of the center line. So once I’m happy with
that, I’m going to come up to the pen tool panel and click select the
anchor point tool. Then I’m going to start
from the top and begin to add curves to my line. So with the anchor point tool,
I’m going to click and drag out to the right on my talk
a good point, holding shift to get nice straight handles. I’m not going to
drag out too far, just enough to give my
line some initial curve. Then I’ll come to the next
anchor point and again click and drag out some handles
and add a nice curve like so. Then I’ll come to the
next anchor point and drag out some handles, but on
this occasion I will press A to activate the direct
selection tool to click and drag on the handles to further refine
the curve to match the sketch. By pressing shift C, we can
activate the anchor points tool and move on to the
next anchor points. I will pull out a little on
each anchor point and then click on the handles to expand that
part of the curve a little more and use a direct selection
tool to refine my curves until I have something
that looks like this. So now I have successfully
and quickly created an outline over the right side
of the sketch. By pressing V, I will
then select my stroke and now we will have a
bounding box around it. With the stroke selected, I’m
going to come to the bottom of the tools menu panel and click the swap
fill and stroke color. And now we have a fill shape. Then I’m going to
press command C to copy and command V to paste. With my pasted shape,
I’m going to come up to object transform,
and reflect. I’ll be sure to flip vertical and add 90 degrees
and click okay. Once flipped, I’m
carefully going to slide the two vector
shapes side-by-side so they are slightly
overlapping. With the selection tool, I’m
going to select the left side, press and hold shift, and
select the right side. Now I have them both selected. I’m going to come over
to the path finder panel and click the unite button. Upon click, this will bind
these two vectors into one. And now, if I come to the
bottom of the tools menu and again click the swap
fill in color button, we will now have a nice
outline of this sketch. Next, I’m going to come
up to the control panel and push the stroke
up to seven points to give my stroke some boldness. At this point, I’m going to
certainly change the size of my outline to better
match my sketch reference. I’m going to click on the middle
left square on the bounding box and drag in a little, like so. So once I’m happy with my
outline, I’m going to start on some of the details inside. So next, I’m going to
create the cheekbone stroke. This will be done the
same way as the outline. I’ll press P to activate
the pen tool and drop some points
along the sketch, like so. Notice that the stroke
applied will be the same as we just applied
to the outline, so we currently have the seven
point stroke and I’m just going to push this down to five points
in the control panel so it’s not so big and we can compare
to the sketch better. Then, I’ll press shift
C on the keyboard to use the anchor point tool
to put out the anchor handles on the anchor points and use
the direct selection tool to refine the anchor handles. Notice here on the cheekbone,
I have curved my line into the outline stroke to give
a nice seamless appearance. So next, I’m going
to drop some handles for the top of the cheekbone. I’ll drop down some
anchor points and use the anchor point tool to
pull out handles and add curve to my line, and then use
the direct selection tool to refine my handle curves and reposition anchor
points if necessary. And that’s looking pretty good. So if I come to the
bottom, to the chin area, we can see we have
these half circles here. I’ll press P to activate the
pen tool, drop an anchor point at the start and one at the end. Make sure that the anchor point
is dropped on the black stroke. Then I’ll press shift C and use
the anchor point tool to collect and drag out handles on the
first a little, then click and drag on the second,
and we have a nice curve. So I’m going to use the same
technique on the inside jaw, then move up to the cheekbone
and use the same technique to draw two stroke lines. And now we should have
something that looks like this. So next, I’m going to
create the flower petals that are coming off the circles. To do this is quite simple. I’m going to press P to activate
the pen tool and begin to drop down some anchor points. So I am going to
create what looks like triangles emerging
from the circle. So next, but the press A to activate the direction
action tool, and just click and reposition my anchor points so the triangles look
a little bit more even. Then I’m going to press shift C to activate the anchor point
tool, and I’m simply going to click and drag on the
top point of each handle to add a nice round
curve to each until I have something
that looks like this. Right now, it’s not
looking too great. Still a little rough. So I’m going to press
A on the keyboard to access the direct selection
tool and I’m going to click on various anchor points to
move them again and click on handles to refine the curves. And I’ll do this until I get
something that looks like this and I’m a lot more
happy with it. So that’s looking better. Next, if we look
inside the pedals, we can see we have these
little line details. To create these real quick, we’re going to use
the pencil tool. From here on end, we’re going
to use the pencil tools a lot, so I’m going to come over to the
tools menu and click and hold on the pencil tool until
the tool menu expands. I’m going to move my mouse
cursor over the arrow on the right and release to
snap out the pencil tool panel, and I’ll put this under
my pen tool panel. So I’ll press N on the
keyboard and quickly draw in little strokes into
each pedal, like so. So next, we’re going to move
up to the flower section on the top of the skull. First going to create
the two inside strokes by using the pen tool,
then using the anchor tool to add curves, and use the
direct selection tool to refine, just like we did earlier. Once I’m happy with those, I’m
going to use the pencil tool to create the pedals here. So I’ll press N to activate
the pencil tool and click and draw the first pedal. If I’m not happy with any
part of this line, I can click and draw back on top of this
to refine until I’m happy. Then I’ll draw on top
with the smooth tool to get a real nice smooth line. And that’s looking
nice and smooth. I’ll use the same
technique on the other petals until I have something
that looks like this. So we also have some line
details inside the petals. So again, with the pencil
tool, I’m going to draw lines over the sketch and use
the smooth tool to refine and smooth the strokes. So next, we can see
some leaves coming out. To draw these, I will
again use the pen tool. I’ll press P, drop an
anchor point at the start, an anchor on the point, and
an anchor on the petal stroke, and then press shift C to
activate the anchor point tool and click and drag out
some handles on the point. Drag one of the handles
in, like so, then press A to use the direct selection tool
to reselect the anchor point and drag the other
handle over, like so. Simple. So using that technique,
I’ll create the other petals, like so, until I have
something that looks like this. Now, next we’re going to
move into the eye section. To start this off, I’m going
to use the ellipse tool to draw the circle
in the center. Then I’m going to press P
to activate the pen tool, and just like earlier, I’m going
to drop down some anchor points and make a sort of star
shape over the petals, placing one anchor point on
the tip and one on the base of the circle until
I make my way around and join on the other side. Then I’m going to use the anchor
point tool to click and pull out handles on each
petal tip this is going to add curves to each petal. Then I’ll click and
drag out handles on the anchor points
closer to the ellipse base. And once I have added
curves to my petals, I’ll use the direct selection
tool to reposition anchor points and tweak curve angles
to refine my petals. Soon I’ll end up with
something like this. Next, I’m going to
use the pencil tool to draw the stroke lines on the
inside of my [inaudible] shapes, using the smooth
tool to draw on top and smooth the stroke
lines as I go along. Now originally on my
sketch, I drew the flower by section coming
out the eyeholes. Now, I want to change this so
they are inside the eyeholes. So with the selection tool,
I’m going to click and drag over all the eye vector
strokes to select them all. With them all selected,
I’m going to press S to activate the scale tool
and then I’m going to click and drag inwards, holding shift
to scale down nicely, like so. Next, I’m going to draw
the outside of the eyehole. So pressing P to activate the
pen tool, I’m going to draw down anchor points along the
sketch, then press shift C to activate the anchor tool and
click and drag on each point to drag out handles and tweak
the handles using the direct selection tool. Soon I will have something
that looks like this. Next, I’m just going
to reposition, resize, and fit the flower section more
comfortably inside the eyehole, like so. So next, I’m going
to create eye petals around the outside
of the eyehole. Now, we don’t have these as
a reference on the sketch. When drawing the sketch, I did
not plan for this, so I’m going to have to make this up. So with the pen tool, I’m
going to click and drop down anchor points along
the eyehole stroke, like so, one on the stroke line and one
above, creating these triangles around the eyehole, like so. Soon I will end up with
something that looks like this. Then I’m going to use the
direct selection tool to click and reposition some
of the anchor points until all the triangles
are more or less even. Once I’m happy with
my triangles, I’m going to select the line
with the direct selection tool, press shift C to activate
the anchor point tool, and go around the tip of each
triangle and click and drag out handles to add curves
to each petal, like so. If when I pull out anchor
handles, I’m not entirely happy with the anchor position, I
can fine tune the position by pressing the arrow key to move the anchor
points around very subtly. Soon I will have something
that looks like this. So now we can see we have these
very pointed strokes inside pointing out over
the eyehole outline. To rectify this, we
can zoom right in. With the petal line selected,
we can use the anchor point tool to click and drag a little on
each point to add small curves to remove the harsh point. So I’ll continue to move
around my petals strokes until all the harsh
points are neutralized. So nobody use the direct
selection tool to further click on various anchor
points and handles, and fine tune the
positioning and curves of my petal strokes
until I am happy. If I think the eye on a
hole is now looking too big, with the selection tool
I can make a selection over the entire eye,
please my mouse cursor over the bottom right
holder, and click and drag in, holding shift to scale down
the eye section slightly. So next, I’m going to draw the
circles above and below the eye. So with the ellipse tool, and
going to draw a circle shape that I’m going to press and
hold Alt on the keyboard and carefully click and drag on
the ellipse stroke to the right over the sketch to
place a new one. And again and again until
I have five new ellipses in place over my eye. Then I’ll press Alt
and click on the stroke and drag five new
ellipses under the eye. So that’s the eye
section complete. Next, I’m going to move up and
create some of the small details of the head section,
these drop-like shapes. To create the first shape,
I’m going to use the pen tool. First I’m going to drop
an anchor at the start of the drop and one at the end. Then I’m going to
drop another point to connect at the first point. Now at the moment, it looks
like just a straight line, though if I press shift C to activate the anchor point
tool I’m going to click and drag out two handles, like so. With that anchor
tool still active, I’m going to grab one handle
and drag it over, like so, to create the curve on one side. Then I’ll press A to activate
to the direct selection tool, check on the anchor point
to reveal both handles, and drag the other handle to
create the curve on the top. So I’ll press shift C again
to activate the anchor tool, and click and drag on the top
anchor to drag out handles. Drag one at the curves then
use the direct selection tool to collect the anchor point and drag the next handle
to create the curve. After a little tweaking, I
will have a shape I need. So next, I’m going to
create this drop shape, again dropping anchor
points with the pen tool and using the anchor point
tool to drag out handles and create curves in the line. Soon I’ll have a
shape like this. Now the shape above is
pretty much the same. So with the selection tool, I’m going to select the
drop shape I just made, and press command C to copy
and command V to paste. With the new shape, I’m
going to move it up, rotate, and change the size, like so. So now we have created
most of the details on the right side of the face. What I’m about to do now
is duplicate these details onto the left side. I can do this pretty
easily by making a selection over the entire composition
and selecting everything. If I press and hold the
shift and select the outline, I will deselect the outline and
keep everything else selected. So with all the elements
selected, I’m going to press command C
to copy and command V to paste. With the new elements, I’m going
to move them over to the left, then come up to object,
transform, reflect, and click okay. Then I will move the elements
into place by dragging them and using the arrow
keys to fine place them. So that’s looking pretty good. And the best part about it is that we have saved
some time not having to draw these elements twice. So now we are starting to
make some progress here. Next, we are going
to create the teeth. So I’m going to start from
the middle and work my way across over to the right. What I’m about to do here is
create the lines that make up the teeth on the right-hand
side and then replicate them over to the left to
get nice even strokes. So with the pen tool, I’m going
to drop down anchor points where I believe the points
on the line need to be to create curves later, and
I’ll use the sketch below as a reference. I’ll create the first
line in the middle. Once the line is complete, I’m going to use the anchor
point tool to add the curves. First I’ll select the line
with the direct selection tool, press shift C and start
from the second anchor point from the middle. So I’ll click and drag up
to pull out some handles and create the curve
to the left. Then select the far right
handle and drag down like so to create the curve
towards the next anchor point. Now, I’m going to skip the
next anchor point and move over and click and drag out the
anchor point handle and click and drag the angle back to
create the curve to the left. Then select the far right handle
nominal and drag down like so to create a curve towards
the next anchor point. I’ll drag the next anchor point
out and pull the handle up, just to finish off
the line, and I’ll end up with something
that looks like this. Then using the direct selection
tool, I’ll click the line and fine tune the positioning of the anchor points
and the handles. Now, notice the stroke below
is pretty much the same, so I’ll press a V to select
the stroke and I will copy and paste my stroke
and move it into place. The line below this is also
the same so again I’ll paste and move into position, but this
time using the direct selection tool to increase the curve
a little on the stroke. So next, I’m going to create
the teeth stroke lines above, but this time adding the curve
downward instead of upwards. So I’ll drop down some
anchors with the pen tool, then use the anchor point tool
to click and drag the handles down to create the
initial curve to the left. And then click and
drag the right handle up to match the curve
on the other side. I’ll skip the next anchor point
and click the other anchor point and drive down again to create
the correct curve to the left and select the right
handle and drag up to create the correct
curve on the right. So soon, I will have
my new stroke and then I’ll tweak this using
the direct selection tool. The stroke above is the same
as this one, so I’ll copy and paste this and
place it above, but this time use the
direct selection tool to slightly exaggerate
the curve, like so. Easy. So next, I’m going to create the vertical
lines of the teeth. So with the pen tool, I’m
going to click on the point of the top line and simply click
on the middle line and drag out to create the curve
matching the sketch. Then I’ll just press P again
on the keyboard to move onto the next vertical line. I will click once and
then move down and click on the middle line and
drag to create the curve. Press P to move on to the next
line, click the top stroke, and then click the middle line
and drag to create the curve. I’ll repeat this technique until
I have completed the lines. Then I’ll create
the lines below. So now we have the lines
that make up the horizontal and vertical part of the
right side of the teeth. Now, I’m going to select
all of these strokes with the selection tool. I’m going to copy
and paste these, move them over to the
left, come up to object, transform, and reflect. Click okay, and line the
strokes up accordingly to meet in the middle. Now, we can see that these
lines do not meet the jaw line of the left side the skull. So now, I’m going to have to
select all the teeth lines and simply drag left
on the middle pointer on the bounding box to
stretch the whole teeth section across until they meet
the jaw line on the left. Now, if I zoom in and look
at the lines as they overlap, this does not look too good. So I’m now going to connect
these lines together. So with the direct
selection tool, I’m going to click the
endpoint of the top lines and move them away from each
other but only slightly. Then I’ll press P to
activate the pen tool. I’ll carefully move my
mouse pointer over the end of the left line until I see
the mouse cursor indicate that it’s found the end
anchor point of the line and the mouse cursor
will show a little dash. So I’ll click to
activate the stroke line. Then I’ll move across
to the right stroke and carefully move
my mouse cursor over the endpoint of the mind. Soon the mouse cursor
will change, indicating that all I have
found the end anchor point of the line, and the
mouse cursor will show a little circle. Then I’m going to click to
connect the lines together, so this line is now joined. But here we have
two anchor points that is making the point
end look pretty strange. So with the direct selection
tool, I’m going to drag one of the anchor points and drag
it directly into the next one, and that should even up
the curve point, like so. If I click and drag with
the direct selection tool over this area, I can select
them both and move them into the final position. So I’m going to repeat this
technique to all the other lines until they are all connected. And I’ll have something
that looks like this. Next, I’m going to
finish this section off by using the pen tool to click
and drag a line down the middle of the teeth so next, I’m going
to draw the heart section. To make this easy, I’m going
to draw one half and then copy and join it on the other side. So with the pen tool, I’m going
to draw my first anchor point down then draw another on the
curve and one at the bottom. I’ll press shift C to
activate the anchor point tool. I’ll click and drag up
on my first point to pull out some handles,
but only slightly. Then I will release
to drag out the handle to increase the initial curve. Then I’ll move on to
the next anchor point, drag out some handles to
complete the first curve, release, and click and
drag the next point to exaggerate the curve below. Then I’ll click and drag
out the bottom point and at the final curve. So now I have half
of the heart-shaped. I’m going to come to the
bottom of the tools menu and click the swap,
fill, and stroke button, and this will change
the stroke into a fill. Next, I’m going to copy
and paste the shape, move it slightly to the left,
come to object, transform, reflect, and click okay. Next, I’m really carefully going
to place the first half next to the second half, and I may
have to zoom in to do this. If you notice the
endpoints do not meet up, and use the direct selection
tool to click the anchors and move them together. Once I’m happy that my
heart shape connects, I’ll use the selection
tool to select them both. Then I’ll come down to
the path finder tool and click the unite button. Now, the heart-shape is one. If I now come to the
bottom of the tools menu and click the swap,
fill, and stroke button, we can apply the
stroke to the heart. So now I’m happy
with my heart shape. I’m going to copy and paste
this heart and place it on top of the other heart
shapes on my sketch. Now, if you are not
sure the heart shapes on the forehead section
are aligned, we can select them both. Come up to the control panel and click the vertical
align center button and this will align
them perfectly. So I moved down and
paste another heart shape on the chin, like so. Next, I’m going to come
back to the forehead and draw the cross section. I can do this with the pen
tool again, though this time as I click, I’m going to press
and hold shift on the keyboard and this is going to ensure
I draw straight lines. Once I have finished the cross,
if I’m not happy with it, I’ll use the direct selection
tool and click and drag over the bottom row
of anchor points. I’ll use the arrow keys to
move these down slightly, and come up to the control panel and click the vertical
align center button. This will align them perfectly. I’ll do the same
for the top row. Then I’ll click and drag
over the anchors that make up the vertical lines
on the left. This time, I’ll click the
horizontal align center button and this will align the anchor
points perfectly vertical. Then I’ll click and drag
over the anchors that make up the vertical lines
on the right, click the horizontal
align center button, and this will align the anchor
points perfectly vertical. So now we have a nicely
proportioned cross. This time I’ll select a
cross and [inaudible] below and click the horizontal
align center button. This will align them
both together perfectly, and then I’ll use the arrow keys to fine position
them both, like so. Next, I’m going to select a
circle from the eye section and copy and paste it above
the cross to match the sketch. I’ll press S and
scale that, like so, pressing and holding shift. Next, I’m going to move down
to create the nose section. I’m going to use the
same technique I used for the head and
the heart shape. I’m going to draw the
first half and then copy and paste them to connect. So I’ll begin at the top. I’ll drop an anchor point at
the top, then another slightly down the curve and more
until I get to the bottom. Next, I’ll press shift C to
activate the anchor point tool, and click and drag on
each anchor to pull out handles and add curves. So now I have half
of the nose shape. I’m going to come to the
bottom of the tools menu and click the swap,
fill, and stroke button, and this will change
the shape to a fill. Next, I’m going to copy
and paste the shape, move it slightly to the left,
come to object, transform, reflect, and click okay. Next, I’m really carefully going to place the first half right
next to the second half, and I may have to
zoom in to do this. If you notice the
endpoints do not meet up, then use the direct selection
tool to click the anchors and move them together. Once I’m happy that my
nose shape connects, I use the selection
tool, select them both. Then I’ll come down to
my path finder panel and click the unite button. Now the nose shape is one. If I now come to the
bottom of the tools menu and click the swap,
fill, and stroke button, we can apply the
stroke to the nose. Now, if we look closely
at the sketch below, we can see there is a section
inside the nose which is similar to the outside of the nose. With the selection tool, I’m going to copy the nose
section I just created and copy and paste. I will position the nose
section on top, like so, then use the left middle point on the bounding box
to push in like so. Then I will click on the right
middle bounding box square and drag in again until the
nose section is really slim and roughly matches the sketch. I’m going to use the
direct selection tool to alter the anchor positioning
and curves of the stroke until it matches the
sketch more accurately. Soon I’ll have something
that looks like this. So next, I’ll come to the
details under the heart section. With the pen tool, I’ll drop
down some anchor points, like so, creating
a triangle shape. With the direct selection tool, I’ll select the bottom
two anchor points, come up to the control panel, and click the vertical
align center button. This will align them perfectly. Then I’ll press shift C to
activate the anchor point tool, and click and drag the top
left anchor point down, holding shift, to get
nice straight handles, creating the nice
curve downwards. Then I’ll click and drag on the
anchor to the right of this, and click back to create
the curve down, like so. Now, on the first curve to
the bottom left, I’ll click and drag out the handles. In doing so, it not only
creates the curve I want below, but creates a weird curve
to the left I do not want. So I’ll continue to create a
slight curve on the bottom. Then I’ll click and
drag the far left handle into the anchor point,
and that will remove that curve I do not want. I’ll come over to
the next anchor and use the same technique. Once I have created
the initial shape, I will use the direct selection
tool to click on the line and fine tune handles to get
the accurate shape I want. Once I’m happy with
the shape, I will copy and paste the shape
below and press S to scale the shape
down, but only slightly. Paste again and place below,
and press S to scale it down until I have something
that looks like this. Next, I want to select all
three of these new shapes. Come up to control panel, and click the horizontal
align button. This will align them perfectly
vertical and simply position into place in line with
the heart shape above. So now, what’s left is
the top flower section on top of the head. I’ll create the three curve
strokes using the pen tool, dropping anchor points at
the start and end points. Then using the anchor point tool
to click and drag on handles and add curves to the line. Then using the direct selection
tool to refine my handles and anchor points
until I’m happy. For the petals, I’m going to use
the same technique as earlier. I’ll use the pen tool to click
and drop down anchor points, making triangle shapes. Then I’ll use the anchor
point tool to click and drag out handles on the
tip of each triangle to add a curve to the tips. If I get the harsh curve
tips inside, I’ll zoom in and use the anchor point
tool to click and drag on the inside anchors
just slightly to neutralize the points. Lastly, I’m going to
use the pencil tool to draw little strokes
inside the petals. And that completes the initial
tracing stage of the sketch. At this point, we
can toggle visibility of the drying guide layer as
we no longer require this. And now we can see the drawing
as looking quite interesting. So at this point, I’m going to
take some time to straighten up and organize my artwork here. Currently, I can see I have a
lot of various stroke sizes. So first, I’m going to press a
V to activate the selection tool and make a selection
over the entire artwork. Up in the control panel, I’m
going to change the stroke size to four and press enter. Now, all the strokes
are the same size. Now, the center line guide
we created earlier is now not particularly accurate, so
I’m going to come to view, scroll down to guide, and make
sure lock guides is unchecked. I’m going to click the
outline of my skull artwork, and now we can see the bounding
box and I’m going to click on the guide and move this
over the middle point. Now we know that guide
is over the middle part of the outline stroke. So taking a look
around the artwork, I can see that some elements do
not sit nicely in the middle. So now, I’m going to,
such as the nose, heart, and cross section, and move
them into place, aligning them to the center guide
using the arrow keys. I will also select the
top flower section, being careful not
to select the guide, and move that into the center. Now the artwork is
more balanced. Now I’m just going to
make some subtle tweaks to the chin bone sections. With the direct selection tool,
I’m going to click and drag over this detail here, and
then use the arrow keys to pull this more into the
center and extend it, like so. I’ll do the same
to the right side, and perhaps I’ll click the
anchor point on the eyebrows and bring them in too. So now, my illustration
is looking pretty cool. So now it’s time to start adding
more details to my drawing. I’m going to start by coming over to the right
cheekbone area. Next, I’m going to use
the blob brush tool to add some shadow
effects to the cheekbone. So I’m going to press shift B
to activate the blob brush tool. Then using the arrow keys
to toggle the brush size, I am freely going to
draw a shadow effect just above the cheekbone until I have
something that looks like this. With the selection
tool, I’m then going to select my new blob shape,
then I’m going to press shift E to activate the eraser tool and carefully remove
the area I do not want. If by any chance I remove too
much, I can simply press shift B to activate the blob brush
tool and fill this back in. So soon I will end up with
something that looks like this. Now, if you’re not happy
with the curve on the inside of your shadow, you can
select the shadow blob with the selection tool,
and then use the smooth tool from the pencil panel
to draw over your curve and smooth out, like so. So once I’m happy with my top
shadow, I’m going to move down and create the shadow
effect under the cheekbone. So using the same
technique as before, using the blob brush tool,
I’m going to draw an area. Then I’ll use the selection
tool to select the blob vector and use the eraser tool to
remove that part I do not want. Using the blob brush tool
to fill in any parts I need, and then use the smooth tool
to smooth over the curve. And soon I will have
something that looks like this. So next, I’m going to
add some more details to this cheekbone section. I’m going to select the ellipse
tool and draw a small ellipse above the cheekbone shadow. I’ll make sure the
ellipse is a solid fill with no stroke in
the tools menu. And I’ll copy and paste this
above and place and keep pasting until I have a nice
composition of them, like so. By holding shift, I’m going
to select each black circle and then come to
the control panel and click the vertical
distribution center button. This will ensure they
are evenly spaced out. So next, I’m going to
the bottom cheek shadow and paste another
black circle and place under the shadow, like so. Then I’ll press and hold alt
on the keyboard and click and drag a circle down, like so. Then again and again, until
I have a few black circles. Again, I’ll select them all and click the vertical
distribution center button up in the control panel. This will ensure they
are evenly spaced out. So go to paste a new circle, but
this time place this one in line with the circles under
my eye on the inside. And I’ll paste another and place
this in line with the circle on the top, but on the outside,
just to add some extra detail. So once I’m happy with the
detail on the shadow effects on the right-hand side,
I’ll press and hold shift and I’m carefully going to
select the new vector artwork and copy and paste it and drag
it over to the left-hand side. I’ll come to object,
transform, and select reflect. Click okay, and position
using the arrow keys. And that’s looking pretty
cool, though I may have to fine-position some elements
that don’t sit right initially. If I look at the chin area, I feel that this could
benefit from more detail. So I’m going to click a drop
shape from the forehead section, and copy and paste it and
place it down on the chin, though I’ll use the rotation
tool and the scale tool to reposition it, like so. Also, I’ll add another stroke
here on the chin detail. Once I’m happy with the new
details, I’ll select them both and copy and paste
them over to the left. With them selected,
I’ll come to object, transform, and select reflect. Click okay, and position
using the arrow keys. So the last detail
we’re going to add to our vector artwork is
the keyhole in the heart. So I’ll zoom into the heart
section and draw a circle with the ellipse tool, and
make sure the shape is set to a color fill and not a
stroke down in the tools menu. Then I’ll use the pen tool to
drop down some anchor points to make the bottom section, and
toggle the size and position until I have something
that looks like this. So that completes the
drawing of our artwork, and we’re almost done with this. Now, we need to tweak
some other small details. First, we’re going to focus
on the stroke weights. At the moment, all the
strokes are the same weight. Next, I’m going to tweak the
weight of some of the strokes and some of the details to make
the image look more interesting. So with the selection
tool, I’m first going to select the outline
of the stroke and push the stroke
up to seven points. Then I’m going to
press and hold shift and select all the
outline’s circle strokes, the flower petal
strokes, and the top and bottom mouth strokes,
the cheekbone sections, and all the hearts, and
set the stroke to five. Holding shift, I’m going to select all the
inside circle strokes and all the inside leaf strokes
and set those to size three. Lastly, holding shift
on the keyboard, I’m going to select all the
other details, such as the drops and the cross, and set
the stroke to five. So now I have a more interesting
image with various stroke sizes. To finish off the
artwork, we are now going to apply some end stroke effects
to some of the strokes here. If we look in the
finished example, we can see we have some strokes that have these nice
end effects. So back in our current document, we can see these are
just normal strokes, so we can do this
in various ways. The first attempt is to
apply a stroke profile. For example, if we select
a stroke on the petal here and come up to the control
panel, we have an option next to the stroke size where we
can choose a stroke profile. For this example, I’m going
to select profile four, and we can see this
has a nice end point. But to me, that’s a
little too pointy. If we look at the finished
artwork for example, we can see this is a
little more subtle. So to create this effect, I’m
going to create a custom brush. So to create a custom brush, I’m
going to select the ellipse tool and click and draw a wide
and flat ellipse, like so. Upon release, I’m going to
make sure the ellipse is set to a solid black color
fill with no stroke. Now, what I want to try to
do here is make the thickness of the ellipse match
the thickness of the inside circle stroke,
which is not quite as thick as the outside circle stroke. So I’m going to go with
something like this. Then I’m going to press A to activate the direct
selection tool. I’m going to click and drag over
the left section of the ellipse to select the far
left anchor point. Then I’m simply going
to press delete. Now, I’m going to zoom right in, and now we can see we
have this bullet shape. Next, I need to extend this
bullet shape to the left to add more line before the
taper effect on the right. So I’ll press P to
activate the pen tool. And then I’m going to
select the top left point to reconnect with
the vector line. I’m going to come
across, holding shift and drop a point down. I’ll drop a neck or point
below and then come across and join the shape, like so. I’ll just make sure the
anchor points line up, and I should have something
that looks like this, a long thin bullet shape. So next, I need to call
up the brushes panel. I have mine over
here to the right, though if you do not have yours
open, you can come to window, scroll down and click brushes. So once I can see
my brushes panel, I’m going to select
my new bullet shape with the selection
tool and drag it into the brushes panel, like so. Upon release, you will get
a new brush menu up here. From this option, we are going to select the art
brush and click okay. Then up will pop
another properties box, asking us to define various
properties of our new brush. I’m going to name this
brush stroke taper one. I’m going to leave stretch to
fix stroke length, and make sure down in the direction
that the arrow ends with the taper section,
and click okay. So now, we have this new
brush in the brushes panel. The next, I’m going to come to the top right flower
section of my artwork. By holding shift, I’m going to select all the
petal strokes, like so. With the petal strokes
selected, I’m going to come over to brushes panel and click
on the new brush I just made, and the taper effect will be
applied to the petal strokes. And that’s looking pretty cool. So now, I’m going to go
around the rest of my artwork and select all the petal strokes and apply the new
brush taper effect. Now, what you may
find is that some of the strokes were drawn
differently, and the start and end points are not the same. This will result in the taper
effect going in the wrong way. To counter this, we need to
come over to the brushes panel and I’m going to select the
stroke taper one brush we just made. And I’m going to come up
to the top right-hand menu and click this to activate
the drop-down menu. From the menu, I’m going to
select duplicate the brush. Upon click, a duplicate of the brush will appear
below my first brush in the brushes panel. Next, I’m going to
double-click on this brush and rename this brush
to stroke taper two. Then I’m going to come
down to the direction and simply change the direction
the other way and click okay. So now we have two brushes
with the same taper effect, but one goes in one
direction and the other goes in the other direction. So with the petal
strokes that do not work with the taper brush one, if
we apply the taper brush two, we will get the effect we want. Excellent. So I’m going to continue until
I change all the petal strokes, like so. Next, I’m going to come
to the jaw section. By pressing and holding
shift, I will select the left and right stroke line and apply
the stroke taper one brush. Now, notice how the
stroke is very thin. Well, we need to do now is
push up the stroke weight, and I’ll push the stroke
weight up to around two, and that’s looking pretty cool. Finally, I’m going to select
both the eyebrow sections and apply the taper brush
and push out to the stroke until I get an outcome
I am happy with. So after all that, I will end up with something
that looks like this. Now, this completes the
drawing section of my artwork. Now, it’s all just a case
of fine tuning my artwork. At this point, I will scrutinize
the details, look closely at my anchor points, and
tweak curves and handles with the direct selection tool,
and resize and position some of the details until
I am completely happy with my artwork. So to finish off, I’m
going to save the document. I’m going to come to file
save and save my document to the desktop and simply
save as skull drawing. Now, make sure you save your
document somewhere safe, as we will be using this
document in the next video. So that covers the drawing
tools in Adobe Illustrator, how we can use the pen
tool, the pencil tool, and the blob brush tool
to trace a drawing. In the next video, I’m going to demonstrate how you can
take this vector composition and compounded into
a single flat vector. We will be learning why this
will prove very useful to us to color our skull
artwork later. See you in the next video.

100 comments

  • ZeroTheScyther

    Are you a mage?

    Reply
  • Praw Jann

    how make monster ? request tutorial,,,

    Reply
  • becky neale

    When I open the skull sketch folder, it's empty?? help 🙁

    Reply
  • Becca Kelly

    When I open the skull sketch file, its blank? Help

    Reply
  • Jacob Kozlow

    die in a hole , my teacher makes us do all your tutorials bc shes too lazy to teach

    Reply
  • KSaintRaymond

    Having a little trouble figuring out how to align the cross at 30:05. Every time I click on it there is no option in my bar to align the four anchor points in the center. Tried to reset my window/viewing area, and the only way I can find an "align" button is for the "align to artboard" not "align to selected items," and that's not helpful because the cross moves to the center of the artboard and not where I need it. Any thoughts/tips?

    Reply
  • Oğul Serdar Yılmaz

    Please help me when i try to select the flower in the eye which i draw it selects entire background drawing with a big X on it i am going crazy how can i stop it from happening?

    Reply
  • Alexander Wicked

    By using Anchor point tool or Direct selection tool (once the curve's been made) on the line between 2 anchor points(AP) rather than on AP itself, you can make curve to the line in whatever shape you want. It behaves like if you drag two handles of 2 AP at the same time. And this will save both time and nerves.

    Reply
  • StAnger 8

    You are more professional than most of the teachers in my highschool. Thank you for the FREE tutorials! 🙂

    Reply
  • Digitalembic

    Method used to "join" points is hinky! Better to move them together (overlap is best), Direct Select, Object>Path>Average, Object>Path>Join. That way you end up with a single point. Otherwise, pretty good tut.

    Reply
  • Maria Galindo

    Why does the background where we traced on top of – why did yours magically disappear ? At like 38:12? Mine you can still see the areas that I didn't exactly trace on top of

    Reply
  • Alexandru Grecov

    among the best tutorials about tracing, always have to learn something new, thanks for effort !

    Reply
  • Amandeep Kaur

    Amazing work Gareth David. You taught me a lot. Thanks for providing this course for free. Your way of teaching has simplified things!

    Reply
  • Jodi Johnson

    man it took me a week to finish this tut lol kinda hard to do it all in one sitting.

    Reply
  • 뀨띠

    I'm getting systemaic and professional approach to illustarator thanks for you and don't do uselessly wandering.Thank you for making this amzing tutorial !

    Reply
  • vitor monteiro

    If using the anchor point tool isn't it easier to just pull the line, instead of having to edit only by pulling the handles

    Reply
  • afr0flava

    Gareth, I feel like you're making us practice using the Anchor Point Tool when you know just curving straight in with the pen is easier…… lol sorry I'm just curving with the pen 🙂

    Reply
  • Felipe de Alcântara Monteiro

    Awsome!

    Reply
  • Gabriele Junnila

    Does anybody have a link to the finished files? I just find the process to be really tedious.

    Reply
  • Kim Hughes

    Kudos mate your great

    Reply
  • Parth Patel

    Been following this tutorial since episode 1st and it really helped me a lot. Can imagine all the hard work you have gone through for all the tutorials. This is something that any coaching centre would charge in 100s of dollars. Thank you so much for all these tutorials.

    Reply
  • Abdirahman Abdirisaq

    thanks so mutch , have you photoshop tut also

    Reply
  • Sydney Blevins

    you should do captions

    Reply
  • tberry yy

    thank you so much!

    Reply
  • Rajesh Mandal

    thank u, sir, it's a great and clean starting for beginners ….

    Reply
  • Lou Vallieres

    He's a god among humans

    Reply
  • skye123dlp

    this was so complete. It was exactly what I needed to know. Great instruction

    Reply
  • Magische Lunarelfe

    Thank you so much for this tutorials, they are amazing for starters like me! Btw, nice voice and clear englisch! Thank u!

    Reply
  • Aditya

    +TastyTuts I had a question. Why did you use the "swap – fill & stroke technique" for the heart and not for the teeth when you where doing exactly the same thing (copying and pasting) in both the vector images (teeth and heart). Whats the difference between these two techniques? And when do we use them?

    Reply
  • Ali

    What about the image trace button? Can I still do the coloring and effects if I do the auto trace or is it recommended to draw over with vectors yourself?

    Reply
  • Self Made -J Tekken

    Great

    Reply
  • Danger Line

    where can I download this drawing to follow up your tutorial?

    Reply
  • Danuhyol

    the cross has uneven arm lengths. How can you make them even?

    Reply
  • Eusiah Ruzzel

    bless this man and his great tutorials

    Reply
  • Alischalosch

    Thank you so much for explaining every little step!! I managed to finish my first "real" vector illustration and i'm looking forward to achieve more with the help of your videos!

    Reply
  • Cherry Harris

    Can any one tell me why there is a black line left behind after using the eraser tool. I have checked that my stroke and fill selections are the same as the teaching model. Thank you

    Reply
  • see sam fly

    This guy is sooo awesome for posting this content for free! Give a "thank you" that really counts. Make a donation on the website!

    Reply
  • Hector Morales

    Dude… This is amazing. THANK YOU!

    Reply
  • Antonio Miguel Brasileño

    Thank you so much for this tutorial. I really love how detailed you teach about the basics. Thumbs up!!

    Reply
  • VR GAMES

    thanks

    Reply
  • Danish Ali

    what did you press on 18:34 to make all those ellipses aligned?

    Reply
  • Espektro Media

    I have a question, for me I cannot move the handles separate like you do using the direct selection tool, i can only move both simultaneously but I can move them separately using the anchor selection tool. basically the opposite of what you are doing. Anyone has a reason as to why this is happening?

    Reply
  • jcon

    the canvas awea

    Reply
  • tushar kumar

    I used a graphics tablet for this it was much fun than this

    Reply
  • John Fogarty

    Woo fuckin hoo so proud of myself for making it this far

    Reply
  • Mark Erasmus

    I love you. 🙂 You had me at Dia De Los Meurtos

    Reply
  • thebuzzah

    I just want to say this video, along with this whole series were extremely helpful to me. I really have a feel for how to create curves now and have been practicing tracing other photos. Thank you so much!

    Reply
  • yc bonobo

    Does he think we're like 6 years old or something? STOP REPEATING THE SAME THING PLEASE.

    Reply
  • magicdinho107

    Sir there is nothing i can say that hasn’t already been said about you …. thank you soooo much for what you have given us, you have empowered us to become better designers at the comfort of our own homes and pace. Anyways you are great, kind, an amazing person…. great voice as well haha ….THANK YOU SO MUCH !!!! God bless

    Reply
  • Andrea Matlou

    40 minutes in this ep, illustrator decided to stop working and lost my progress fml. Not even mad tho because I've learned a lot during this course, i'll just try again later ❤ you're a great teacher, hope you keep doing these.

    PS: SAVE.YOUR.PROGRESS.CONSTANTLY!

    Reply
  • DesignHublk

    https://youtu.be/ZZPgnhp2DA0

    Reply
  • Mahad Ali

    You are awesome buddy thx a lot i m learning a lot from your tutorials and it took me 3 days to cover this video lol

    Reply
  • Deborah Ramirez

    So helpful, thank you! You should really CHARGE for your videos.

    Reply
  • Mariana Lohinova

    Thank you so much, you are an amazing amazing person

    Reply
  • Molokwane Lekate

    As we would say, "Give that man a Bells".

    Reply
  • Rick Schmidt

    Why use the scale tool to scale objects when you can do the same by simply holding shift and resizing with the bounding box?

    Reply
  • perziankidd

    Best teacher I know

    Reply
  • Om Shree Media Service

    Hello sir i'm not able to see the visible ruler line in my illustrator which put in the center what could be the reason plz help!!!

    Reply
  • Brooke Kinney

    I wish he’d slow down. I understand it’s already a 50 minute video, but I can’t follow along without having to pause the video every 5 seconds!!

    Reply
  • Brian Mwenda

    thanks man by the end of this tutorials i will have mastered illustrator

    Reply
  • Carlos Rodriguez

    I've been following your tutorials from the beginning and I've learnt a lot with them, they are really helpful. Thank you so much!!!. I appreciate your dedication and enthusiasm.

    Reply
  • Ricci Bosley

    When I try to reflect: i get an error message that says cannot reflect because some elements will be too large. has anyone else had this pop up?

    Reply
  • Harshiv Chhabra

    you're amazing, thank you.

    Reply
  • Zefanya Lt

    all the previous 14 episodes are better than the entire semester learning about illustrator

    Reply
  • Fausto

    This was one hell of a TITANIC task!!!! You are incredibly talented and generous! Thank you for sharing. Thank you, thank you.

    Reply
  • Alejandra Săndulescu

    A tip: when you add the blob, make it transparent so you can see how much to erase 🙂 it helped me a lot

    Reply
  • Sagar Jena

    Hi Bro..
    how are you..
    Bro am unable to see any image after opening the file.?

    Reply
  • DJ big dick

    thanks baby girl

    Reply
  • Sayeed HN

    That was a very big one. Thank you soo much for these great tutorials.

    Reply
  • Sadeeq Ur Rehman Safi

    This tutorial by itself is an amazing artwork… I am wondering that still such a great people exist, who give such an astonishing tutorials for free… Your way of teaching is just perfect… Thank you so much Sir!

    Reply
  • KR Rahman

    Recently I have started to watch your videos and of course have learned little. Thx for your passion

    Reply
  • Kouta Rie

    I Have a problem. Whenever i use the pen to Draw anchor pointer the drawing disapers. Help

    Reply
  • Honey Love

    Looking for a Vector Tracing Expert. I'll Professionally Vectorise your Logo, Image or Sketch within 24 hours just for $5.
    (Link: http://bit.ly/ImageToVector)

    Reply
  • Nguyen Viet Quang

    Anybody as same as me that using pencil tool to draw tooth ??? :)))))))

    Reply
  • janet tang

    This is the best tutorial channel I have watched!! Really helpful and go deep with the skill, and also the projects are so cool!!!

    I have a question about the pen trace, sometime I don't where I should put the anchor point when I drawing a curve, is there any skill can define them? Thank you sooooo much!!!

    Reply
  • Daniel Gavet

    you are a God bro! thank you so much for all these videos

    Reply
  • Rija durrani

    in cs6 my guide line is not apparing plz help

    Reply
  • Shuaib Bhuiyan

    my eraser when used is adding colors to the drawing instead of removing. I have locked background layer but still not working

    Reply
  • Sharon Khor

    Best video

    Reply
  • Sahil Kamboj

    Speechless dear…..you just……

    Reply
  • nikhil dussa

    Best graphic tutor in the world . Thank you so much !!

    Reply
  • Runjhun Kejriwal

    Thank you so much for this tutorial.

    Reply
  • Runjhun Kejriwal

    It must have been crazy doing this, just following it is so tiring. I have just been able to finish half in one and a half hour. Was trying to follow along..

    Reply
  • Al Radi

    that was a long journey xD but I love how my skull turned out!

    Reply
  • Nejla Kambič

    if your stroke doesnt scale down with the object, go to edit->preferences->general->check 'scale strokes and effects' 🙂

    Reply
  • YuvaRaj UV

    Thanks a lot!

    Reply
  • Kirubiel Shimeles

    Wonder how long this video would be if he was sketching the left hand side as well lol. Great tutorial though.

    Reply
  • Imad Guemmah

    I've followed the course from the first episode — and it's been a great journey.
    I speak for everyone who's watched your tutorials:
    ======WE ARE GRATEFUL!=======

    Reply
  • Ruby A

    Thank you so much David. Sometimes I hear you in my sleep taking your lectures lol. I am a developing graphic designer and I have listened to a lot of your lectures. More Power to you.

    Reply
  • Sarah Podloski

    WOW thank you! I learned so many new tricks and am excited to use them.

    Reply
  • raffaele salustro

    You are great, and very professional!

    Reply
  • LeoLawliet

    Fantastic, simply great.

    Reply
  • Sombota King

    Took me 3+ hours to finish an hour long vid lol

    Reply
  • Jamie Redden

    certified banger

    Reply
  • hamza noam

    you're great,man… thank you so much, i learn a lot from you photoshop and now illustrator, thank you

    Reply
  • Sai Sravanth Nammi

    no second thoughts to declare you as my hero!

    Reply
  • kimukimu art

    wow, after finished ep.14 i came in this long episode. and it remember me of your hard work.

    first, i have to prepare my self, cause this 50 minute episode will become 2 hours or more for me.

    thanks sir

    Reply
  • Mehmet Kalayci

    you are awesome

    Reply
  • Joy Carter

    Where have you been all my life?!?! Watching whole video before attempting, but I have learned more in the first 10 minutes than I have in full courses! Fantastic and thank you so very much!!!

    Reply
  • Alia Al Hadidy

    The alignment tools (Vertical align, distribution..) distribute the objects throughout the canvas and not together. I don't understand why this happens. Can anyone help?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *