3.3 Creating the Whale
Using only three perfect circles, we will create a stylized whale. Then we’ll use the Shape Builder Tool to isolate the whale shape, and the Pathfinder to place it in the ocean.
1.Introduction1 lesson, 01:33
2.Shape Creation Tools and Techniques in Adobe Illustrator5 lessons, 38:57
3.Creating an Oceanside Illustration5 lessons, 44:55
4.Making a Coffee Poster5 lessons, 37:48
5.Closing1 lesson, 01:51
3.3 Creating the Whale
Hello, and welcome to this lesson where we're going to go ahead and create a whale. And it is going to be a very simple shape, but it's gonna be based on creating a series of circles, and we're going to use the Shape Builder tool to block out the shape of the whale. So what we'll do here first is use the Ellipse. And we're just going to draw an ellipse that's pretty big. So I'm gonna left click, hold Shift and Alt roughly right around here. Now I'm gonna get rid of the Fill, switch the Stroke and just give it a black Stroke, just so we could see what's going on. So the bottom portion of this circle right here is going to serve as the bottom portion of the whale. All right, so we're gonna take this, and we're gonna copy hit Ctrl+C and then Ctrl+F, and this time we're going to create, we're gonna hold Shift rather, while scaling down. And we want an area roughly right around here. And this is going to define the portion that's near the tail up here and also the backside, and then we're also going to have another circle that will define the top of the whale right here, the head portion. So I'm gonna take this Ctrl+C, Ctrl+F. [BLANK_AUDIO] Actually, instead of scaling it down, just going to move it over here, just temporarily. [BLANK_AUDIO] So we can see, if you can look through this portion right here alone and coming up through here, we can see the basic shape of a cartoon sort of whale. So in order for the Shape Builder tool to work correctly, we need to make sure that these points are intersecting but not so much to this degree, so what we can do is come down here and hold Shift and scale that down. We want these points to be real close together. So we come over here real quick. If I select it, we can see how much this circle is intersecting this circle. So we could take it and just move it over a little bit. [BLANK_AUDIO] Now if I move it over like that, I think they're not going to intersect as we could see, if I get real close, they're not intersecting at this point. So what I could do is go to Window > Transform. Right now, we have Align to Pixel Grid checked on, and that's why we can't get a real smooth movement here, but now if we check that off, move this side, making sure to have the right one here, yeah. And just move this over just barely so that they do intersect. So now they do intersect right here. So I'm just holding Alt and my scroll wheel to zoom out a little bit. I'm going to move over here. [BLANK_AUDIO] Now what I am going to do is take this path right here. And I'm going to scale it out actually all the way to the end so that it intersects over here as well. So I'm just going to scale this in slightly. Get in here real close. [BLANK_AUDIO] All right, we can see that they're just barely intersecting right there. Maybe just a little bit more in. There we go. And then we can come over here to the left side, and I think we're good to go right here. So, now what we could do is take all these shapes, select the Shape Builder tool and left-click here. And then, over here as well. Oops. One sec. It doesn't look like this section intersected well over here. So let me take this and just scale in ever so slightly, and turn off Align to pi, Pixel Grid, right there. All right, so let's try this again. There we go. So now we have the shape of the whale blocked out here, and we could take that and delete it, take this and delete it as well. And sometimes you'll have left over paths, based on where they intersected, if you can see, it's a little bit thicker right here. Just select that and delete it. All right, so now what we could do is move this guy over, and he's not gonna have a Stroke, so we can rid of that. And we can give him a gray color. I think that will work well. RGB is 204, 204, 204. And we're going to scale them down, holding Shift and Alt, roughly right around here. And we're also not going to see him fully. We're going to, I, use the Pathfinder along with this shape here to block out a portion of water right here, right? So we can go ahead and do that now. So we'll take this Ctrl+C and then Ctrl+F. So that copies it. We're gonna move it up to the top and then move it down. And I would say right around there looks pretty good. So now we can take this and hold Shift+left-click to select that shape as well. Go to Window >Pathfinder and Minus Front. So now we can move this anywhere we wish. All right, I'm gonna zoom up here. We're gonna create a tail as well. Because as we know the tail doesn't just come to a fine point. So I'm gonna left-click over here. Left-click to create a Bézier curve over here. And then left-click roughly around here. Drag up. Then I'm going to hold Alt+left-click to get rid of that Bézier handle. And then it comes down slightly like this. Roughly right around here to the center. Just while clicking and dragging to create a few different Bézier curves. And this one will come up. Alt+left-click to get rid of that Bézier handle. Alt+left-click there and then end it up on the path by left clicking and dragging to create a Bézier curve. So something roughly like that will work pretty well. And of course, if you made yours too small or too large, you can always scale it down and rework and readjust the anchor points with the Direct Selection tool. All right, I think that's pretty good as is. All right, now I want to create a really quick eye, so we'll just use the Ellipse tool. And we'll put it roughly right around here and make it white. We can also make it more of an oval by taking the Selection tool and just dragging it in slightly and then hit Ctrl+C, Ctrl+F to duplicate it. Hold Shift and Alt and maybe use your down arrow key to position it downwards and then make it black. All right. And now I always want to add a shadow. So we're gonna use the Pen tool. Not a, a shadow, rather more of like a highlight coming from the sun. So coming right up around here, I'm going to left-click, and we're just gonna follow the outer contour from the line that's above it. Something roughly right around there, and a handy way to add highlights and shadows is, we can get rid of the Fill, switch to the Stroke. We want ours to be white in this case, and we're going to go ahead and click on it. Turn the Stroke up. I think around three will work, and then change the Variable Width Profile to the Width Profile 1. Where it starts out small on an, and then it goes to 100% of three points, whatever your Stroke value is and then back down to zero. So once you click on that, you can see how it fades off and in. I do kinda want to fix this shape, so the Direct Selection tool, we could take the Bézier handles and work with this a little bit more, so that it's a little bit more smooth of a transition here. Maybe move this up. All right, there we go. So, hit Ctrl+1. And that's what that looks like so far, so that's good. I think I do wanna move things down just a tad bit just because this is clashing a little bit too much with the water. So if I take all of our sha, shapes here with the Selection tool, holding Shift. Get the eyes and then just move it down with our arrow key. That way, it's not so up against there. And now for the final part, we're gonna go ahead and add a couple water spouts coming from the top portion of the whale. And so we'll use this blue color right here, so if we select on it, that will give us a selection in the current color. And we'll take the Pen tool. And there's probably a couple ways to do this. You could do it again by using a series of ellipses. But to make this simple, I'm just going to go ahead and do this manually with the Pen. So I'm going to start here, and I'm going to go up to create a Bézier handle. And then down roughly right around here. And then back in right around there. So we select this, scale it down maybe just a little bit. And that's good. [BLANK_AUDIO] And this is also probably something were we could use the Smooth tool. Smooth out the edges a little bit, notice it does add a coupe anchor points. Now let's go ahead and also add a highlight here, so I'm gonna left-click, come up around here, and then come up around here. All right. I'm going to hit M. And then we're going to get rid of the Fill. Switch to the Stroke. And we'll make it this color right here. RGB is 41, 171, 226. And then what we could do is give it the Variable Width Profile by selecting it. And turn, taking this up a notch, around two points. Looks like it works pretty well. All right, so what I also want to do, one final thing is take both of those paths. And we can group those by hitting Ctrl+G, and that puts them just in a single group. That way, if we want to select it and move it around, we can just click on either/or, and it will select both. And then hit Ctrl+C and then Ctrl+F. Right click, Transform>Reflect >Vertical, hit OK, and then we 're going to move this one up and scale it down holding Shift slightly. All right. Now if you do want this to be accurate, though the, the sh, the highlight right here. I'm gonna right-click and Ungroup. Would technically not be on the right side. So just to make that adjustment real quick. We'll delete that. And we'll start this up right around here. There we go. And just real quickly click on Selection tool. Select it. And take it up to two. Change it back to that right there. All right. So that is it for the whale. I now, in the next lesson, we're going to go ahead and finish this up by creating a few clouds using the Shape Builder tool. I'll see you then.