Hey YouTube, this is a free extract...
from my larger Illustrator course called Illustrator Essentials.
You can check it out on bringyourownlaptop.com
If you want to follow along with this video...
there's exercise files, those are free to download.
You can go and download those...
there'll be a link in the description, so you can play along.
One last thing is there's a cheat sheet as well.
So there is a PDF you can download from bringyourownlaptop.com
Look for Resources, it's a free PDF...
you can download it, print it up...
stick it next to your computer while you're doing these videos.
All right, enjoy the video; bye now.
Hi there, in this video we're going to...
redraw the Kodak logo, the new one, looks old.
We're going to draw, we're going to use the Shape Builder tool.
We're going to use the corner options, Eyedropper 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', let's go to '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 kinda like an old-school style...
and we're going to redraw that one.
Now just know that in your Layers panel here...
I've got a layer called Background, that I've locked...
and that's what we're going to redraw over.
Just make sure you're on the Redraw layer, go back 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, hold, hold with the mouse, grab the 'Rectangle tool'.
Now I'm going to pick a Fill Color of nothing, and a Stroke of 1 pt...
and Black...
and I'm just going to start dragging down over here, just roughly in the corner.
If you hold shift you get a perfect circle...
it's not what we want from this logo.
So I'm just letting go, got nothing held down, getting it close.
If we want to resize it in case we 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.
Grab one of them, black arrow, I 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 something that feels right.
Nice.
Next thing we're going to do is this, like 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.
I'm going to start kind of randomly out here.
We're going to adjust these key, sorry, anchor points a little bit later on.
I click once kind of down here, try and line it up.
I'm going to overlap them, just going to make it easier later on.
I'm getting it close, close...
and when you come back to the beginning here...
if you line them up you'll see, you get this little circle that appears...
says, I'm 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 your Smart Guides with a little 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 one point here...
and I want to-- I'm going to move it out the way so I can see, and then...
drag it back in, what I'm looking to do is two things.
I want it to intersect with this line...
you can kind of see where this snaps to it...
and I like to get it pretty close to where it should be.
Same with this one, I've clicked that once, goes red...
and then I'm going to move it out of the way, let go of it, move it back...
and I want it to snap to the line...
just to get it to be close to where I need it to be.
Now that went off the line, that's going to cause problems later on.
I'm hitting 'Command-Shift-Y', no, just 'Command Y', or 'Ctrl Y' on a PC.
That gives it-- makes it a little clearer, you look at it in Wireframe.
It's 'Command Y' again...
and I want to make sure that it's all kind of snapped on to the anchor point.
Snap off, and just make sure...
it kind of says, see, it says, intersect...
small little letters...
and then 'Command Y' again, or 'Ctrl Y', you can kind of double check for yourself.
Same with this one, I'm going to make sure, you, my friend, intersect with the line...
and you intersect with the line...
but--
Now I'm going to get it pretty close.
Come back here.
So now I've got them kind of roughly in the position.
Let's make sure they're identical at the top or the bottom.
So click off in the background...
I've got my direct selection tool, the white arrow...
click this one once, goes red.
Hold 'Shift', grab the second one, now they're both selected.
To make sure they're perfectly aligned...
there's an option over here that says Align.
Just make sure they're bang on.
Same with you two, 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 'Ctrl +' on a PC...
it kind of zooms in to the right part.
So I want to first of all make sure that they are pretty close.
I've clicked on one, and that looks pretty close to me.
So does that one, looks okay-ish.
So I want to make sure they're perfectly aligned.
So the same trick as before, I'm going to select one...
hold 'Shift' to grab the other one, and use this 'Vertical Align Center'.
How are we looking? Zoom out.
'Command Y', just make sure nothing is kind of being destroyed.
It's all looking pretty good.
Now we want to slice these bits out.
So we grab our black arrow, select everything...
and we're going to use our handy dandy Shape Builder tool, love this thing.
What it's going to do is, if I hold down the 'Option' key on a Mac...
or an 'Alt' key on a PC, look what happens to the cursor.
Can you see, it changes to a minus, ' - '...
that's what I want, I want to drag across there...
and then across there, and it slices a nice big hole out of it.
So we're pretty close, let's grab the white arrow again.
Click in this one.
We'll do both of these at the same time because they want to be symmetrical...
so I 'Shift' click both of them, I'll zoom in a bit...
I'm going to zoom in to be able to see how far to go in.
Looking for that little kind of target that's just inside...
and I'm going to zoom him out, that looks good to me.
This guy...
now moving around, I'm holding spacebar, clicking and dragging with my mouse.
So I've got these both selected, I don't...
hold 'Shift', make sure you got them both selected, zoom in on one of them...
'Shift' to move up, here you go...
and I'm going to drag this one down...
drag it down, yeah, I feel like we got there close.
Let's fill it with the color.
Zooming in instead of out.
With the black arrow I'm going to use the Eyedropper tool to select the red...
and I would like-- pick no Fill, which is Stroke...
so you might have to turn that off, mine's already off.
Back to the black arrow, click in the background.
Now we're nearly there, right?
Let's do the big colored box in the background.
Whoa, hopping around, 'spacebar'.
I should have drawn it better, but it's okay.
Let's grab the Eyedropper tool, the 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 was 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, finding up the font...
it'd be easy just to Google it and figure out what font they used.
Sometimes, bigger brands actually create...
or make their own fonts, or they might just kind of like 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 kind of left to right.
So I'm using a screenshot...
'Command-Shift-4' on a Mac, on a PC I think it's 'Print Screen'...
and then you-- 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 it up a little bit, whereas Photoshop...
here we go.
First thing I want to do is I'm going to grab my 'Crop tool'...
it's like Photoshop 101.
I'm going to drag it out so I've got enough room, hit 'Return'.
I would like to grab my Rectangle Marquee tool... ====
and I want to grab this guy.
Copy and paste him, drag him off.
Back to my Rectangle Marquee tool, copy and paste him.
Going to make sure I go back to this Layer 0, copy, paste.
Move him around, so I'm moving him with the Move tool.
I'm actually using shortcuts...
maybe bit too fast with the shortcuts, let's go the long way.
So I've got my Rectangle Marquee tool.
I'm going to make sure I'm on Layer 0, copy and paste.
Back to the Move tool.
That's the long version...
I'm going to go for the short cut version, 'M' for the Marquee.
Click on this layer, copy, paste.
So I've got the basics, right?
I'm going to my rulers on, it's 'Command R'...
or 'Ctrl R' on a PC, and I'm going to zoom in.
Same shortcut as Illustrator...
'Command +' or 'Ctrl +' on a PC.
I'm going to line that up, I'm going to try and--
So Layer 1, here you are.
I try and get them lined up like it would be side-by-side.
I should probably just Google this, probably a version of it that's that way.
I'm showing you what would happen potentially if-- just trying out.
Watch what I'm doing.
Let's go you.
I'm using my arrow keys just to tap it around...
when it gets close to being in the right spot.
That's cool.
Next thing I want to do is I am going to crop it with my Crop tool...
and drag the corner up.
Here you go.
That will do.
What I might do is fill in the background as well.
I'm not sure if that hole would cause problems.
So I'm going to make a new layer, drag it to the bottom.
I'm going to use my Eyedropper tool...
which is there, I'm going to click on it...
and with that new layer selected I'm going to go to 'Edit'...
and I'm going to go to 'Fill', I'm going to say use 'Foreground Color'.
Nice.
I'm going to save this as 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 technique, so there's my screenshot.
I'm going to drag it into this little box here, so I'm at 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 is 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 told it what it is, and it's gone off and tried to find them...
and we're 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.
Seriously, A is quite different so...
I think we might not be able to do this one.
Either doesn't-- it's not a-- like it's been customized font...
or I just haven't done it right.
What I should do now is probably just go out and pick Google.
"What font did Kodak use in it's 2017 rebrand?"..
and I'd use 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 that I thought was the most efficient...
but you might find another way.
Yeah, happy Illustrating, check out the other logo redraws...
and I will see you in the next video.
Hi, what did you think of the video?
If you enjoyed it give me a thumbs up, and consider subscribing.
Also leave me a comment, let me know what you liked about it.
Also, this is kind of a short part of a longer course.
If you want to check that out, it's at bringyourownlaptop.com
This is the essentials course.
There is also another course...
there is an Advanced course for Illustrator...
and also a UI Web App Design version of Illustrator course as well...
check all those out.
Also, it's quite a visual course , I'd love to see what you've actually made.
On Instagram I am bringyourownlaptop...
check that out.
Also remember, there's a cheat sheet you can download.
bringyourownlaptop, it's free...
under Resources, check all that out...
and yeah, I'll see you in another video, bye now.