Shapes and Drawing
Brian Wood
Lessons
Class Introduction
01:23 2What is Adobe Illustrator?
06:24 3Explore the Interface
11:45 4Create and Save New Documents
07:03 5Zoom and Navigate
07:23 6Working with Artboards
18:11 7Introduction to Layers
18:53 8Rulers and Guides
09:05Shapes and Drawing
45:27 10Aligning and Combining Shapes
15:31 11Pen Tool
30:59 12Manipulating Stroke and Fill
14:39 13Creating and Editing with Color
17:36 14Painting with Gradients
10:36 15Getting Started with Patterns
08:11 16Adding Text To Your Document
08:43 17Formatting Text
11:35 18Strokes and Variable Strokes in Adobe Illustrator
16:55 19Rotating Objects in Adobe Illustrator
08:42 20Effects and the Appearance Panel in Adobe Illustrator
10:58 21Adding Photo Images in Adobe Illustrator
12:43 22Working with Linked Content in Adobe Illustrator
10:14 23Packaging your Project for Handoff in Adobe Illustrator
04:28 24Best Formats to Save Your Files
14:35 25Select Like a Pro: Layers, Groups, & Other Unique Tools
33:57 26Edit Paths Like a Pro in Adobe Illustrator
08:41 27Editing Paths: Pen Tool in Adobe Illustrator
03:31 28Creating & Applying Brushes to Artwork in Adobe Illustrator
18:21 29Editing Paths: Knife & Scissor Tool in Adobe Illustrator
03:09 30Editing Paths: Join Tool in Adobe Illustrator
10:46 31Editing Paths: Isolation Mode in Adobe® Illustrator®
02:11 32Pen Tool Shortcuts in Adobe Illustrator
16:44 33Other Drawing Tools & Methods in Adobe Illustrator
07:05 34Transforming Techniques in Adobe Illustrator
05:35 35Shortcut to Reflecting Artwork in Adobe Illustrator
02:19 36Get to Know Your Appearance Panel in Adobe Illustrator
17:42 37Exploring Effects in Adobe Illustrator
10:01 38Work Smarter with Graphic Styles in Adobe Illustrator
04:50 39Color Inspiration in Adobe Illustrator
09:34 40Type Effects in Adobe Illustrator
11:18 41Masking Your Artwork in Adobe Illustrator
13:40 42Using Creative® Cloud® Libraries in Adobe® Illustrator®
15:47 43Capture Artwork with Creative Cloud Apps & Adobe Illustrator
12:21 44Tracing Raster Images in Adobe Illustrator
13:40 45Blending Artwork in Adobe Illustrator
12:47 46Using Symbols in Adobe Illustrator
10:47 47Using a Perspective Grid in Adobe Illustrator
09:05 48Crash Recovery in Adobe Illustrator
08:45 49GPU Performance in Adobe Illustrator
03:51 50Curvature Tool in Adobe Illustrator
06:49 51App Integration in Adobe Illustrator
11:52 52Creative Cloud Libraries in Adobe Illustrator App
04:42 53Shaper Tool in Adobe Illustrator
06:06 54Smart Guides in Adobe Illustrator
01:31 55Text Enhancements in Adobe Illustrator
02:11 56SVG Export in Adobe Illustrator
06:50Lesson Info
Shapes and Drawing
We're now actually gonna start to create, which is awesome. This is what Illustrator's all about. You know, there's a lot of ways to create in here. We can create using shapes, different drawing tools, different methods. You're gonna find a lot of times that, you'll see as we go. We're gonna start with shapes. So the shapes in here, there are a lot we can create because you gotta figure that there's a lot of different things you wanna do, right? If you look at here, we have our document open, the first thing I wanna do is I wanna get things cleaned up and all the panels hidden, kinda back where they should be. So, we need to reset the workspace, So, what I'd like you to do is come up to the upper-right here where the workspace switcher is, and we're gonna choose reset essentials. Go ahead and do that. Now that means that the libraries panel is gonna pop open here. Yours is gonna look different than mine, don't worry about that. What I want you to do is go ahead and click on the tab for...
the libraries panel and hide it. So we kinda collapse it over there. There we go. Now, we're gonna take this first larger artboard, and we're gonna start working on that one. So I wanna take that artboard and I wanna fit it into our document window. So what I would like you to do is with the black arrow selected up there, just make sure you click in there, in the artboard, come under view, and choose fit artboard in window, and there you go. Remember, there's a bunch of ways to do that. If you used another way, don't worry about it. That's great. Now, we're gonna start with our shapes. Now, shapes in here have transformed over time. There are so many ways to create shapes. We're not even gonna hit 'em all. There's no way we can touch all the shapes in here, but I wanna point 'em out. If you look on the left over here in the tools panel, if you have a single column tools table, like I mentioned in the previous segment, your tools kinda might be stretched out a little bit here. Mine is a double column because of my interface here. My resolution if you will. If you look out here you're gonna see that we lead off with the pen tool. Now, the pen tool is, it's an animal, It's a great tool. It's a phenomenal tool, and it's one tool that if you master in here you can do just about anything. It allows you to create shapes that are more freeform, If you wanna draw a flower you're gonna go in and kinda use this pen tool to do that. If you look to the right of that tool you're gonna see what's called the curvature tool. The curvature tool is newer, it's been in a few versions of Illustrator, and it's the pen tool but not as much mass. I'll say that. It creates the same kind of thing. If you wanna create a flower, you can use the curvature tool and go in and create. But, it's actually a little bit easier, What we're gonna do in this segment towards the end, is we're gonna start to attack the drawing tools, but I'm gonna hit more of the curvature tool because I think it's awesome, I really do and I've been using Illustrator forever. So, a little bit easier to work with. If you come down here you're gonna see what's called the Line Segment Tool. Why don't you do this: if the tool has a little tick mark in the corner of it, you can click and hold down on it, and you're gonna see a bunch of other tools show up. You can then let go and you're gonna see this menu. These are a bunch of tools that I gotta be honest, I don't use these that often. I mean, the Spiral is kinda cool, I use that one sometimes. But, other than that, eh, I might draw some lines and there we go. If you come to the rectangle right here, go ahead and click and hold down on that one and you're gonna see that this is where the heart of the main shape tools are, We have a rectangle, we've got a rounded, we got an ellipse, polygons, we've got stars and everybody's favorite, which we are not doing today, the flare tool, I'm gonna get it out of the way. We just gotta show, I'm gonna show this right now this is the flare tool you guys, watch. That's not it. This is the flare tool. Okay, everybody good? Alright, done. Got that out of the way, okay, so flare tool we've got a lot of others out there we can work with et cetera. Now I want to point this out too. If you use a lot of shapes a lot you're gonna be coming back here to pick these, you're gonna notice that there are some keyboard commands to the right that you can press and get to that tool but some of them don't have it. Look at this little thing right here, you can see a little arrow to the right there, go ahead and click on that. You can tear these off which is kinda cool. It's gonna make a little free floating panel for you. So you can take this little panel and there's a little title bar at the top here. You can just drag it by that and kinda put it where you want it to go. Kinda neat. You don't have to keep this open 'cause matter of fact if you don't like this, it's in your way, you can actually click on the x and close it and they're all basically stuck back over here into the big tools panel, One thing in the interface I did not mention earlier is that you can take panels and you can do what's called dock them. Really useful. If you come to the title bar of this one you can drag it and if you drag it far enough you're gonna see what's called the blue drop zone. Your cursor's gotta go over there though. If I let go, it's gonna stick it in there for me. It's now in there forever until you change it, You can do this with any panel, almost any panel I should say, so I do not want that, that's gonna drive me crazy so I would like to drag that back out, so you can grab it by the title bar up here and drag it back out and you're gonna see it's gonna try to take the whole thing. So what I can do is drag it by the little gripper right here, see this little gripper thing? Grab it by the gripper thing and pull it out and you can kinda set it out there, Alright so we've got our tools, if you wanna move around you can, don't get stuck by putting it over there, just set it up over here. We also have a lot of other tools to create, what I want you to do is we're not gonna use this one today but come to the shaper tool and click and hold down on it, Does everybody see the shaper tool there? Now you're gonna see this. This is Adobe's thing, Has anybody ever used the shaper tool before? Okay this is new, this is actually I believe this is brand new in 2015, CC 2015 the idea behind this, this tool is not for everybody. It's if you want to you can go out and draw a shape using like your finger. I'll show you, don't do it just watch okay I'll just show you. I'm gonna go out here with the shaper tool I can say hey draw me a circle so I'm gonna go circle. Bam I got a perfect circle, look at that. Give me a square. I'm gonna go draw a square, something like square square square, okay that's a rectangle, whatever. It's another way to create shapes but it's very visual so I don't use it a lot because I use a mouse, I use this, I use my laptop, et cetera. If you're using like a Wacom tablet, Cintiq, some other touch device baby this is awesome this could be really cool and really helpful. We're not gonna do too much with this today but I just wanted to show that really quick. Alright go ahead and close, if you guys see that dialogue box still open that says shaper along the top there's a little round red dot in the upper left corner you can click on and close and then come back in here and click and hold down and you should see that there are a series of other tools. Click and hold down on the shaper tool again. We have a pencil, a smooth, a path eraser, and a join. The pencil tool, underutilized as far as I'm concerned. Pencil tool is awesome because it lets you just, it's like a pencil. Do I need to say anymore? You can go ahead and just draw, it's kinda neat. It's gonna create vector paths, things that you can edit later on if you want to, you can use the pencil tool, you can use other methods but most of these are the actual drawing tools that we can work with, What we're gonna do is we're gonna start out with some of the simpler shapes so what I'd like you to do is come to that little free floating panel of our shapes and click on the rectangle tool there. Then come on out. Now a lot of people when you first start drawing here it becomes a little overwhelming very quickly because we have what's called smart guides turned on. Here's what I would like you to do. Just come somewhere, anywhere out here, there's two ways to create a shape in here. You can draw it or you can click and type in numbers. We're gonna draw it. So what I want you to do is just come anywhere, click hold down, and drag to make a rectangle. Click hold down and drag. Now you're gonna notice a few things here. Don't let go of your mouse, you're finger's gonna get tired I know but just hang out with me. You're gonna see this little measurement label, this little gray label show up, very useful. If you're trying to get an exact size that can be awesome. It can also be very frustrating 'cause to do the exact size can be really hard. Why don't you do this too? Come down and try to make it look like a square. Just move your cursor, make it look like a square. Suddenly what's gonna happen and when you get close enough, you're gonna see this. A line appear across it, this is new. These are what are called smart guides. In a lot of versions of Illustrator, almost every version of Illustrator if you wanted to constrain a shape, meaning if you wanted to take this thing and you wanted to make it a perfect circle, a perfect square, that kinda thing, you'd hold the shift key down, why don't you try that? Hold down the shift key as you're dragging this and you'll notice what it does. It forces it to be a square. If you let go of the shift key you can just keep drawing doing whatever you want to do. Now if you let go of your mouse, why don't you try it? Let go of your mouse, let go. Bam you got a shape. Now yours might be a different color, do you guys have, is it white inside like a fill white? Okay don't worry about that I'll fix it there we go because I use the shaper tool it fills it with gray don't worry about it. Alright once we let go of a shape we can either continue editing it or we can go delete it, we can do whatever we want with this thing. Now once we've drawn a shape like this you're gonna notice that shapes actually have what's called a bounding box around them. You're gonna see eight of these squares hang out outside, you're gonna see four on the corner, let me zoom in here, four on the corner outside here and four on the sides. These are what you can do to grab, kinda like the artboards we did, grab to resize. So why don't you come any one of these on a corner or on a side and you'll see double arrows show up, just click and drag. You can resize, okay? Now you're gonna see lines and measurement label, gray label, all this stuff popping up everywhere, some people hate it, some people love it, we can turn those off and we will in a little bit I'll show you how to do that. Does that make sense to everybody so far, you all good? Okay now you're gonna notice, why don't you take your cursor and bring it off of one of the corners just a teeny bit? So you can put the cursor on the corner and then move it away a little bit and you're gonna see a little round arrow thing. That's how we can rotate shapes, that's one way to do it. Really simple just come right off the corner and rotate, we're not gonna do that but we could. You're also gonna notice these little circles right here. These are a little bit newer past several versions of Illustrator but these are for corner radius. So why don't you do this for me? Take any one of these little circles and click and drag towards the middle of the shape. You can change the radius. You can go as far as you want. If it's a perfect square you can actually make it so round that it becomes a circle but these are our corner radius that we can change and you'll notice that it shows up a little label there of what we want it to be, once you let go you got yourself some rounded corners. As soon as this came into Illustrator I think I did a little dance 'cause this used to be so hard to do anyway. Now this is the other thing, suppose that you round the corners and you're like eh I want it to be square cornered again, I don't like the round. Here's one way to fix that. You can take that little circle, that little widget if you will and drag it all the way back to the corner, so watch. Just crank it all the way back to the corner and go a little further if you want, and let go, and it'll just remove the corner radius on it. Now what if I decide I wanna do one corner? Something like that. There are so many ways to do this. I'm gonna show you the ways that I use that are maybe a little easier that to me make sense. If you have a shape that's selected like this, you can tell it's selected 'cause it's got the points, come up to one of the little corner radius and double click on it. You're gonna see this, transform panel. Transform panel is a monster and this is something that we're gonna use and the idea behind this is it's for precision. This is where we can go and we kinda saw some of this in the previous segment, size, where it's located, et cetera, but you're now gonna see what are called rectangle properties down here. If you want to you can change the width and the height of the whole thing, you can also come right down here and these are the corner radius, the four corners. Now we can go in and change them all together, you're gonna see, look in the middle, you're gonna see an Illustrator, I mentioned this before, this little link icon, why don't you click on that little link icon? It's gonna look like a squashed bug, a open link to whatever you wanna call this thing, that means that you can now edit them independently. So if you want to you can either type in a value or you can use these little arrows and you can like click up click down and change each corner radius independently. Now obviously this is not a visual way to do it, this is by the numbers and some people don't like this. Depends on how you work. If you do change the corner radius here we can always set it back to zero if we want. The great thing about these corner radius though is that you can change how they look. We have three options, if you look to the left or to the right of each one of these you're gonna see what's called corner type. Go ahead and click on that and we've got three corner types, we've got like a invert rounded and my favorite one here is chamfer. Can't even say that right, chamfer, there we go. So choose one, go ahead and click on one, just gonna do what you asked it to do. So each corner can be a different radius if you want, each corner can have a different appearance if you want, and we can, I mean we can do a lot of things with this but it's kind of interesting. I tell you what, why don't you do this for me? Do the upper right corner as well and I wanna make it about .5 inches, something like that for the radius, I'm gonna change the upper right, 'cause this is upper right, this is lower right, so do the upper right at about .5, you can just use the arrows if you want or type in a value and then we're gonna change the corner type, you can see it here, to chamfer. Alright, each can be changed independently. Now like I said before if you wanna change them back you can always go out there and take that little corner radius widget thing and drag it back up onto the corner and it'll change them all back. If we want to change each one of these independently and we wanna do it visually we gotta do it a little different way. Right now we have the black arrow selected actually sorry we have the rectangle tool still selected. What I want you to do is this. Come to the direct selection tool. We have two arrows up here that we can use for selection, this is kinda wacky the black arrow here called the selection tool, that allows you to click on objects, rotate them, resize them, do things like that. The white arrow allows you to go in and actually get to the different points, each individual point that's created and like change the rectangle into like a diamond or something, you can stretch it, distort it, do what you want with it. So why don't you click on the direct selection tool up there and take a look at the shape again. What's interesting about shapes, curves, paths, everything we create in here is that these things are actually composed, if you look at these little teeny squares right here, why don't you hover over one of the little squares on the corner like maybe down there. You're gonna see the word anchor. In Illustrator, everything is based on anchors and paths so these little anchor points what they do is they take a series of paths and they say let's connect them together. Do you wanna make it a curve? Do you wanna make it a square? What do you wanna do with it? That's what the anchor point is there for. Now we can go in and we can click on each one of these and select it and do different things, we don't wanna do that right now. All I wanna do is this. We're gonna edit each one of these independently so what I'd like you to do is come to the lower left point on here, this little anchor and click on it. You're gonna select just that one. You can tell it's selected because it's not hollow, it's got a colored fill in it. Look at the rest of the points. Those are not selected. If you were to click and drag right now don't do it you would actually distort the shape, we don't wanna do that. Alright I'll undo that. Now you'll notice that we only see a little corner radius in that one corner. Take that corner radius and drag it right now. So drag it in towards the center. This is one way that we can change each corner independently and do it visually so you're not doing it by numbers. There are a lot of ways to do this kinda stuff, there just is, they make your head spin, these are two big ways. You are gonna explore and discover more ways and if you like those better you can do that but this is usually how I wind up doing it. I'll tell you what I don't want the corner radius down there I want it to be square. So we're gonna take that little corner widget and drag it back out, get rid of it, all the way to the corner, go a little further, and then let go and you see radius zero and you got it. Alright so when we create, this is a rectangle, we can do so many things to it, lots of different things, what I want you to do is you're gonna see that this transform panel actually has a couple other panels in it, we wanna keep it out here if we can. I just wanna move it out of the way so why don't you drag it by the title bar right up here, drag it over to the right just so it kinda gets out of the way a little bit and the next shape we're gonna create is we're gonna start to work with some rounded rectangles. Why don't you come up to the shapes here and you're gonna see the rounded rectangle tool. Go ahead and click on that one. This is kinda weird to me. The rounded rectangle tool you almost had to use before 'cause you wanted the rounded corner to start with. I don't really use them that much anymore I gotta be honest 'cause you can go to any rectangle and make the corners round. The rounded rectangle is just let's start with rounded corners, so let's try this thing out. This is gonna involve a keyboard command, I'll just tell you that right now so just watch me for a second. I'll do it up here. So what I'm gonna do is I'm gonna draw a little rounded rectangle now I'm gonna click and drag and you're gonna see oh great look I get the little gray label it says width and height, let me zoom in so you can see this. It says width and heighth and you're gnona see radius now too. If I want to change how rounded the corners are right now, I can use my arrow keys, my up and my down arrow. So if I hold down my up arrow key, watch, you see it? If I hold down my down arrow, this is the slowest thing in the world by the way. Here's to make it faster you do a little wiggle, you wiggle your mouse and like wiggle wiggle wiggle. It goes faster, wiggle wiggle wiggle, it goes faster the other way. Once I let go I still have the little corner radius things that I could go in and change the radius on and we're still a happy little rectangle with rounded corners. So it's very similar so let's just give it a try. So with that selected come on out here let's go below the initial rectangle and click and drag and we're gonna make kind of a bigger one so just start somewhere down here click and drag and make it about yea big, I don't care how big you made it, we can change it later. And what I'd like you to do is we're gonna make it a little more rounded so come to your keyboard and use the up arrow key and you can either press it 50 times or you can hold it down and kinda move your cursor back and forth a little bit and you can round it. I don't care how round it is, I really don't, we can fix it really easily once we let go. If you decide you want less round hold the down arrow key and go ahead and move your cursor. Hopefully that's working. This is the stuff we use to have to do and I just, I hate it, so I don't do it too much anymore. Let go of your mouse you guys don't worry about it. We're gonna use those little widgets, that's fine. Let go of your mouse, look it, oh look, there's the widgets, just drag them and then now you have your corner radius again you can go and change it and do what you need to do. What I would like you to do is let's make that corner radius, I'm gonna be a little bit more specific here, I want it to be about .2, I know it's kinda specific but here we go, alright. Now here's what we're gonna do, we got a rounded rectangle, we're gonna go on and we're gonna create a circle, okay? Same kinda thing. So what I'd like you to do is let's go to the ellipse tool now the ellipse tool is fancy, there's a lot going on with this thing. It has changed so much in the last version. Come to the ellipse tool and go ahead and select it, come out here, now what we're gonna do is we're gonna draw some robot ears. I know that robots don't really have ears, okay? But just for the sake of argument we're gonna draw some so we're gonna come out here and just to the left of the robot head, like up here, I wanna click and drag and we're gonna draw ourselves a circle. Now to do this you just click and drag like we did before. If you want to make it a circle, try making it look like a circle, kinda drag it look like a circle, and suddenly you're gonna see a crosshairs in it. That means perfect circle. Sometimes it's so annoying to get done you guys it gets really hard to do sometimes. If you hold the shift key down while you're drawing it it'll make it a circle, it'll force it to be a circle. So I actually want you to do that. As you're drawing, hold down the shift key 'cause there's something here you need to do. In Illustrator with a lot of these commands you need to let go of the mouse first and then the key. 'Cause if you let go of the key first, it's gonna like whack out and say, ahh, whatever. So let go of the mouse and then the key when it gets yea big, doesn't matter. That is something that I don't even think about anymore as using Illustrator but in the beginning I had to really think about. Alright now we got a circle on here. We're gonna zoom into that so what I'd like you to do is why don't you just zoom into it? We're gonna use the zoom tool so come over to the zoom tool, using any method you can think of if you know some. I'm gonna come over to the zoom tool and I'm gonna click on that circle a few times, don't forget it's gonna go and zoom in a different way there. I put it in the center. In my book I actually tell people to click like two or three times to zoom in but I always put the word slowly 'cause what they do is they'll click, click click click, and suddenly it's like they're somewhere off on the artboard like way over there so you get used to that. Alright so we're looking at the circle right there. Now what I wanna do is I'm gonna go and actually edit that so what I'd like you to do is come up here to the selection tool. Now we can stay on the ellipse tool and edit this thing, you can also switch to the selection tool here and do just about the same thing and you got all the same little controls. With circles it's kinda crazy they've added a few things here why don't you take your cursor and bring it into the center? This is brand new. And you're gonna see a little like circley thing show up. That means it's the center. Click and drag it. This is awesome, you guys. You drag it by the center which is pretty cool and we used to be able to do that but it was a little harder. If you notice out here we can also come and we can drag the corners or the sides to change the shape of this. Now I want it to be a circle so if you do resize, we change things, you wanna make sure that you are holding the shift key down to get the perfect circle. I'm gonna make it a little bit smaller, you guys, make it about, look at the rectangle to the right over here and think these are robot ears, how big do they need to be? Is this gonna be dumbo robot, is it gonna be you know regular ear robot? You make the call, okay? Let go of the mouse key and then the shift key, don't forget. Now here's a couple cool things. If you need to scale this, I just showed you that we gotta hold a key down, we gotta do that. We don't need to do that anymore, this is crazy. Do you see the little white dot on one of the sides of the thing? This is for the radius, you guys. Why don't you click and drag that? You can see your cursor changes appearance right there. Just click and drag. Go left, go to the right. We don't have to hold down a modifier key anymore 'cause this lets us do that. So I'll make it a teeny bit bigger, that's fine. This is gonna be a funny looking robot, it's fine. Alright anybody curious about that little thing hanging off the edge over here on the right? Okay this is a little dangerous but we'll do it. So if you wanna make, and the first time I saw this I was like okay what am I gonna do with this? If you wanna make a pie chart, this is awesome. Watch, I'll just do it and then you do it. I'm gonna go over here and I'm gonna come to this thing and I'm gonna click and drag. You can now take a circle and actually create what are called pie angles and make pie angles out of it. I saw that, once again, and I thought what am I gonna do with that? But you know what? I'm gonna undo here, I actually do this a lot. A lot of times I want a half circle. So you can take it and make a half circle. So I can drag it all the way around make a little half circle here now it's, you guys it's actually very hard to get it right on what the degree you want, why don't you try it? Drag that little thing around and get, just get close to about half a circle, something like that. Some of you that know Illustrator a little bit if you do might try and hold the shift key down or-- none of that works. You just, you guess, you're like oh I think I got it. Here's what we wind up doing. You wind up doing it by numbers. Come up to the control panel and you're gonna see the word shape. Click on the word shape, the shape actually contains a lot of the things that we're doing right now, things like radius, things like size, and these pie angles. We can go in, let me zoom in, we can go into this pie angle and this one is the first one, we can add a beginning and an end and we're gonna do this one here called pie end, we're gonna change that to so it's a perfect half circle. Why don't you do that? Go ahead and choose 180 or type it in. If you look at your circle it should now be perfect, like perfect half, cool. That's actually kinda neat, there's some cool stuff you can do with that and it's interesting, something new. Alright press the escape key if you wanna hide that little panel that's an easy way to do it. So we got ourselves a circle, we're gonna kinda leave that where it is and we're gonna keep drawing here and keep moving here. What I'd like to do now is I wanna move over to the right hand side of the robot head, we're gonna kinda move over there. Now in here we have a tool called the hand tool which allows us to take all the artboards and everything and just kinda shift them around so we can see everything. A lot of programs actually have this. Why don't you come over here to the left and you're gonna see the hand tool on the tools panel. Go ahead and click on that. And you can come out here now, you can just simply click and drag so it's gonna drag the artboards and let you move them so click and drag and if you can see, look over on the right here side of it, the robot head, we need a little bit of blank area over here so we can work. What we're gonna do now is we're gonna create the robot hand. So pretty simple stuff. We're gonna use the polygon to do it. So what I'd like you to do is come to the polygon tool, I've got it in my tools panel out here. Go ahead and come to the polygon tool, click on that. And we're gonna go out and just create a little polygon now in the past to create polygons it was actually kinda rough, we had to use a lot of keyboard commands and all this kinda stuff, we don't have to do any of that anymore. What I'd like you to do is just simply click and drag and you're gonna notice something here with this shape and with stars they always draw from the center. So make it a little bigger, make it about I don't care, yea big, whatever. I'm trying not to be precise here, we don't have to be. Now here's the catch. I want you to hold down the shift key before you let go. It's gonna constrain it, keep it square if you will. Let go of your mouse and then the shift key. Don't worry, if you mess it up, everybody does, simply hit delete right now and draw it again. Hold the shift key down, let go of the mouse and then the shift key. Now you're gonna look out here, there's a lot of new features around these in the latest version here. Check this out, this is killer. You're gonna see a little diamond hanging out on one of the sides on that shape and you're gonna see if you hover over it there's a plus minus, drag it. Drag it up and down. This is so cool. You can now change the sides without having to redraw a polygon. For those of you that are beginners I'll contain my excitement but this is awesome, awesome. Alright what we want is we want a shape that is, let's do a, what do I want? I want an eight sided shape, we'll do an eight sided shape so drag that little widget, number sides widget there until you see sides eight and let go. Now we can also if we want to there's a couple things here, we can go out and change the corner radius on each one of these. You'll even notice this same little icon here, this little corner radius icon, that little widget, grab it, grab it and drag it, grab it and drag it and you're gonna see we can change the radius of these. Now you can make it a perfect circle if you really want to but we don't need to do that. I just wanna do a teeny bit, just round the corners a bit and let go. Can always change it later if you change your mind, pretty neat. Do you see this other little, there's so many little things to look at now on these and you get used to them, I'm still not used to them, I gotta be honest but you're gonna see this little teeny circle right here. This is actually to change the size of it overall so you can change the radius. We don't have to hold anything down that's the best part it does it proportionally for us, it just does it. Don't worry you don't have to do that you guys, that's fine. Alright now what I wanna do is we're gonna go in and we're gonna start to work with this a little bit, you know what? Let's remove the corner radius, the round, that's just gonna look dumb so what I want you to do is take that little corner radius just crank it back all the way down all the way back 'til you see zero and let go, it'll just remove it for us. I know it's no longer square, right? It's no longer, you can see the sides are a little slanted, don't worry about that for right now, we'll fix that later. Alright now we've got some shapes set up. I am not gonna do stars today. Does anybody really wanna know how to do a star? The problem with stars is none of this applies. The shapes we've been working with are called live shapes. All of those. That means that you can edit them after the fact, a lot of the properties. Stars are not live shapes. Which means you have to use a lot of keyboard commands to get them to work and we're not doing that right now. Stars are great but you can learn them later. Alright we got some of these shapes created now what I wanna do is I wanna kinda jump in and start to work with some of the other features we've got. We're gonna start to work with doing things like combining shapes and editing shapes and copying, doing things like that. I want to fit the artboard in the window. So come under view and choose fit artboard in window if you don't mind, see the whole thing. Now we need, like that half circle right there is one of the robot ears, we need two of them, we need to rotate it, we need to get it in place, we need to do a lot of things to get this to work right the way I want it. So we're gonna do that. Why don't you do this for me, come up to the selection tool and click on the selection tool. When you think that you're gonna do something like move, scale, rotate objects, you're probably gonna go to the selection tool it's a simple way. Come out here and what I'd like you to do is click on that half circle right there and what we're gonna do is we're gonna rotate this thing. There are a ton of ways to do everything in here and I just wanna show you two because it gets too overwhelming otherwise. If you come to that shape right there what I want you to do is just come off of one of the corners now you're gonna see a rounded arrow, that little rounded arrow, that means you can rotate any shape now. With this shape what I'd like you to do is click and drag and start to rotate it and you're gonna see that we can rotate it at different angles here. Now if you want to if we do this to any shape square or circle whatever as you rotate as you're dragging you can hold the shift key down and constrain to angles so keep dragging and hold the shift key down at the same time and you're gonna see it's gonna constrain it to 45 degree angles. Can you guys see in that little gray label, does it say something whacky like minus 80, 180 minus-- pay no mind. That's, don't worry about that, they're fixing that stuff so I want you to go make it look like this so it's on it's side. So rotate it around holding the shift key down, let go of your mouse, let go of the shift key and you've got it, in that order. Mouse, shift key. Alright now I want to move it over so we're gonna drag it over 'til we get it over to the robot head. You're gonna notice that this circle is a little special here because, let me zoom in for you, if you come into the center of it, you're gonna see there's a little center point where it used to be the center of the circle. What you can do is you can just drag from that little center right there, your cursor's gonna change to a little circle next to it so I'm gonna click and drag, drag that over and what we can do is you're gonna start seeing lines and things pop up everywhere, this drives people nuts at first. It's gonna really help you out. You can snap it to the robot head and put it wherever you want. I'll put it like right about whatever there that's great. And then let go. Smart guides which are these lines and all these different things that are showing up, really help us to draw, be a little more precise, or free form, it kinda doesn't matter. Now what we need to do is we need to take that little robot ear and we're gonna copy it over to the right, the other side. A lot of ways to do this. I'm gonna show you an easy way to get it done. So we can do rotate, we can do copy paste, we can do all kinds of things. What we're gonna do is this. We're gonna actually do something called reflect this object. Now the reason why we're gonna do it this way is because I want you to see another method for doing this, this kinda thing. With this shape selected, I want you to come up to the object menu. The object menu is huge, you're gonna use it for a lot of things as soon as you select artwork you're gonna be able to do a lot of things with them with the object menu. You're gonna see things like grouping, and all kinds of stuff. If you come down here, what are we doing? We're doing transform. Come to transform and you will see that we have a series of things that we can do transformation wise. You'll see move, rotate, reflect, scale, and shear. A lot of this stuff you can do one of two ways, you can either do it by numbers by typing in numbers or you can do it visually. We have the menu items to do it here which is actually gonna open up a dialogue and say alright type in the value, what do you wanna do? We also have rotate, reflect, scale tools over in the tools panel so depending on what you wanna do how you wanna work you work it that way. We're gonna do it this way just 'cause I wanna show you right now. Why don't you come to what's called reflect? Now reflect is awesome, reflect is gonna be your go-to. Here's the thing about Illustrator. If you're creating an object that is symmetrical, same on both sides, first couple times you might try and draw it the same on both sides. Don't do that. It's gonna be, okay maybe you could, maybe you're awesome but it's really hard at times so we're gonna let the tool do it for us so a lot of times what we do is we'll kinda create half of something, copy it, and reflect it or flip it over and just put them together. It depends on what you're creating but sometimes it can be really useful. In the reflect dialogue box what we're gonna do is we're gonna actually go in and say alright let's turn on preview, all these dialogue boxes work this way, we turn on preview and select it, you can see it happening right now, it's actually doing a reflection, if you toggle preview on and off you'll see what it did before, it's kinda just flipping it around. You can do a horizontal or a vertical if you want to. We need vertical, right, we're going across. So make sure it's vertical and the magic here is the copy button. If you just said okay, if you clicked on okay it would just take that shape and do the flip, do it over like this. So why don't you click on copy? I know it's hard to tell but you now have two shapes. One of them is the reflection of the other. Can you all see that, can you all see the other shape? Okay come to the center of it, it's gonna be a little tricky you're gonna come to the center of it and I want you to drag it straight across over here. Now it's gonna stay in line, do you see all the crazy purple lines showing everywhere? I know, it's a little nutty but I want you to drag it over here and I want you to see if you can try and align it with the other shape. It might be really hard. You should see a line show up across. Don't worry if you don't, I'm gonna show you how to align stuff, don't worry about it. Just make sure it snaps to the side of the shape, you'll see a purple line show up vertically, and let go. You got yourself your robot ears. When we work in Illustrator we're gonna be working with a lot of times we'll work with simple shapes to create more complex shapes 'cause you can do so much with them. So transforming kinda working with that type of thing we've got a lot of things we can do there. Now what we're gonna do is we're gonna go and do a little bit more transformation and a little bit more changing here to kinda change things up a little bit. What I'd like you to do is we're gonna move the robot hand around a little bit so come to this polygon and I've got my selection tool selected, the black arrow, go ahead and click on that. And you're gonna see that we could do it, I already showed you guys how to rotate if you just come off like the corner like this. So so far we've done a transformation, we've transformed something two ways. We did it visually just hanging out out here rotating maybe and then we just did it by a dialogue box or a menu item. Now if you want to you can also use, and I hate, I'm not trying to throw 50 ways to do things here I know but if you look over here on the left you're gonna see that we actually have all of the transformations on the left over here as tools. Now the reason why we have that is what I'm about to show you. You're gonna see that the rotate tool, if you click and hold down on the circley tool, the rotate tool, you'll see that we actually have a tool called reflect. This is awesome, so we could've done the same thing we just did. The problem, difference with these tools is you need to use keyboard commands. So as a beginner it can be kinda rough to get used to it so why don't you choose rotate tool? Now the special thing about the rotate tool, take a look at the shape right now, what's different? You're actually gonna see there's a little crosshairs in the center. With the rotate tool you can tell it what point to rotate around. This is why this one's different. If you just go and grab the black arrow and you try and rotate it it's always gonna rotate around the center. In this case here's what you can do. I can go and take that little crosshairs and I can actually click somewhere else and rotate around that point if I want to. Why don't you try this first? Come out anywhere you want outside the shape, click and drag. It doesn't matter where you go, you can just click and drag it to rotate it. Don't worry about how it looks and kinda how you get it. Just make it rotate a little bit. Now come to the shape and let's suppose that for some reason this was in place and I needed to rotate around let's say the bottom of it and I just kinda needed to do this instead of rotating around the center like that. Come down to the bottom of the shape like below it a little bit and just click and let go. You can move this little center point around, this little rotate around point. Now if you come out just anywhere click and drag. Click and drag, you can see where you're rotating around now, it's pretty cool. So a lot of these, a lot of things that we're doing here have different ways of working that's why I wanted to show you these. This one's being a little more precise, allowing us to rotate exactly where we need to and at times you will need to do that but okay. Alright so make it look something like that, it doesn't have to be perfect don't worry I'm not trying to be super precise here. Okay so that's the robot hand. Now what we're gonna do is we're gonna just do a little bit more to the robot body real quick, I wanna make a copy of an object so select the selection tool, go back up here. What we're gonna do now is we're gonna go in and we're gonna take the rectangle for the body down here we're gonna make it a little bigger and we're gonna copy it, keep it simple. So what I'd like you to do is click anywhere inside that shape to select it. And what I want you to do is come to the bottom we're gonna make it a little taller so you can come to the bottom bounding point in the middle down there and just click and drag down, make it a little bit taller, that's fine don't worry about it we'll be a little more precise in a while. Now I'd like to copy this and just use it as the neck, we'll keep it simple. This is the thing about Illustrator, you want to reuse what you already have instead of reinventing the wheel if you can. Have you all copy pasted in a program before? You guys I need to show you a couple of copy paste commands that are phenomenal that you will use. Why don't you come under edit? And go ahead and copy, just use your copy, if you know the shortcut, use it, command + c, whatever, just edit copy. Now in the Illustrator a lot of times you're gonna try and be a little more precise to do things so come up under edit again and you'll actually see that we have about 6,000 different paste commands up here. We have paste, paste in front, paste in back, paste in place, paste on all artboards. You're gonna use these I guarantee it. There's gonna be a time where, how many times do you think you're gonna make a donut? Okay maybe never but suppose you need to make a donut. I'm gonna make a circle. You think I'm gonna go like copy a circle over here and then like drag it and align it? There's so many faster ways to work in here. You could take a circle, copy it, and say you know what? Paste it right in the same place. So that's called paste in place. So it puts it in the exact same position and I can just make it smaller. You're gonna see paste in front, paste in back, that means if I have a circle or a shape like this one or whatever I have it's gonna say paste the next copy directly in the same place but in front of it or put it behind, paste in back. It's kinda interesting. So what I'd like you to do right now is we're gonna do a paste in front, so just do a paste in front, choose that. And you'll actually see, you look at it and you're like well what did it just do? It's in front, just trust me. But watch for a second, I'm gonna move it out of the way, there it is. Here's what we're gonna do, we're gonna make it a neck size so we're gonna make it a little bit narrower. So what I'd like you to do is we're gonna come to one of the side points now don't start dragging or doing yet. I'm gonna show you a key here that you're gonna use a lot for shapes. The shift key is super important for making sure we constrain and keep it like a square or a circle. We're also gonna use the option key a fair amount, alt on Windows. So if I hold down the option key here, just watch me for a second, and I drag to the left for instance, it drags both sides in towards the center for instance. Let me undo that, I'm gonna go to edit undo or command + z, why don't you try this? Come to the right over here, this point, hold down the option key, click and drag to the left, get it about neck size, I don't care, let go of the mouse first and then the key otherwise it will not most likely do it. Pretty cool, that's a great way to be able to resize something from the center, you resize both sides at the same time. Now we need to get the neck in place so what I'd like you to do is we're just gonna drag it up and put it in the head so why don't you drag it up a little bit just I don't care just set it somewhere up there that's fine, this is gonna be the world's funniest looking robot. Now you notice that as we're creating objects here it's stacking things on top of each other so remember that stacking order I was talking about the shapes one on top of the other? What we're gonna do is we're gonna go in and we'll kind of change that order. I talked about the layers panel a little bit but we don't have to go that far if we don't want to we can actually use what are called arrange commands. You can say bring something to the front, send something to the back. I want that neck to be behind all the other shapes for instance. So with it selected come up to object, you're gonna see a command up here you're gonna use probably a fair amount, you're gonna see arrange. We have bring to front, bring forward, send backward, send to back. Now this is kind of interesting but when you first look at this you're like what's the difference. If I say bring to front it's gonna take the shape that I have selected and bring it in front of everything, on top of everything. If I say bring forward it's gonna bring it on top of the shape that's right above it. Send backward is gonna send it just behind the shape that's below it, send to back, put it behind everything. So in this case we don't need to be crazy here I'm just say put it to the back, all the way to the back so we're gonna choose send to back. And once you do that it's gonna go behind everything. Now it's kinda hard to tell because you still see the outline, all the state, why don't you go ahead and deselect by clicking somewhere to deselect and you can see now it's behind everything.
Class Materials
Ratings and Reviews
KATIE Y
I am a pretty computer literate person but an Ai beginner i.e. I am completely new to the Creative Cloud/Adobe Illustrator. (This is also the first time I've used CreativeLive.) I think this course it is fantastic. The pace is good as is the content which progressed logically and covers all the basics you'd hope it would. The course is 2 full days' worth of material but it is broken down into segments so you can revisit or skip through as you need to. The presenter is really personable and easy to watch (even for me, a Londoner!). I would also say I think it is pretty good value for money -- I am currently enrolled on a part time course, basically doing the same sort of stuff, and I have to say this is better and a bit cheaper! I definitely recommend it to you!
jackflash
A brilliantly designed course. it's almost magic. It's everything you hope for in a follow-along software class. Brian Wood has engineered it so that you start on a project that just needs basics, and then you move on to more & more complicated projects, and almost without realizing it you've learned Illustrator. This doesn't just happen -- Wood has clearly put a LOT of effort into creating this course. Here's one trivial example: he doesn't overload you with a lot of keyboard shortcuts right at the beginning -- you start with the actions themselves, using the (admittedly tedious but easy) pulldown menus, and then after you're comfortable with what you're doing, he'll throw in the shortcut. It may seem obvious, but so many instructors feel they have to give you an extensive foundation of definitions, shortcuts, interfaces, etc., before you ever do anything. Good stuff to know, but you'll never remember it. Wood has you up and working almost immediately. And he's a joy to listen to, at a perfect pace. Highly recommended.
Philippe LIENARD
Top course. Very well explained, clear, good examples, pleasant teacher. I like it and recommend it. One suggestion, it would be nice to have a detailed table of content of the course in the material. For instance, it took me quite a while to find back the part of the course where how to make a gear was explained.
Student Work
Related Classes
Adobe Illustrator