Subscribe or Login to watch video

Login or Subscribe to watch video

34 - How to redraw the Kodak Logo in Adobe Illustrator CC


Questions & Comments

AHT JOHN - 6 months ago

Hi ! Dan This is my Project No 31 ! In this course! Hopefully You'll review My Work!{logo}

ALL ACCESS: $19.95 per Month + Cancel anytime   

Video Transcription

Hi there, in this video we're going to redraw the Kodak logo, the new one. It looks old. We're going to use the Shape Builder Tool, we're going to use the Corner Options, Eye Dropper Tool. It's going to be quick, it's going to be easy. Let's go and do it now in Adobe Illustrator.

To get started, let's go to 'File', 'Open’, and in your 'Exercise Files', there's a folder called 'Logo Exercise'. Open up '3 Kodak'. Kodak went through a rebrand last year, and they've gone back to kind of an old school style. We're going to draw that one. Just know that in your Layers Panel here I've got a layer called 'Background', that I've locked. That's what we're going to redraw over. Just make sure you're on the 'Redraw Layer'. Go up to 'Properties'. We're going to start with the rectangle. If you can't find it, it might be set as an Ellipse. Just hold any of those tools down, and hold with the mouse. Grab the 'Rectangle Tool'. Now I'm going to pick a Fill color of 'nothing' and a Stroke color of '1 pt', and 'black'. I'm going to start dragging down over here, roughly in the corner, and if you hold 'Shift' you get a perfect circle. That's not what we want from this logo. So I'm just letting go, I've got nothing held down. Getting it close.

Now if you want to resize it, those who didn't get it quite right, grab the 'Black Arrow', zoom in a little bit. Zooming is 'Command +'. And you can grab any of these sides here and just kind of readjust them, to get them close. Next thing we want to do is probably the corners around the outside. I'm going to gab one of them, 'Black Arrow', have it selected by clicking the edge, and these dots appear, these corner options. Watch this, just drag them into the center here until you get somewhere where it feels right. Nice!

Next thing we're going to do is this little slice out of here. I'm going to use-- there's lots of ways we could do it. I'm going to use the 'Pen Tool' and I'm going to start kind of randomly out here. I'm going to adjust these Anchor Points a little bit later on. I click once, kind of down here, kind of round it up. I'm going to overlap them, it's going to make it easier later on. I'm getting it close. And when you come back to the beginning here if you line them up, you'll see you get a little circle that appears, so it's going to complete this path. That's what we need.

Next thing I'd like to do is grab my 'White Arrow' and just make sure, under 'View' you've got Smart Guides with the tick next to it. If there's no tick, 'tick' it on. I'm going to zoom in quite a bit because what I'd like to do is I've clicked off in the background, I want to click on '1 pt' here. I'm going to move it out of the way, so I can see. Then drag it back in. What I'm looking to do is two things. I want to intersect with this line, you can kind of see, where it snaps to it, and I'd like to get it pretty close to where it should be. Same with this one, I've clicked it once, goes red. Then I'm going to move it out of the way, click over, move it back. I want to snap to the line, just to get it a bit close to where I need it to be. Now that went off the line and that's going to cause problems later on. I'm hitting 'Command-Shift-Y', no, just 'Command-Y' or 'Control Y' on a PC and that makes it a little clearer, if you look at it in Wireframe. 'Command Y' again. And I want to make sure that it's all snapped on to that Anchor Point. Snap off, and just make sure—

It kind of says it, see, it says, 'intersect', in small letters. Then 'Command Y' again, or 'Control Y', you can kind of double check for yourself. Same with this one. I'm going to make sure, you, intersect with the line, and you intersect the line. Now, I'm going to get it pretty close, right? Come back here. So now I've got them kind of roughly into position. Let's make sure they're identical at the top and the bottom. So I click off in the background I've got the Direct Selection Tool, the White Arrow. Click this one once, it goes red. Holding 'Shift', grab the second one, now they're both selected. To make sure they're perfectly aligned, there's an option here that says 'Align', and just make sure they're bang on. Same with you too, you, and you. So both of those two are red. Hit 'Align', and that should work.

These two guys need a little bit of tidying up so I'm going to click one of them. If I click one of them before I zoom in, 'Command +' on a Mac, or 'Control +' on a PC, it kind of zooms in to the right part. So I want to first of all make sure that they're pretty close so I've clicked on one. That looks pretty close to me. So does that one, looks okay. I want to make sure they're perfectly aligned. So the same trick as before. I'm going to select one, hold 'Shift', grab the other one and use this 'Vertical Align Center'. How are we looking? Zoom out. 'Command Y', just to make sure nothing's being kind of destroyed. It's all looking pretty good.

Now we want to slice these bits out. So we grab our 'Black Arrow', select everything. I'm going to use our handy dandy Shape Builder Tool, I love this thing. What it's going to do is, if I hold down the 'Option' key on a Mac, or the 'Alt' key on a PC, look what happens to the cursor. Can you see, it changes to a '-'. That's what I want, I want to drag it across there. Then across there. And it slices a nice big hole out of it. So, pretty close, let's grab the 'White Arrow' again. Click in this one. We're doing both of these at the same time, because they want to be symmetrical. So I 'Shift' click both of them. I'm going to zoom in a bit. I'm going to zoom in to be able to see how far they go in. Looking for that little kind of target that's just inside. And I'm going to zoom in now, that looks good to me.

This guy now, moving around, I'm holding 'space bar', clicking and dragging with my mouse. So I've got these both selected, I don't hold 'Shift', make sure I've got them both selected. Zoom in on one of them. Hold 'Shift' to move up. Here you go. And I'm going to just drag this one down. Drag it down. I feel like we got there, close. Let's fill it with the color. Zooming in, instead of out, click the 'Black Arrow'. I'm going to use the Eye Dropper Tool to select the red. And I would like-- pick 'No' Fill, which is Stroke, so you might have to turn it off. One is already off. Back to the 'Black Arrow', click in the background. Now we're nearly there.

Let's do the big colored box in the background. Move him around, 'space bar'. I should have drawn it better, but it's okay. Let's grab the Eye Dropper Tool, pick a color from that. And it's at the front so I want to go to 'Arrange', 'Send to Back'. Make sure it's selected first. There's one thing we haven't done. We've kind of ignored this text in here. So let's look at doing that. Like, I guess—it would be easy just to Google it, and figure out what font to use. Sometimes, bigger brands actually create, or make their own fonts, or they might just kind of take ownership of the font and change it around to suit their needs. They're probably playing on a font they had way back, when? I'm guessing this, I haven't actually checked.

What you can do is-- a nice little trick. This font here, if I do a screenshot of it I'm going to use something like TypeKit to figure out what the font is, but there's going to be a couple of quirks. Mainly because it's stacked on top of each other instead of traditionally, left to right. I'm using a screenshot, 'Command-Shift-4' on a Mac. On a PC, I think it's 'Print Screen'. Then it ends up somewhere. You'll have to double check for a PC. So I've taken a screenshot, and I'm going to open up that screenshot. I can't just dump it straight into TypeKit now to guess the font because it's stacked the way it is. So what I'm going to do is, in Photoshop I'm going to add that screenshot, and fix that up a little bit. I'm going to use Photoshop. Here we go.

First thing I want to do is, I'm going to grab my 'Crop Tool'. Select Photoshop, one on one. I'm going to drag it out, so I've got enough room. Hit 'return'. I would like to grab the 'Rectangle Marquee Tool'. And I want to grab this guy. Copy and paste him. Drag him off. Back to 'Rectangle Marquee Tool'. Copy and paste him. I'm going to make sure I go back to these layers here. Copy, paste. Move him around, so I'm moving him with the 'Move Tool'. I'm actually using short cuts, maybe they're too fast with the short cuts. Let's go the long way. So I've got my Rectangle Marquee Tool. I'm going to make sure my layers are here. Copy and paste. Back to the 'Move Tool'. That's the long version, we got the short cut version. 'M' for the Marquee. Click on this layer, copy, paste. So I've got the basics, right? I am going to make Rulers on, 'Command R' or 'Control R' on a PC. I'm going to zoom in. Same short cut as Illustrator, 'Command +', or 'Control +' on a PC. I'm going to align that up, and I'm going to try and—

So, 'Layer 1' I'm going to try and get them lined up, like it would be, side by side. I'll probably just Google this, probably a version of it is that way. I'm showing you what will happen potentially if-- not sure what I'm doing. Let's go, you, I'm using arrow keys just to tap it around when it gets close to being in the right spot. So that's cool.

Next thing I want to do is, I'm going to crop it with my 'Crop Tool'. And drag the corner up. Here we go. That will do. What I might do is fill in the background as well. I'm not sure if that hole will cause problems. So I'm going to make a new Layer, drag it to the bottom. I'm going to use the Eye Dropper Tool, which is there, I'm going to click on it. And with that new Layer selected, I'm going to go to 'Edit', 'Fill'. I'm going to say, use 'Foreground Color'. Nice! I'm going to save this is a JPEG. So 'File', 'Save As', I'm going to save it as a 'JPEG'. I'm going to stick it on my 'Desktop'. Don't really mind what it's called. Now I'm going to see if I can get it to work in TypeKit. I should have checked this first. It's a lot of work. I guess it's giving you some techniques.

So, there's my screenshot. I'm going to drag it into this box here, it's under 'typekit.com'. It's Adobe's kind of Font Management System. There's lots of free fonts on here. I'm filling while it's doing its work. Hopefully, some magic's going to happen. It's going to tell us what font it is. Pick a single line of text. If you've uploaded something with a couple you might have to just pick one. Then, it's trying to guess the characters, and it's done a pretty bad job. So I'm typing them in, kind of, to tell it what it is. This is not looking good. So I taught it what it is, and it's gone off and tried to find them. And, holy close.

The biggest giveaway is, you're looking for-- like the O is reasonably distinctive. It's the K, can you see here, there's no, like-- see this one here, has like a big bridge, before the K starts. This one kind of goes in, they're symmetrical top and bottom. So that's what I'm looking for. I'm looking for a symmetrical K. It's kind of like this. Then you see, the A is quite different so I think we might not be able to do this one. Like it's being a customized font or, I just haven't done it right. What I should do now, is probably just go out and hit 'Google'. "What font did Kodak use in its 2017 rebrand?" And it gives that. All right, that is-- let's go back into Illustrator, see our handiwork. Well, our partial handiwork. Where is he? There he goes there. Awesome! Now there are 10 million ways of doing that. That was the way I thought was the most efficient but you might find another way. Happy illustrating, check out the other logos redraws. And I will see you in the next video.

ALL ACCESS: $19.95 per Month + Cancel anytime