In this series of lessons, we'll work to build a finished vector logo based on an initial sketch. We'll start by quickly exploring both the initial sketched idea and the final vector outcome of our logo. From there, we'll proceed to build a gear out of some simple shapes that we can duplicate throughout our logo. Next, we'll begin positioning the key elements of our logo and use the live trace feature within Illustrator to convert raster artwork to vector for use in the logo. We'll move on and add both secondary type and color to the logo then finish up by fine tuning all the elements within the design. Software required: Illustrator CS4.
Introduction and Project Overview [Autogenerated] in this lesson will begin building our logo for the grind coffee bar. All right, So over the course of the next few lessons, I'm gonna be walking you through taking an idea for a logo, as you can see here with our pencil sketch and translating that into a fully fleshed out vector version of the logo will be going through my process and hopefully can pick up on some of the tools and techniques that I'm using and apply them to your own work. So let's go ahead and get started here. Go and hide this layer first and reveal to you a layer that just sort of has some basic elements on it. We've got a little reference for logo here. The top left corner. We've got some color swatches here will worry about those in just a little bit that we've got some basic shapes and some type down here below its going to focus on this area first. Here, zoom in. Let's just go ahead and move some of these elements out of the way here that we're not gonna use just yet. Let's go ahead and move some type out of the way here and we'll move this image out of the way as well. Let's focus first on these 1st 2 simple shapes. Remember our logo for the grind Coffee bar? We've got sort of some type that's being ground up by some gears here, So let's work first to create a gear shape that we can use in the logo. So let's focus first on these two shapes here. I'm gonna go ahead and pull this smaller shape over above our circle here and just to let you know, I do have my smart guys turned on. If you want to turn those on, you can find those up under your view drop down menu and then smart guides. Or it's the keyboard shortcut control you. I would just begin making things gear here. So hold my Alton shift down and just constrained the size of this shape, and I'm gonna shrink that down a little bit. This is gonna be the teeth on our gear and zoom in on. Let's just line that up. Using are smart guys right with the center of our circle shape here. And if we need to re size that we can, it might just be a hair too large right now. I'm gonna shrink that down just a little bit, and then I'm gonna go ahead and make sure that again that's aligned properly with our circle. I want this to be at the precise centre of it at the top and let me just make a copy of that and hold shift and drag it down, holding it all on shift at the same time there. And that's going to keep that in exactly the center of the circle, only at the bottom. And I'm gonna go ahead and rotate this holding down my shift key so that we have the tooth in the opposite direction. Here and now I have a tooth at the top and at the bottom here. So I'm gonna go and just hold down my shift key and select both of those and then want to copy those with the control C and then I'm gonna pace those into place using a control F that's also under your edit Drop down menu here, Paste in front is what we're gonna be looking at. So we've got two copies of each of these teeth here. Someone I just go ahead and rotate thes by selecting. And both with the shift key gonna hold down My shift button is I rotate because I want to do that exactly 90 degrees. So we've got four teeth for our gear now, and we've really got to large gaps here. Let's go ahead and fill that in with some more teeth. So I'm gonna do that. The same thing here was gonna repeat that process control, see, and then control f and paste in and another pair of these teeth and just hold shift and rotate those out to fill in that gap there. Let's go ahead and paste in another pair. Hit control f again, and I'm gonna rotate those the opposite way and fill in that last set of gaps there. So we've got this nice gear shape here. Now, what we're left with is this nice gear shape. But we've got several individual shapes here, and we need to go ahead and merge those into one. So I want to go ahead and open my pathfinder palate. You could find that under your window drop down menu and then Pathfinder. And here we go. We've got a little pound that opens up. I'm gonna drag that over here out of the way, and I want to just select all of my shapes at once here and used the unite button right here in the shape modes and that's gonna merge those shapes in tow. One shape Here, you can see we've done that. So we've created sort of a silhouette or the outline of our our gear shape here. If you remember in our original gear shape, we've got some some other stuff going on in the centre for them to spin. So let's go ahead and think about maybe punching a circle out of this shape. So has come up here, and we'll just select our lips tool. And I want to draw on the lips here, and I want to make sure it's ah, perfect circle. So I'm gonna hold down the shift key, and we've got another shape here, so we'll use our selection tool just to drag it into position over our our gear shape. And I'm gonna make sure that aligns with my smart guide. So we want that right in the center of that shape. Let me just change the color of that for you. Let's make that white. Actually, we just made the ______ quite so let's switch that to the filling and get rid of the ______ on. So we've got sort of a basic look here. But again, we're dealing with two shapes. So I want to go ahead and take this thing circle that I've drawn. I want to punch it through this gear shape. So let's go and just select both of those shapes and we'll use the second button under shape. Moz here, which is the the minus front button. So we're gonna divide that shape from the gear shape is what we're left with. We've got the gear shape. It now has a hole in it. So let's go ahead and make some of these shapes to go inside at some of these circles. So we'll go ahead and switch back to our lips tool. And that's also the keyboard shortcut. L. So it's come in here and let's just draw another another circle by holding on the shift key. Let's swing that into position right there. Now, maybe we just want this the second circle to be just sort of a ring that goes around and has a hollow center. That way we could do that. Let's just go ahead and switch this Phil. Let's make that a ______. And let's use our ______ palette to increase the ______ with their Let's go up to maybe three points and d selected and kind of get an idea of how that looks. I think that that looks pretty good. Now we've gotta stroked object here, and we want that to be a filled shape instead. So let's come up to our object drop down menu and choose the expand option here, and we're gonna expand this ______ so we don't need a check mark next to fill here. Let's just uncheck that hit okay on this dialogue and that changes that ______ into a filled shape now, So we've got that filled shape here on. Now we want to go ahead and put another circle even further to the center of this object. So let's come up here, grab our lips tool again, will just draw another circle, and we'll swing that into position and make sure that's aligned right with the center here, using our smart guides and maybe want that to come out a little further So I'm gonna hold down my shift in my vault key as I grab the side control this shape here, and I'm just going to stretch that and you can see how that's stretching it, but it's not moving the position of it. So let's just stretch that out a little bit, Zoom out and see how that looks. I think that's looking pretty good. So a TTE this point, What I'm gonna go ahead and do with this these shapes is I'm gonna go ahead and just select them all by drawing a marquee around them and let's come up to our shaped ones and use that unite button again. That's gonna combine all of those individual shapes into one object here that we can move around. Now, remember, original local. We've got several gears here, so I'm just gonna make some copies of this right now and and we'll work on getting the right size later. I'm just gonna hold down my shift key and and change the size a little bit. And I'm holding down the old key as I drag over them Tow Copy them here. I'm just gonna make a few these here and let's come up on dhe, start looking at the word grind here. Now, this is the fault that we've selected for. This logo will just move these down and out of the way a little bit and then grab all these letters and bring them down. Now, I've got each of these letters in their own text box so we can we can modify them individually. We could move him around independently of each other. So let's go ahead and just convert thes letter forms. Let's convert these into outlines so they're no longer the letters, but they're objects. We can work with someone. I just select all of them just like that. And it's come up under our type menu and let's choose this. Create outlines option here. Now, this will keep from you having to supply the thought that you used to Anybody that's needs to open this logo so we can also modify these shapes. Now they each have anchor points that we can grab manipulate as we how we need to. So come in here and just start positioning these letter forms into sort of a rough position or rough alignment that we want. So wanna come in and and maybe rotate some of them a little bit. The idea behind this logo is that it's sort of being great. The word grind is being sort of ground up by the gears themselves. So we're gonna just sort of mess this word up just a little bit. We're gonna maybe maybe even increase and decrease the size of the letters just a little bit by holding shift on to create a little bit of a a nice motion throughout the letters. So we'll just continue on and rotate some of these letters different ways. You can rotate thes by selecting with your selection tool and mousing over the corner. You'll see the cursor changes to that little double headed arrow has little curve to it. That's so we're gonna use to dragon rotate these. So just rotating each one of these Maybe bring this one appear a little bit, rotated a little bit this way. Let's bring the D up and snug it in tight there. And let's just rotate that a little bit. Maybe that we shrink some of these down just a little bit. Maybe not quite that much, but it's just bring that in there. All right, We've got a nice sort of broken up feel here. Now, we can come in at this point and just start aligning in some of our our gear shapes on gonna work to fill the gap. Sort of. Maybe there's a gap here in a gap here. So let's come in and bring a couple of years in just like that, huh? Let's go ahead and grab this third gear here. We're gonna make some copies of our gears. Maybe we want a gear with this gear to be right here on this one to be over here, and we may want to create sort of a nen visible conveyor belt underneath the word grinds. So just sort of like we've done here. We've got four consecutive gear, so I'm just gonna drag in a few more gears here on roughly position, and we'll work with the position on those Just a moment. So let's just zoom out here. All right? So in this lesson, we have begun building our logo for the grind coffee bar. And the next lesson we're gonna continue where we're living off here and continue to build this logo