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 new eharmony logo.
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 we'll be awesome.
All right, let's go and do it now in Adobe Illustrator.
So let's open up, in our Exercise Files...
under 'Logo Redraw' folder there's one called '4 eharmony'.
First thing I want to-- there's going to be a couple of ways we can do this.
I'll show you two, there'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 round things like this.
I'm going to zoom in, I'm using 'Command +' on my keyboard.
Spacebar to kind of move around, 'Command +', on a PC it's 'Ctrl +'.
The crash course for the Curvature tool if you've forgotten...
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, change the direction, so double click.
Over here, I click once for a corner...
and when I-- so not until I flag start--
I'm not dragging, just moving my mouse out that it starts doing it's lovely curve.
Here again, this is not a corner.
Kind of the start of the straight here, so I'm going to double click...
and double click, and double click.
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 a corner again, remember, so double click.
Actually, go back, just click it once.
That works for me.
So that is using the Curvature Tool.
Curvature tool is pretty handy for...
yeah, especially things that need to be like really perfect.
Pen tool, if you ever play with it, it'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 way in a bit.
So with the Line Tool if I draw a line it goes anywhere...
but if I hold 'Shift' while I'm dragging it I get it in perfect angles...
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 going to line it up, you my friend, line up there.
This one here, I'm going to copy and paste it.
I'm going to grab you, and get you to line up.
Now what I can do is I'm going to move it down there...
I'm going to grab this part of it and try and get it to snap to that point.
Now if yours is not snapping just check that you've got '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 is, you could rotate it now, holding 'Shift'...
because remember, it rotates in perfect circles...
and I could just grab this line, try and get it to bang up against that one.
Not bad.
Another way you could do it though, just want to show you, is...
with it selected I can go to 'Object', and go to 'Reflect'...
and 'Vertical', turn 'Preview' on, and make a 'Copy'.
So instead of 'OK', which will just reflect that one across...
I want to make a copy at the same time, either way.
The second way was the longer way.
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 turn off these lines.
So hold down the 'Option' key on a Mac...
or the 'Alt' key on a PC, and just drag through them.
Clicking, holding, and dragging.
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.
Just slice them up, I've got them all selected with my black arrow...
'Shape Builder', I'm going to pick a 'Fill' color...
any fill color, we're going to 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 going to put in another 'Fill'...
you, you, you, you.
Now, watch this, they should all be separate segments...
and now I can go through and recolor them.
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.
I'm going to use my 'Eyedropper tool' to select the colors...
so I'm going to take this first chunk...
and 'Eyedropper tool', and click the middle.
Black arrow, this one, 'Eyedropper tool', this one.
Shortcuts, V key is the Move tool...
which we just used, click on this, I is the Eyedropper tool.
V key.
Look how impressed you are with my shortcuts.
I'm trying to go real fast.
It's taking forever, Dan, come on.
Trying to impress the people.
We're getting there.
So that's one way of doing the heart, right?
Let's look at a second way...
because maybe you're looking for like perfect geometry.
Now first up we're going to start with the Rectangle tool.
We're going to draw out a rough rectangle size.
We're also going to grab the Line Segment tool here...
and just click, hold, and drag.
Now remember, if I hold 'Shift', then comes a straight line.
I'm going to select both of these guys, and going to align...
vertical, horizontal, I can never remember; horizontal.
So I've got this.
Now next thing I want to do is I want to rotate this around.
I could use my controls over here.
I'm just going to 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 - mine just magically was the right size.
- click on just this, 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 to 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 curve at the top here...
and it's using these little dots, now if you drag one of them...
black arrow, just got the rectangle selected, does both sides...
which might work for me, I just slide it down.
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, and if I hold 'Shift'...
just kind of slides it down at 45° angle.
Line it up either which way...
and yeah, that's going to be the basics of it...
we're going to select this one...
and we're going to copy it.
We did Reflect before, let's just rotate this one.
You got to copy it first, so go to 'Edit', and go to 'Copy'.
There's one in here that says Paste in Place.
Now I've just got two copies right over the top of each other...
and I want this top one to be rotated over.
Now I'm going to-- just using my arrow key...
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 on to the 'Alt' key...
I'm going to kind of alternately fill these guys with green...
just so they're all sliced up.
Actually, I don't need to go and fill the other ones up, I don't think...
because they should all be separate pieces; they are.
Great, select them all, black arrow.
I'm going to go to the Stroke, no stroke, please...
and let's go to--
Actually, it's a little bit hard with no Stroke...
because these guys don't have a Fill.
So select the edge of them, if you followed me, or just give them a Fill...
and I'm going to steal the colors from this because it's easy.
Remember the I on your keyboard is for the Eyedropper...
the V for the Move tool, or the Selection tool.
I'm just going to go around, V key to select it, I key, rob color.
V key, select it.
Can't select it because it's got no edge.
Definitely color it, go I key, selected.
V key, select it, I tool.
Select the colors, don't listen to me, I'm rambling.
You.
All right, eharmony.
Now let's look at the text here.
We're not going to redraw it with the Pen tool.
What we're going to draw is...
we're going to zoom in on an example of it...
that we were using as a demo.
I'm going to do a screenshot...
'Command-Shift-4' on a Mac, or 'Print Screen' on a PC.
What I'm looking for is, I'm going to go to typekit.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 where your screenshots end up.
So I'm going to drag this in, and hopefully Typekit's going to find it.
What I probably should do is Google...
"What eharmony uses as their new font?"
So this is a new logo redesigned 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, and...
it looks pretty close.
The big one here, it's the A, 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.
Probably the biggest giveaway is this little slice here...
and this A here has got a bit of an accent here.
That might be something that...
the logo designers have done intentionally, taking a font like this...
and then gone and adjusted it.
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 big giveaway...
and none of those ones, because I'm now looking at the E...
it's not one of those either.
Okay, you get what the process is here.
If you see a Sync, which is awesome, means it's free, it's part of.
Part of Typekit, and part of your subscription.
If it says Pay, that's one of the paid fonts.
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...
but they both came out pretty good.
All right, I hope you learned some stuff...
and yeah, let's get on to the next video course in Adobe Illustrator.
Hi, what did you think of the video?
If you enjoyed it, give me a thumbs up, and consider subscribing.
Also leave me your comments, 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.