Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
FREELessons:20Length:3.3 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

2.5 Exercise: Draw a Custom Logo

Hi there. In this tutorial we are going to turn this pile of lines into this M that looks like it's kinda wrapping around on itself. We're gonna use our shape builder tool again, but we're gonna learn other tricks and tips for it so you can continue your mastery of Illustrator. Let's jump in and get started. All right to get started with this one, just gonna go to File and we're gonna go to a brand new document. So File New as defaulted to my recent items, if yours hasn't go to Print, go to US later, or A4, I'm gonna pick landscape just cuz, and down here under Advanced Options I'm going to switch it up to IGB. Okay, let's click Create. Then Save it, so File, Save, as I was using my shortcut there, File Save is Command S on a Mac, Ctrl S on a PC. And on my Desktop, I've got my class files, man, how efficient are we? This is gonna be my M logo, and often when I'm working on things, anything in Illustrator I'll put a v1 at the end, and a v2, and a v3 when I'm kinda doing updates. Never call it just logo cuz then you have to come up with something else for your number two. And it might be two or you might put in, never put in final. Final's the kiss of death, cuz then you have to come up with final-2, and final-revisited, clever names. So I find that v1, v2, v3 works just fine. Some people like to put the date at the end, up to you. MyLogov1, sounds good to me. Click Save. Never have to change this. Just click OK. And to center my document, Command-0 on my keyboard. Okay, just get it right in the middle. If you're on a PC, it's Ctrl 0. All right, so I'm gonna draw my logo using straight lines, okay? And we're gonna use the Shape Builder to kind of delete the bits we don't. Good project to see how useful the Shape Builder tool is, creating just more, stranger shapes. So we're gonna use a line segment tool, I'm gonna draw all out of lines. And I want a straight line up and down. I'll click and drag though, remember it goes any which way I drag it. But what key could I hold down on my keyboard to get to go straight? If you guess it, Shift key. Okay, if I hold down the Shift key, it locks it into 45 degree increments, and I just want it to be straight up and down. Okay, so I'm gonna drag it down, how long, everyone's M is gonna look a little different. I'm just gonna free hand it. So I want two of these little lines. So with my black arrow, I'm gonna go to Edit > Copy, Edit > Paste. So I had it selected, Edit > Copy, Edit > Paste. Grab the center, drag it along and it should just try and line up. If it doesn't try and line up, just make sure you're under View, your Smart Guides is turned on, should be a little tick next to it. If it's not, give it a click, and you should start working. So let's group these two, okay, Object, let's Group them. Cuz I wanna, with them selected, go to Copy, go to Paste, so I've got a second set. I'm gonna draw the inner part of the M, okay, at an angle. And remember, just using my black arrow, some vaguely outside of the corner we get the little bent arrow. Click and drag it until you feel you've got the angle right. And there's no right, I'm just kind of drawing something. Also make sure that they overlap quite a bit, why? Because we gonna kinda get them overlap and use our trick that we used when we did the shadows, to kind of fill in things and snip off the lines we don't need. So if they're not quite long enough you can just drag the ends like this to make them a little bit longer. What we'll also do is we'll group these two together, cuz what we're gonna do now is instead of trying to get the right angle on the other side is we're just gonna reflect this one across. So what we're gonna do is select them both, let's group them just to make it easier on ourselves. And then go up to Object, and there's one in here called, so Object, Transform, there's one in here called Reflect. Now weirdly, your trainer, your preview's not going to be on. Okay, this is weird. Horizontal, vertical, picking an angle, it doesn't matter, it's not gonna show up over here. So what you need to do is turn on Preview, so that if you're like me and you're \vertical, horizontal, there's even a little handy icon there. Thank you. Okay, if I click OK now, the trouble with it is that it's kinda deleted my original and reflected it across. That's what this little copy button here means. It means that I can make a copy of it and flip it, leaving the original there. Let's just click the button then and see what it does. So there you go. You've got your original areas there, and the new one. If you'd just click OK you'd only have this fellow left. So what I'd like to do is kinda line them up roughly. So they look like an M. Don't worry too much about it, what kind of M you have, I'm trying to visualize the M in those sticks. What I wanna do though is make sure that they're aligned cuz the moment this one hangs down lower than this one. So I'm gonna select both of them and I'm gonna say, it's arranged, it doesn't really matter which one, but it needs to be vertically. Here you go. So at least all the way down the bottom they're together. Okay, next thing we wanna do is zoom in a little bit. Maybe use lines to kinda cap these ends off, so I'm gonna use my line tool, no fill, black stroke, maybe use one point. And what I'm gonna do is, watch this, if I hover above this, okay, line, you can see this where it says path. Path is the name that illustrators, it's the nerdy name for a line, okay? So Illustrator will call it paths. The cool thing about it is see this where it gets up to here where these two lines join? It says intersect. This means do you wanna draw something that intersects these two lines? I'm like, [INAUDIBLE] yeah, that's awesome. Thank you illustrator. I wanna click, hold and drag it, and what you wanna notice is that, what's the handy shortcut I can make it to go straight? That's right, Shift, and I find with using this tool it's always better to go past where you need it. It's easy to trim off, but sometimes it can be a little bad if you don't get it quite banged in there perfectly. I find just going past where you need it to be is a lot better. Same thing over here, click and drag all the way through. What I might do for this one here is click hold and just drag through than I need it. It gives me a better result. Some of these bottom ones I'm gonna click hold and drag across all of these, all the way through, and now we're gonna use our super fancy Shape Builder tool to trim off all the stuff we don't need. So black arrow, draw a box around it all, make sure you've got it all selected, gonna grab our Shape Builder tool, and we're gonna start deleting things. To delete things, remember, what key do you hold down? That's right, Options Mac, O PC. And click and drag through all of this stuff. Sometimes you need to do it twice, just cuz, okay, drag though it all. Click in and drag it through, you can just click them once, click them again. [LAUGH] Sometimes, you get to click when you don't. There's some stuff in here I want to drag past, get rid of you. Get rid of you, get rid of you. Click through all of that, through all of that. Here we go, I've kind of trimmed it up to something that looks a little bit nicer, at least more like an M. Now I want to kind of make it so that this bit goes all the way and it joins it across, so remember you don't have to hold anything down to join them up. So I'm gonna click and drag across all three of these to make it one unit, and I"m gonna drag these two to kinda give this like folded origami M type thing. Probably the most overused [LAUGH] printing thing in the world, folded M shaped papers stuff. That's all right, I'm sure if you Google it you'll find 100 logos that look like this. But what I hope you got out of that is showing you how you can create something out of nothing just using simple lines. It doesn't have to be complete shapes or rounded corners. You can just draw a pile of sticks, you can hand draw with your pencil tool which we'll do in an upcoming video. Then tidy it up with the Shape Builder tool. So you can move on now, all I'm going to do is I'm gonna color it, okay, and what you'll notice that, can you see this is actually separate parts now? It's not actually a full unit, so I'm gonna select it all and color it using my Shape Builder tool. I go on about the Shape Builder tool being my favorite, it's because I've taught Illustrator for years and years, maybe, I don't even know. 15 years, and up until Shape Builder tool got made, man, it was hard teaching people Illustrator. But it's easier now. Anyway, so I've got it all selected on my back arrow, I've shifted to my Shape Builder tool, and what I'm gonna do is I'm gonna pick a Fill color. I'm gonna say I want, I mean I'm just gonna work with black and white. We'll deal with color a little bit nicer later on in the course, so hang out for that. And I'll pick a darkish color to do that one and maybe and that one, we'll work it out. [LAUGH] Winging this, we just slightly lighter gray for this one, and even a lighter gray for this one, even lighter, come on, Dan And this last one here will be, I don't know, dark or a bit lighter. [LAUGH] I want to use color, but we're segmenting these out so we're not overwhelming everyone. Glorious. One thing I might do is can you see these little guys point out in the corners here? I'm gonna get rid of my strokes completely, we'll covered a bit more when we do lines. But I'm just gonna delete them so Strokes, it gonna be none. So I've just got kind of a full color. Whenever you're presenting a logo, I always find, I don't know why, it might just be me. And you draw a giant rectangle in the background because what I like to present on is a darker kinda gray. Logos are cool, maybe we get to use them in this dark gray, but they always look nice, presented against a nice solid gray. So my black arrow, I got it selected, I'm gonna say arrange into back. And I pick the same gray to that. [LAUGH] See my friend, needed different gray, darker? Yeah, look at that. How good is that M? All right, that is gonna be us [LAUGH] I hope you enjoyed it. I enjoyed making it. I too want you to enjoy the [LAUGH] joys of drawing lines. You've probably done the M with me. I would like you to pick another letter. Try not to pick anything that has a roundy part, because we just draw it with lines so pick a letter then can be drawn with straight lines. And I'd love to see what you do. Try your first name or your last name, whatever the first initial is or the last initial is. Mine's Dan Scott so it's terrible. Ds and Ss are not good for this tutorial. So my middle name is W, for Walter, so I can just turn this upside down I guess. But I want you to practice drawing a different letter, an E or an F or an L, something that has straight lines, and I'd love to see what you did. Remember on Twitter we are @danlovesadobe, and make sure you tag @TutsPlus as well. It's @TutsPlus, those are both for Twitter. If you're more of an Instagram person, tag me in it. I am @bringyourownlaptop. All right, let's get onto the next video where we, instead of using simple shapes to make illustrations, we're gonna use something called the Curvature Tool to draw our own custom stuff. There'll be curves involved. All right, let's jump into it now.

Back to the top
Course source files