Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie we'll be taking that black and white avatar that we created in the previous movie and we will be adding shading and coloring to create this final effect here. I go ahead and switch over to my illustration in progress and I'll click on the new drawing layer to make it active, because that's the layer that we're working on. And I'll click on the outline of the face with a black arrow tool to select it. and I'll bring up my color panel as you can see here. If your not seeing the color sliders then you need to click the double arrow icon a couple times next to the word color to expand it.
And you should be looking at the fill which is this first guy right there. You also want to be, if you're working along with me, looking at the RGB sliders as I am. And then I'm going to dial in some values here. I'm going to change the red value to 240, I'll enter a green value of 200 and finally I'll take the blue value down to 180, in order to produce this sort of pale skin tone. Now I'm going to go ahead and zoom in and I want to begin work on the various shading elements that I'll need. Starting with a little bit of a line under the lip.
So I'll press the P key in order to switch to the pen tool. I'll press control + shift + a or command + shift+ a in the mac to deselect the art work that way, I'm not adding or deleting points around the face and I'll just go around and draw a tiny path outline like so. I'll drag to create on smooth point and I'll drag to create another smooth point, and we'll end up with something along these lines. You can create any kind of under the lip effect that you want, and next what we want to do is change the color of this stroke, and I'm going to do that by clicking On the stroke icon right there. Actually I'm going to start with the fill.
I'll get rid of the fill. We don't want that. And then I'll click on the stroke icon. And this time I'm going to dial in a red value of 200, a green value of 140, and a blue value of 130, in order to produce this darkish shading line right there. Now I'll press the A key to switch to the white arrow tool. And I just want to make sure I got this guy in the right place. Now, you can't help but notice that it's overlapping the outside stroke. And that's why we need a Clipping Mask so I'll press the V key to switch to the black arrow tool, I'll click on this path outline to select this entire thing, and then I'll press control + X ,or command + X on the Mac, to cut it to the clipboard.
Now I'll select the big path outline that surrounds the entire head and I'm going to switch to the two column tool box so I can see these options down here at the bottom. Notice this guy right there, Draw Inside. I'll go ahead and select it and then I'll go up to the Edit menu and choose Paste in Place and that pastes that little line in the proper location, like so. Now I'll switch back to the Draw Normal mode, down here at the bottom of the toolbox. And I'll switch to the single column toolbox, which is more likely to match what you're seeing on screen.
Now, this guy's too thick. Notice, this line weight value is set to 12 points. I want it to be 9 points, like so, and we get this much improved effect here. And I'll go ahead and press the A key. You can go ahead and modify exactly how this line looks as much as you want. Alright, now's let's say I want a line under the jaw here. So I'll press the V Key to switch the black arrow tool, select the jaw and I'll press Control +C or Command + C on the Mac. In order to copy it, and you know what, I might as well grab a few paths here, now that I think of it.
I'll shift + click on the nostril, I'll shift + click on the eye brow, and I'll shift + click on the bottom of the ear. All those things will come in handy. And now we'll go ahead and choose a copy command, or press control + C or command + C on a Mac. And now I'm going to paste these things into that Clipping Mask. So, just a moment ago, when I pasted inside, I created a Clipping Mask. In order to modify the clipping mask, go ahead and double click on the face outline. And you'll enter this isolation mode. And then press Control + F, or command + F on a Mac, in order to paste all those objects in place.
Press the I key to switch to the eyedropper right there, near the bottom of the toolbox. And then you can click on this stroke in order to lift its attributes like so. Alright, now I'm going to switch to the black arrow tool, click off the path outline to deselect, then grab this guy, click on it to select it, and I'll switch to the rotate tool. Click right there at the top of the jawline and then drag down to right about there and before you release press and hold the Alt key or the option key on the Mac.
And notice now I get that double arrowhead cursor that shows me that I'm going to clone this line. Go ahead and drop it in place and now you have two of these jawlines. Let's join them together by switching to the white arrow tool, marquis these two points right there, and press control + J or command + J on the Mac to join them. Then, I should be able to Alt click the path to select the entire thing and press control + J or command + J on the Mac to join them but the Illustrator has a problem when joining paths inside a Clipping Mask. So what you gotta do, click OK, is click off the shape, click on this point, Shift + click on this one so just these two anchor points are selected.
Then press control + J, or command + J on the Mac, to join them. And now lets switch to the fill here inside the color panel. And with any luck, you'll see this little guy that represents the last used color. Go ahead and click on it, and then that loads that same color under the jaw. Alright, now lets do the same for the nose. Press the V key to switch to the black arrow tool, click on the nose line, the nostril line, to select it, press the R key to switch to the rotate tool, that guy right there, click on this anchor point to select it, the far left one, drag down, at about this point, press and hold the Alt key, or the Option key on the Mac, in order to create a duplicate.
Now, grab the white arrow tool, marquee these two anchor points, press control + J, or command + J on a Mac to select them. Drag this control handle down a little bit so we have a little bit more of a shadow going. But I do want it to kind of follow the contours of the lips, so I'm going to move this guy down and drag its control handle upward, then click this guy, click shift this one and press control + J, command + J on the Mac, to join them. Make sure the fills active here inside the color panel. Click on the little punk icon there. Kind of mauve, I guess.
That'll fill that path with that color. So that we've got some shading going on there. This next one is a little harder. Press the V key to switch to the black arrow tool, select the eyebrow, and let's just go ahead and drag it down this time, and, at about this point right there, drag it down to the left slightly, like so. Press and hold the alt key, or the option on a Mac, and release in order to create a clone. Press the A key, in order to switch to the white arrow. Go ahead and marquee those two right hand points, press control + J or command + J on a mac to join them. Let's move this guy down slightly, like over here, and then marquee these two points and press control + J or command + J on a Mac to join them.
Make sure the fill is active and color panel click and on the mauve icon, in order to load that color. Alright, now for the ear. What we really want to do with the ear is switch to the pen tool, by pressing the P key. And when you hover over this anchor point here, the bottom right one, you should see a little slash next to the cursor that shows you that you're about to extend this path. You want to alt drag, or option drag like so, so that you convert that smooth point to a cuss point and then drag like this, in order to create more the path.
And it's not showing up so you have to press control + Y, twice in a row, that's command + Y twice in a row on the Mac, in order to get the screen to refresh. And they just all click or option click on that point to cut away its control handle and click up here, maybe click over here like so. And, grab that white arrow tool, get rid of this anchor point there, just select it, click on it to select it, and press the backspace key, or delete key on a mac. Then marquee those two anchor points on top and press control + J or command + J on a Mac, to join them.
Go to the color panel and click on that last used color swatch to load that fill. Alright now we're done. So, all you have to do to escape the isolation mode, is press the escape key, and you'll see all these paths in the context of the larger illustration. Alright now at this point we have a better idea of what's going on, especially with this line that represents the shade under the eyebrow. I'm going to click on this point with the white arrow tool to select it. That should work, at this point, because sometime it's hard to select things inside of clipping path inside of Illustrator, but this clipping path, so far, is pretty darn simple.
So, I'm just kind of nudge this guy up by pressing the up arrow key a few times. And now, I'll drag upward on this control handle. So that we have a little bit of an arch where that eye lid would be and I actually might want to take this over even more because I am just kind of trying represent the top eyelid using negative space here. Now you want to press the V key. Click on the eyelashes and press control + C, or command + C on the mac in order to copy it.
Go ahead and double click on the outline of the entire face again and press control + F or command + F on the mnac. We're in the isolationmode here now. What we want to do is, press the C key in order to switch to the scissors tool over here, and click right about there, and then click right about there, I think, should work out. And then, now get the black arrow tool, click on this little path fragment, and shift + click on this one to select them both. And press the backspace key, or the delete key on the mac, to get rid of them. And then press the P key to switch to the pen tool, and Alt drag, like so right there.
And then Alt drag there. Those are Option drags on the Mac. And this is going to be the white of the eye, in case you're wondering what the heck I'm up to. Press the V key to switch to the black arrow tool, click on that eye path to select it. And let's go ahead and press shift + X to swap the fill on the strokes, so we have this black eye, obviously not what we want. So go up to the fill swatch here in the control panel and switch to white. And now, you can press the escape key in order to escape the isolation mode. And you should end up with something like this. Now I think I want to bring that out a little bit.
So, I'm going to grab my scale tool, click right there to set the Transformation Origin, and drag out like so, because I think the eye wants to be more like that. Now, I might increase the curvature just a little bit, what the heck, by switching to the white arrow tool. And, I'll go ahead and click off the path outline, click right there, and that's actually selecting the wrong thing, so click there. And then I should be able to drag this guy in and drag the control handles out. So obviously, I'm being a little but of a perfectionist but I want to get it right.
Alright a couple of more things, just two more shadows actually. One is a function of this right here, so go ahead and grab this edge that's associated with the hair. So just click on it with the white arrow tool, and then press control + C or command + C on a Mac to copy it. Now press the V key to switch to the black arrow tool, double-click on the outline of the entire face and press control + V or command + V on a Mac, in order to paste that guy in there. Press the I key in order to switch to the eye dropper, click on one of these paths to lift its attributes.
Go ahead and grab the black arrow tool again. What we're going to do is create a shade underneath the hair, so go ahead and drag this guy over just a little bit and press the Alt key or the Option key on a Mac, in order to create a clone of it. Then press the R key to switch back to the rotate tool. Click up at this top point. Drag ever so slightly down and to the right here, just to rotate a little bit. And now switch to the white arrow tool. Go ahead and marquee these two points up at the top. We do not want the skull to be selected. So, I might try that again.
Go ahead and marque more carefully this one and then shift + marquee this one. Press control + J or command + J on a Mac to join em. Then select these two guys, click on one, shift + click on the other and press control + J or command + J on a Mac, to join them. And then I wanted to draw a cheek line. And I'm not really sure where it wants to go, but I am going to press control + shift + A, or command + shift + D in a Mac in order to deselect my artwork. And then I'll just draw this cheek right there like that. And it's doesn't want to have a fill, so with the fill selected here in the color panel, click on none, to get rid of it, and then press the escape key in order to escape the isolation mode.
Now I'm thinking this path outline's too high. So, I'll press the A key to switch to the white arrow tool, or Alt + click or option + click on that cheek outline and I'll take it down to right about there. So, it's kind of even with a little bit of hair. Alright now, I also want to duplicate this hair, over into different a spot. I'll go ahead and grab the black arrow tool. And I'll click on this guy. Shift + click on this one and I am going to drag them and then once they get down to this location here, I'll press the Alt key or the option key on the mac in order to create clones of those two hairs.
I really want them to be in the back of the face. So I'll press control + X or command + X on the Mac in order to cut them to the clipboard. I'll click on the face outline, and I'll press Control + B, or command + B on a Mac, to paste those guys in back. And incidentally, in case you're curious how to create these little curly Q's, I'll show you over here. I'll make a copy of one of 'em. And then I'll press the A key to select the white arrow tool. I'll marquee these two anchor points, press the backspace key, or the delete key on a Mac, to get rid of' em. This is obviously an easy thing to draw, there. But how do you draw a perfect curly cue? Well, you use, of course, the ellipse tool.
Because it's always drawing perfect circles. And then you basically create an ellipse the size you want it. And I'm pressing the shift key as I drag, so I get a perfect circle. And then you go ahead and switch back to the white arrow tool, and we want this to be perfectly aligned, so I'm going to press Control + Y, or command + Y on a Mac, to switch to the outline mode. I'll drag this control handle so it snaps into place right there. I'll go ahead and grab my rotate tool. I'll click right there to set the center of the rotation and I'll drag this up until it appears to be exactly at the right angle.
So, in other words, this guy's coming tangentially to the circle. Now I'll press the A key to switch back to the white arrow tool. Click off the path outline, select this guy right there, delete it. Marquee these two points, press Control + Shift + Alt + J, or command + shift + option + J on the Mac, to bring up the joint dialogue box so we can select a smooth point. Click OK, press Control + Y or command + Y on a Mac, and you get this perfect curly cue. Anyway, I don't want it so I'll press the backspace key, or the delete key on a mac, a couple of times to get rid of it. Couple of more changes.
One is that I want the hair to appear kind of blue. So, it's got a little bit of super sheen associated with it. So, I'm going to click on one of these hairlines. And, notice that selects all of them because I've already joined them into a compound path in advance. And, with the fill selected here in the color panel, I'll just go ahead and dial in some values: 140 for red, 180 for green, and 220 for blue. And so, giving us this color right there. And now, I want everything to cut off right at this location.
I don't want all this extra stuff showing through. So, I'll twirl open the hair layer, here inside the layers panel, by clicking on a little triangle. And, notice there's this little item here called Hide that's turned off. Go ahead and turn it on. All it is is a rectangle and you can see it right there and does it's job. I'm just going to draw a white rectangle in order to hide the bottom edge, let's see. Best solution that I came up with anyway. I'll go ahead and twirl close hair. And then frankly, that's all there is to it.
We now have ourselves a beautifully colored vector-based avatar here inside Illustrator.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.