• This course has been archived because the content is no longer up-to-date or relevant to most students
  • You can watch the new, up-to-date course by clicking here.

Adobe Illustrator CC - Essentials Training

Class Project 02 - How to draw a fox using the shape builder tool in Adobe Illustrator CC (Design a modern swan)

Daniel Walter Scott

Download Exercise Files


You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hi there, in this video we're going to make this swooshy looking fox thing using my favorite tool, the Shape Builder Tool. Look at him, he's all made of little shapes, and bits, and pieces. Let's put you back together, fox, and let's go learn how to make you in Adobe Illustrator.

So let's start with a new document, 'File', 'New'. You can use US Letter Landscape, or A4 Landscape, it doesn't matter. Click on 'Create'. We're going to bring in the drawing we're going to copy from. So let's save this document, 'File', 'Save'. Let's put it on our 'Desktop', in our 'Illustrator Class Files'. Let's call this one 'Awake Fox'. Let's click 'OK'. Let's bring in the image we're going to redraw, we're going to go to 'File', 'Place'. We're going to use, in our 'Exercise Files', there's one called 'Awake Fox.jpg'. Remember, like in the previous tutorial we could just bring it in, put it on its own layer, and lock it and turn the Transparency down. You can do that all in one fell swoop by just clicking this 'Template' as you bring it in. Remember, watch this, it's created two layers, one's a Template layer, and you can't touch it. And they've dimmed it down, so you can draw on that easily.

We're working on 'Layer 1'. Let's go back to 'Properties'. Now, there is no real particular order to start this but you might as well follow me. So let's start with, say the Polygon Tool. If we click once, we're going to make sure it says three sides. I'm not too worried about the radius at the moment, just click 'OK'. What we can do is, 'Black Arrow', holding 'Shift', drag it out to the right size, and rotate it around. We did Rotation & Scaling in an earlier tutorial. I'm going to get it roughly in there. Now, you'll notice that the choice has snapped to the edge of the page and lots of those purple arrows, that's really handy. Sometimes it's just nice to get it close and use your arrow keys on your keyboard. Just a kind of tap it around with the keyboard to get it close. I'm happy with that.


What I'd like to do is have 'No' Fill, and a 'Black' Stroke. So I've got my black Stroke, if you don't, click on 'Stroke', 'Black', 'Fill Color'. Let's go for 'No' Fill color. Now I'm not sure which part to start with, I'm going to start with the ears here. So I'm going to grab and hold down the 'Polygon Tool and grab the 'Ellipse Tool'. I'm going to draw an ellipse. Holding down 'Shift', remember, gets a perfect circle. If I let go of Shift, it can get a weird shape. It's up to you what you want to do, I'm going to start with perfect circles. Something like that, 'Black Arrow', remember, I can't click the center, because it has no Fill. So I'm going to click the edge, and kind of drag it. You can kind of see, I'll use it maybe for that one, it's a bit big. I'm just resizing it till I get something close to that part. Using my keyboard to tap it around again. Cool. That will do. I am going to copy it, and paste it. Then move it up, so I've got it kind of here as well. I think I used a slightly smaller one, here we go. Even smaller than that. Trying to match that circle in there. That will do.


Next thing I'd like to do is start using my Shape Builder Tool. So I'm going to select everything. So my 'Black Arrow', select everything on the page, and I'm going to move to my 'Shape Builder Tool'. Now what I want to do is, I don't want to add any of these guys, I want to subtract this chunk up here that I don't need. Now who remembers what the shortcut is? That's right, it's 'Option' on a Mac, or 'Alt' on a PC. Hold it down, and you see I get a minus, ' - ', and I can drag across all of that, that, that. Click on him, you can see I can kind of minus those chunks off. I want to leave that, because that's going to be kind of the wider nose. These guys though need, they're doing some weird stuff, so I'm going to join them all. Remember, holding no keys down, will add. I'm going to add all of that to it. I'm going to minus that off, minus that off. Then, yes, it's kind of the basics for it. I'm going to grab my 'Black Arrow'.

What do I want to do now? I want the other ear. So I'm just going to copy it, paste it, I got another version. This guy here, can't quite remember, I'm going to all the way turn it around a little bit. Awesome! We've got another set of ears back here. Maybe not so much rotation. Now with everything selected, again, let's grab the 'Shape Builder Tool'. That bit's perfect. Now I just want to join these together, about there. And the nose goes, kind of disjointed with all these little bits. You might have to zoom in a little bit, remember, 'Command +', or 'Control +'. I'm going to draw on all of that together, so it's one unit. Now it starts looking a bit high, because you're like, "What is the drawing underneath, and which is mine?" You might go to 'Layers', and turn this 'on' and 'off'. Just to get a sense of what it is.

So the only thing I'm really missing is the circle for the eye. So let's do that, grab the 'Ellipse Tool', drag this out. Why am I dragging it up here? No reason, I'm going to drag it down here. Habit. Move it around, select all this chunk. I'm going to grab the 'Shape Builder Tool' and I'm going to do-- I want to add all of that together. That kind of worked. On, off, on, that bottom layer. It's looking good, now we just need the neck. I'm going to zoom out a little bit. Grab the 'Ellipse Tool'. Try and draw a circle big enough for that outside bit. Holding 'Shift', it feels about right. No, that's way too big. Hold it down. Remember, grabbing the edge, not the center of the circle. It's about him, and there's one stripe, two stripes. So I'm going to copy and paste him. I'm going to use that one. Roughly about that size, paste another one. Actually I don't need to paste another one, as long as I've got two there. Don't need that guy. Go away.

So I am now going to select it all. Grab my 'Shape Builder Tool', and I'm going to say, don't need you. Don’t want you, actually I do want you. There's the ellipse there. Why did I delete that one? I don’t need it. So, there was a circle that I was missing. You probably saw it while you were doing it, and went, "No." It is there. We don't need three circles. Now one of the things is going to happen here, if I zoom in, scroll up here, I hold my 'space bar', you see, it doesn't line up here. To make the Shape Builder work nicely, you need to overlap everything. So I'm zoomed in; it's just easier when you're zoomed in. Now I'm going to grab the edge, and try to get him to snap in there. It's reasonably thick, I think. Doesn't have to be absolutely, scientifically perfect, but reasonably close, a couple of pixels.

Now I'm going to select it all, and grab my 'Shape Builder Tool', and I'm going to say, I don't want that. Don't want any of that, don't want that, I don't need that. Delete that, I'm going to come in here. What I might do now is turn off the Template because I kind of know. Those two I want, those two I want. If you're finding it a little bit tough, don't worry. It is a little bit tough, trying to work out. You end up deleting the wrong bits like, there's a chunk through here, I'm going to add you guys together. 'Black Arrow', select the background, pretty close. There's some of these Strokes flowing on, that are different sizes. There's a thin one there, and a thick one there. I'm going to select them all, and say 'Properties' and I'm going to give them all the same Stroke Width of this '0.25 points'. Just a really thin one to get us going. That is looking good.

If you find you've got kind of junk in the nose, like this little trim bit, just use your Shape Builder Tool to try and tidy it up. You might even use the Black Arrow, just click bits, and delete it. Now what I want to do is go and color it. I'm going to put in a nice, big gray background. I don’t know why, everything looks better on a dark gray background. I'm just drawing a nice big rectangle, I'm going to fill it with a dark gray. I'm going to have 'No' Stroke on it. I'm going to click 'Arrange', 'Send it to the Back'. Now I'm going to fill this with color.

There's a couple of ways of filling it. I can just click the edges, and go fill it, or I could use the Shape Builder technique like we did in the last video, it's up to you. I'm going to go pick colors, foxy colors. I'm going to mix my own. I'm going to click on the 'Mixer'. I got my 'Object' selected, I've clicked on 'Fill', I've clicked on 'Mixer', and I'm going to click down here to try and find a foxy color. That's going to be my kind of lead color, I'll pick this one. Front Fill. I'm going to use the pretty mix color and just make it a bit darker by grabbing the 'K'. Lifting it up a little bit. I'm going to use this kind of back of the head bit by doing the same sort of thing. I'm going to use that, but lightening it up. Go even lighter.

This one here is going to be, just should be white, maybe, but I'm going to use this, like off white, so it looks good. Same with you, and, off white. I'm going to select it all as well. Now if I select all of it I'm going to end up with the background selected as well. That's fine, because I want to go to 'Stroke' and I want to say, never use those Strokes, Thank you very much. And that is our cool little fox thing. All done with the Shape Builder Tool, get some nice kind of swooshes and swirls, and it's kind of flowy. Those are words I'm just making up, but you get the idea, right? It's kind of a nice, swooshy thing.

So, now it is time for the end, and the time for the class project. So what I've done is, I've done another sketch that you can use, but I want you to go through and use the same techniques from the fox, but we're going to use our-- So 'New Document', use 'File', 'Place', and you're going to bring in this one called 'Swan'. Yes, that's meant to be a swan. Kind of looks like a swan, kind of a chunky swan. You're allowed to-- it doesn't have to be perfect like this, I guess. What I want to see is a better swan, nice colors. It's totally up to you, you can draw it perfectly if you like, but using the same tools as we did using the Shape Builder Tool and the fox, I'd like you to go off and do the swan. Again, I'd like to see your projects.

All right, that is it for this video, let's get on to the next one. Actually no, you're going to go off and start doing your homework. Draw this one, make him better. All right, see you in the next video though.