Lessons

Lesson Info

How to Redraw the eHarmony Logo in Adobe Illustrator CC

Hi there in this video, we're going to redraw the new E Harmony logo. Okay, and we're going to learn a couple of ways of doing it, we're going to use the curvature tool for one and then we'll go off and use kind of more symmetry and actual shapes to build it. We'll use the shape builder and the eyedropper tool and will be awesome. Alright, let's go and do it now in adobe illustrator. Alright, so let's open up in our exercise files under logo. Redraw folder, there's one called number four and then it's called the Harmony. Okay, first thing I wanted, there's gonna be a couple of ways we can do this. I'll show you to it's probably 10. Let's go for just physically redrawing it. We're going to use the curvature tool instead of the pen tool because it's pretty good for perfect roundy things like this, I'm gonna zoom in. I'm using command plus my keyboard space bar to kind of move around command plus on a pc. It's control plus. Cool. So uh the crash course for the curvature to if you've forgo...

tten click once click once click once you get curves, all sorts of cool curves. If you double click and double click and double click, you get corners. Let's grab the curvature tool again, this is a corner because it goes in and changes its like a change of direction. So double click. Okay, over here, I click once for a corner. Okay. And when I say not until I kind of like start, but I'm not dragging and just moving my mouse out that it starts doing its lovely curve. Okay here again, this is not a corner, okay, it's this kind of the start of the straight here, so double click and double click and double click and it's just here the kind of apex of this curve here that I want to click once for a corner back to here, this is the corner again, remember? So double click next, we go back, just click it once, listen to me. Okay, so and that is using the curvature tool, curvature tool is pretty handy for, especially things that need to be like really perfect pen tool if you ever play with it, that's a tough one to do that now to slice this stuff through, we're just going to use the line segment tool and this is where it gets a little bit, just kind of hacky. So we'll show you a second, weigh in a bit. So with the line tool, fire, draw a line, It goes anywhere, okay? But if I hold shift while dragging it, I get it in perfect angles okay and in this case I want this one which is 45°. So I'm dragging this nice and long, grab my black arrow, I'm gonna line it up and you my friend line up there and this one here, I'm going to copy and paste it, I'm gonna grab you, get you to line up now what I can do is I'm gonna move it down there, I'm gonna grab this part of it and try and get it to snap to that point. Okay? Now, if yours is not snapping, just check that you've got a view and you've got smart guides on. I'm going to stick both of these copy and paste it. Actually what I'll do, you could rotate it now, right, holding shift because remember it rotates in perfect circles and I could just grab this line, try and get to bang up against that one. Okay, not bad. Um so another way you could do it though. I just want to show you is with it selected. I can go to object and go to reflect. Okay. And vertical turn preview on and make a copy. Okay, So instead of okay, which will just reflect that one across. I want to make a copy at the same time. Either way, The 2nd 1 was the longer way. All right, so there's my kind of rough guy now I need to get the color segments. So I've got it all selected with my black arrow. Now we're going to go to my super duper favorite tool, the shape builder tool and I need to do a couple of things. One is let's trim off these lines, so hold down the option key on a Mac or the old key on a Pc and just drag through them, clicking, holding and draining. Next I want to color these segments because at the moment if I leave these, they're actually still kind of weird shapes. They're not kind of sliced up yet to slice them up. I've got them all selected with my black arrow shape builder. I'm gonna pick a field color, any field color. We're gonna change this in a second, click off. And if I click on this guy, this guy, this guy, this guy just alternating patterns, I'm gonna pick another fill. U yep. Now watch this. They should all be separate segments. Okay. And now I can go through and recover them and what I'll first do is select them, grab the stroke, say no stroke buddy, zoom out so I can see my colors at the top here and use my eyedropper tool to select the colors. So I'm gonna select this first chunk and I drove a tool and click the middle. Okay, black arrow, this one Roberto, this one now 11. Okay, shortcuts, wiki is the move tool. Okay. Which we just use click on this eyes eyedropper tool. Okay. The key. Look how impressed you are with my shortcuts. I'm trying to go real fast. Mm hmm. It's taking forever dan, come on to impress the people. Alright, we're getting there. Cool. So there's one way of doing the heart right? And let's look at a second way because maybe you're looking for like perfect geometry. Now first up we're gonna start with the rectangle tool, we're gonna draw out a rough rectangle size. Also going to grab the line segment tool here and just click, hold and drag. Now remember if I hold shift and then comes a straight line. Now select both of these guys and go to align vertical, horizontal, I can never remember horizontal. Okay, and so I've got this. Now, the next thing I want to do is I want to rotate this around, I could use my controls over here, but I'm just kind of hover just out here with my black arrow, hold shift, start dragging and it should lock it into the kind of ratio that I need. Now I'm going to kind of move it around this sort of way. Now if yours is the wrong size mind is magically was the right size. Okay, click on just this and you can adjust the sides here pretty easily if you have them both selected and try to adjust the sides. It kind of does weird stuff, so have it off, go in here and adjust it to be perfect if yours is jumping around like mine trying to snap the things you might want to turn view smart guides off for a second and turn it back on. I'm happy with that. Next I want to do is make this rounded corner curve at the top here and it's using these little dots. Now, if you drag one of them. Okay, black arrow just got the rectangle selected. It does both sides which might work for me. I can just slide it down. Okay, what you can do is you can grab the white arrow, click this guy and hold shift and grab that one and just do these two at the top here. Up to you. I'm going to slide it down because it's 45°. It's really easy. I just start dragging it okay? And if I hold shift, just kind of slides it down at 45° angle. Line it up. Either which way. Okay. And yeah, that's gonna be the basics of it. We're going to select this one. Um we're gonna copy it and we did reflect before. Let's just rotate this one. You got a copy it first. So go to edit and go to copy and then there's one in here. It says paste in place now, I've just got two copies right over top of each other. Okay, And I want to this top one to be rotated over now. I'm gonna just using my arrow key. Okay, just to kind of tap it around to get it kind of looking like it should we're kind of back to that exact same first spot. So I'm going to run through it now. But yeah, we're up to the same spot where we go into our magical shape builder tool. Bye bye bye. I'm holding an okie, I'm going to ultimately fill these guys with green just so they're all sliced up. Okay. Actually, I don't need to go and fill the other ones up I don't think because they should all be several pieces they are great. Select them all black Arrow. I'm going to go to the stroke stroke please. And let's go to actually it's a little bit hard with no stroke. Okay because these guys don't have a fill so select the edge of them if you followed me or just give them a fill. Okay? And and I'm going to steal the colors from this because it's easy to remember. The I on your keyboard is for the eyedropper, the V. For the move tool or the selection tool. And I'm just going to go around wiki the selected I. K. Rob. Color wiki selected. Come on. Can't select it because it's got no edge definitely color it co I key selected wiki selected I tool. Select the colors. Don't listen to me. I'm rambling you alright you have any Now let's look at the text here. Okay. Um we're not gonna redraw it with the mental what we're going to draw is we're gonna zoom in on an example of it. Okay that we're using as a demo. I'm gonna do a screenshot Command shift four on a Mac or print screen on APC. What I'm looking for is I'm going to go to type kit. Okay. Dot com and I'm going to try and find that shortcut screenshot on a Mac. It ends up on your desktop pc. I'm really not too sure where it goes. You might have to Check with your screenshots end up and so I'm going to drag this in and hopefully type gets going to find it. What I probably should do is Google um what the harmony uses is their new font. Okay, so this is a new logo redesign for them for 2017 and yep, it's picked a single line of text. Thank you very much. I need to confirm the text. I've guessed it perfectly if it's wrong, you just type it in now. It's looking for the font. Okay. And looks pretty close. The big one here is the A Ok, you see here some fonts actually have within their font. Two versions of the A So be careful there. You might think it's not the right font, but it is. And you just got to go into the glyphs panel in Photoshop. Now, what? Probably the biggest giveaway is this little slice here and this a He has got a bit of an accent here. That might be something that the logo designers have done intentionally. Okay. Taking a font like this and then gone and adjusted it. So, I made the font size bigger. You saw there just so I can go down scrolling. I'm looking for the A first of all because that's the dead giveaway and none of those ones because now I'm looking at the e It's one of those ones either. Mm hmm. Okay. You get what the process is here. If it says sync, which is awesome, it means it's free. It's part of um part of type kit and part of your subscription. If it says pay, it's one of the paid fonts. Alright, let's jump back into illustrator. Let's look at our handiwork one handiwork one handiwork. This is probably more accurate. This one here was a little bit of a guess. Okay. But they both came out pretty good. Alright. I hope you learned some stuff. And let's get on to the next video course in adobe illustrator.