In this series of lessons, we'll work to build a finished vector logo based on an initial sketch of the idea. Principle by principle, we'll venture through, understanding the meaning behind each of them, as well as how they can and should be implemented for success. By the end of this course, you'll have the knowledge you need to create magnetic, natural, and memorable character performances. Software required: Illustrator CS4.
Introduction and Project Overview [Autogenerated] in this lesson will begin building our logo for Mo television. All right, Over the course of just a few lessons, I'm gonna be walking you through my process in translating a pencil rendered idea for a logo into a fully flushed out vector version of that logo will be walking through some of the tools and techniques that I use to build this logo. So let's go and get started. I want to go and hide this layer and pulling another layer here where it's got some basic elements on it. I sort of got a reference of our logo on the top left corner and just a few basic shapes and letter forms here. Then we're gonna go ahead and get started building this logo. All right, I'm gonna go ahead and first focus on sort of the shape of this television. Now three idea behind this logo is to integrate the text from mo into the shape of this old analog television set and sort of give the impression that it's it's too big to be contained or it's breaking out of this television set. And just to go and let you know, I do have my smart guides turned on. If you don't have yours turned on, you can do that by using the keyboard shortcut Control you or you can find that command up under your view. Drop down menu and smart guides right there. So it's going to get started. I'm gonna just zoom in here and focus on this rectangle shape right here. Ready? Go ahead and build that television shape. That old analog television shape first here. All right, so let's go and just select this rectangle. I don't wanna go and actually give it a couple more points. Wait there on just give it a little more weight. Now it's just a ______ rectangle. And I'm actually gonna at this point, take this rectangle and let's go ahead and go toe object and expand. We're gonna expand this object, and we're just gonna expand this ______ for it, which is going to change this ______ into a shape of its own. Zoom in and show you what I'm talking about here. Now that is no longer a ______. It's actually a filled object so we can actually grab these little corner points and work with those. Go and grab my direct select tool right here, little white arrow. And we're gonna go and get started doing this when I go ahead and select just this corner point right here on the outside and I want to hit my shift See keyboard shortcut to switch over to my convert anchor point tool that tools also nested appear in your toolbox underneath the pin tools. So let's go and grab that tool. I don't wanna pull out what's known as busy handles off of this anchor point. So I wanna pull those out from that point and let's go in and pull him out from this point. That's opposite that as well. And we're going to sort of create this our king shape near the top here. Now, I'm gonna go ahead and just pull these in just a little bit and create a little more gradual slope to that shape on. Do that on both sides Here on this is gonna change here in a moment. So I'm not too worried about how how perfect that slope is Now. At this point, I want to go ahead and come in and again switch order my direct select tool here. It's also the keyboard shortcut, eh? Just grab both of these inner points here. These inner anchor points by holding my shift key and clicking them both. And then let's just go ahead and pull those down just a little bit. Lost one of them. That's good. And pull those down and I'm holding my shift key so that they're pulling straight down there, Constrained to that that completely vertical motion here. There's gonna pull those down just a little bit here, and you can also use your arrows on your keyboard toe sort of nudge those down if you want. So go and do that and shift back to my convert anchor point tool. And if you, while having this tool selected, you can actually hold your control key on your keyboard to switch over to your direct select tool. So I'm just going to use that to de select my my object here and let's zoom in and just select one of these anchor points again. We're going to do the same thing and drag out our busy handles from this anchor point just like so, and repeat the process over on this second point here again, I'm gonna hold shift so I don't move out to the sides here. I'm gonna move it a completely vertical motion here. So we've got both of these sets of corners. The busy handles ____ out. Let's just go ahead and drag these in again, create a little more gradual slope here. And my goal here is to create sort of a a kn illustrative look with this television shape and give it sort of a thick and thin field. Maybe, but he wanted to be thinner, appear near the top and thicker over here at the corners. So let's go ahead and just focus on doing that now. And it's just d select. I'm using my direct select tool again here. Now, at this point, I'm actually going to go ahead and look again at these these points on the inside. I don't want to bring these in a little bit, just like we're going to create a fin area here and a thicker area here on the outside of the shape. We're going to do the same thing for the sides. It's gonna be thinner here at the at this vertical center of the side and a little thicker here near the corners just to give it the impression that it's sort of got that analog tube here in the center. So wanna go? Just grab this anchor point right here. Let's just drag it out just a little bit. Just like that, they can see here. There's another busy handle it right here. And I'm just gonna use that to sort of create that thick and thin field just like so. And let's do the same thing right over here. Just gonna grab that out and you just pull it out to the left just a little bit here. Now you may see me undo it times a lot of times I'll do that without thinking about it. So I'm just gonna go ahead and tell you now that if you see me undo something, I'm just using the keyboard shortcut control Z, and you'll also find that right here on your edit menu right here is Theo undo function. So just to let you know, if you ever see something get undone and I don't mention it, that's probably what I did. So just pull that busy handle out just like so. And we got those pretty pretty nice and even their Let's go ahead and focus in on this area here in the center. We want to create a thinner area. Now, with my direct select will, I can actually grab a path right in the center. If I've pulled out the busy A handles and I can go ahead and just move this path around, you can see here that my busy handles air automatically adjusting according to how I'm stretching that path, just like so, Undo that. And let's focus on getting the peak of this thing arc right in the center. And I'm using that little green guide right there created by my smart guides as sort of a basis for this. So go ahead and just do that. Let's just zoom out, take a look. Now, I think we're looking pretty good here. I'm gonna just zoom in again here, and I see that it's sort of flat here at the top. I'm gonna come in here, draw little marquis around that anchor point using my directs electoral and grab this handle right here. This busy, a handle. I'm gonna pull these over and create more of a slope to this. This incline on the outer curve of this top of the television set. Do that on both sides here, sort of evenly. Let's go ahead. And once I've done that, let's go and just grab this path and let's again sort of work to create that thick and thin feel here and using my smart guides, I'm gonna try and line that up to where we've got that that peak over that crest of this slope right in the center. So I think we're looking really good right now, and we're gonna hadn't completed really the top two corners of this television set. Go and show you a shortcut at this point to create the bottom two corners. So I want to go ahead and select my rectangle tool. It's your right here in your toolbox, and it's also the keyboard shortcut M. And I'm gonna just draw in a box right here on top of the frame that I've been working on and let me just line this up and I want this to be just sort of a division right along the middle of this television shape here. And so we're gonna go ahead and do that. Now let me just go and change the color of this just a little bit so that we can really get an idea which are with the stacking order. Looks like for these two elements. So we've got our shape here, and it's aligned pretty much in the center. I'm gonna move that down just a little bit and let's yeah, just like so at this point, I'm gonna take this shape, and I want to go over to my pathfinder palette, and you can find the Pathfinder palate by coming up to your window, drop down menu and choosing Pathfinder right here. And this little pal, it'll open up. Let's just move that right over here to the right. And I'm gonna just go and select both of these shapes using my selection tool. And when you use this second button right here under shape, Moz, this is the minus front button, and that's going to subtract that large rectangle. I drew right from that frame shape behind. Right now, at this point, I'm just gonna go and select this sort of this half of this television frame. I wanna hold down my vault key and mouse over and you'll see that too little arrows appear My cursor turns into those two little arrows while holding that all came on a drag down and just make a copy of this shape and then use my rotate arrow. If you see here, he mounts over the corner, it changes to a little rotate indicator, and I'm gonna hold down the shift key, and I'm gonna rotate that just to be exactly the opposite of the shape we currently have. So we're making basically the bottom half of this television set. We're just gonna go ahead and move that up into alignment here and let's just zoom out and get a better view of what we're doing. Just kind of nudge that up and get that to be sort of the right shape for this old, this old analog television. So maybe I went a little too far and come down a little bit using the arrow keys on, like on my keyboard here. I think that looks pretty good. So let's just go ahead and draw more key around both of these halves right here. Let's use our unite function right here in the Pathfinders. Well, we'll just go in and click that here and that's gonna combine these two shapes in tow. One object. So basically, we've duplicated the top half of this television set, and we have merged it with itself to create the bottom half. So let's go in just that this point, Let's just zoom in really nice and tight and spot Check this a little bit. Make sure that everything is looking exactly the way we want it to. So I'm just gonna come in and select from these anchor points right now and just make sure that everything looks as it should Make sure we don't have any weird, awkward indentations in her shape here. Uh, I think we're actually looking pretty good. So in this lesson, we have created sort of the basic analog television shape. In the next lesson, we're gonna go in, pick up where we're leaving off here and create some fun little antenna for the top of this television