32. How to Redraw the MasterCard Logo in Adobe Illustrator CC
Hi there in this video, we're going to redraw the mastercard logo. It's been redesigned new for and we're gonna redraw it here in adobe illustrator, it's pretty easy one to do. The reason we're doing it is we're going to practice the skills we learned in our illustrator essentials course. Okay, so let's get to work building it now. Alright to get started. There is a file that we can draw from. Its in file open and it's in your exercise files called logo exercise open that one up. And just so you know, I've got a background layer that I've got the things we're going to redraw locked. Okay, make sure you're on this drawer layer with it selected and then back to properties. Alright. We're gonna start with a simple ellipse. If you can't find the ellipse tool, it's underneath the rectangle tool. Hold, hold, hold, grab the ellipse tool. I'm going to give it no Phil I'm going to click on the fill and I'm going to go. Red stroke means no film stroke is set to black and it's one point which is...
perfect. Now I'm gonna drag out a circle. Remember if I hold down shift while you drag out a circle. Okay? I get a perfect circle? I'm gonna get it somewhere close. That's pretty good actually, if you get it wrong, use your black arrow to move it around. You can't drag the center, you can drag either the line or this dot in the middle up to you. Okay? If you need to resize it. Okay, so it needs a little change. Mine was pretty good actually you can hold shift and grab any of these corner handles. All right, that's gonna be my first circle. I'm going to copy and paste it, but I'm going to use some of our shortcuts. Okay? So I'm gonna hold down the option key on a mac or the old key on a pc to drag a copy out. Okay? That drags a copy. If I'm holding bolt on a PC or option in Mac and holding shift down it goes in a straight line. That makes a copy easy. Okay? So I'm gonna select both of things and we're going to use our we're gonna use a tool called the shape builder tool. Well there's a few ways of making all of these logos. Okay, this is what I consider one of the faster ones. So shape builder tool. And what I'm gonna do is I'm gonna pick a field color. I'm not worried about the brain colors just yet. I'm gonna go you you and you just clicking in here and this middle color here, I'm going to just pick another random color. And the reason is we can't steal colors whilst using the shape builder tool. We have to do it afterwards. So with that D selected I got my black arrow clicked in the background, select these guys. I don't want any stroke or on the outside now. So the stroke is now going to be straight line and now I'm going to color it. These are all separate pieces now, thanks to the shape builder tool. So with this first shape selected, I'm going to use the eyedropper tool. Okay. And I'm going to steal the red then I'm going to grab my black arrow in the center bit. I drop a tool, the metal bits and we're getting there right, pretty much done. I gotta tow grabbed this bit, awesome. We're not going to redraw the text because that would take forever and I'm gonna show you a cool little trick is if you're trying to find a font. Okay, I've put it over here for us. We're gonna totally cheat. Okay, so I pulled this um, it's the wrong size. Okay, so I'm just going to scale it down to get it to be the right size. Yeah, we're getting there using the arrow keys to move it around. That'll do now. What's going to happen is if I move it down here and you're like, I wonder what font that is. I'm going to take a screenshot with my mac. It's command shift four and get this little target and I can draw a box around it. If you're on a pc, I think it's print screen and then do something else with it. I'm not sure on a pc exactly, but on a Mac, it ends up on your desktop and what you can do is, you can open type kit dot com. Okay, Which is adobes font licensing place and what you can do, it says you can drag a font dragon Imogen here to scan. So I've got a screenshot there, there's no way of me knowing what the font is, but here's my screenshot. I'm going to drag it in this little thing. Does its magic. Cool. And it says, is that the text you mean? I say, yep, that's it. Then it says confirm the text, it's trying to re read it for you and it says it's the word Mastercard. I'm like you got it right, You might have to adjust it And then you click the next one. View results and down here looking for the front that matches. So lots of them are very close. Probably the easiest option. Is that a Okay. Most fonts don't use this kind of more handwritten. A so you're looking for that a down here and I feel like that's pretty close. Right? Okay, so a boreal. I should go and check again. But yeah, it's a good, it's not exactly, it's pretty close. You might have to go through and figure out which one it is. If it says sync, it's part of your creative client license and you can download it for free. Just click on that and it downloads these other ones are not part of it. Um, Adobe just reaches out and says, hey, we don't have it for free, but you can go buy it this way. Cool. Alright. That is how to redraw the Mastercard logo using a few shapes, the shape, builder tool and the eyedropper tool.