All language subtitles for 5. Redraw the Tinder Logo

Hi there, in this video we're going to
redraw the tinder logo.

Mainly focusing on this flame,
and the cool gradient.

We're going to learn how to
use the Curvature Tool.

We're going to use the corner options,
all sorts of great gradient stuff.

All right, let's learn how to do that
in Adobe Illustrator.

So let's draw the flame part.

Again, there's lots of ways of doing it.

Probably the easiest way,
with our skills...

is the Curvature Tool.

Remember, clicking once gives you curves.

Clicking twice, or double clicking,
gives you corners.

So that's the trick.

I'm going to delete all that.

I'm going to make sure
I've got a Fill of 'none'.

I'm going to make sure
I've got a Stroke of 'black'.

And I'm going to make sure my Stroke
is quite thin, so I can see what I'm doing.

To get started, we're going to pick
this tip, because that looks good.

And we are going to double click,
because this is a corner.

Can you see, it's like edgy corner point,
so I double click.

When it comes to curves,
it's the least amount of points you've got.

Makes it look nice and smooth.

You might have to practice
a couple of times.

I know a circle.

It has only four points, one at the top,
one at the bottom, left and right.

So we're going to use that
same sort of velocity here.

I'm going to click once, it becomes like...

big side of this, click once.

Down the bottom here,
I'm going to click once.

It's all right if it
doesn't line up, because...

watch, when you keep bending it around
it starts adjusting.

We're going to have to do
some adjustments afterwards.

I'm going to click once,
come back here, now it's a corner.

Double click.

Now, this confuses people over.

If I zoom in, and if I click once...

and try and do this,
this is not going to work.

If I double click, it's not going to work.

What I need to do is...

I need to-- there's like a
slight curve in here.

So I need to click once at the
Apex of this curve, and it's quite small.

Just the lower one, so I'm going to
click once for a curve.

Then, remember, this is a corner,
change the direction, double click.

Same thing here.
A lot more exaggerated, so it's easier.

Find the center of it.

Well, the center of the apex...

not just the center of kind of
the biggest turning point.

It seems a little bit more down here,
click once, because we want a curve.

Back to here, click once
to kind of join them all up...

and now we can go
and do some adjustments.

We're kind of there, right?

So, with the Curvature Tool -
I'm going to zoom out a little bit.

- you need to adjust, maybe moving
these Anchor Points around.

You can see, I can kind of
move him around...

and kind of adjust this.

The cool thing about using
the Curvature Tool...

rather than the Direct Selection Tool...

which might be something you are
more accustomed to...

is it affects not only this Anchor Point...

but all the corresponding joining ones,
and it does a really good job...

of kind of adjusting things.

Here we go, this guy here...

Now we're really just messing about.

Come on, find that curve.

Now if you're finding, like me...

that Smart Guides are kind of
trying to take control...

go to 'View', turn Smart Guides 'off'.

One of the last thing here
I'm trying to fix.

I'm going to zoom in up here.
I'm happy enough with that; am I? No.

I'll drag this one down.

I'll turn those Smart Guides 'off';
please go away.

Here we go, there.

This one here,
he probably needs to be there.

Another thing we might do is--

Let's zoom in on this version.

I think it has like slightly tapered edges.

So I'm going to zoom out again.

Have nothing selected, so that zooms in
the middle of the screen.

I think these guys have
slight rounds on the edges here.

That one doesn't seem to,
these definitely do.

The shortcut to zooming in
to the whole screen...

is 'Command 0' if you're on a Mac...

or 'Command 0' on a PC.

So what I want to do is
probably scrap the White Arrow.

I probably want them to be
the same actually.

So I'm going to zoom out,
'White Arrow', click him.

'White Arrow', click him.

So this one, 'Direct Selection Tool',
I held 'Shift'.

So click one, hold 'Shift',
click this other one.

And you're looking for these targets here,
so I'm going to zoom in on them.

Just because I want them to be the same.

I'm holding 'Space bar'
on my keyboard...

and holding my mouse and dragging,
that's how I'm moving around.

I'm just going to drag these in...

because I want them all to be
kind of the same.

So they're both adjusted at the same time.
I'm happy enough with it.

Next thing I want to do is the Gradient.

So, 'Black Arrow', I'm going to
select on this guy.

I'm going to go 'Fill', I'm going to start
with a Gradient, just a regular Linear one.

We can open up the Gradient options
from down here...

or you can go to 'Window', 'Gradient'.

We want to select it
with the 'Black Arrow'.

From Linear to 'Radial'.

We're going to move the
center of rotation.

I think-- is that a Radial?
I didn't even check before I started.

Not even be a Radial Gradient.

I think I might be wrong, Linear.

You can play around.

So when you've got it in,
only two things.

We need the colors and the direction,
so let's do the colors first.

It's best to select them first.
I'm going to grab the Eye Dropper Tool.

I'm going to click on
this tippy top color here.

You can see, it's there, it's over here.

I'm going to click on it,
and say, 'Add to Swatches'.

Click 'OK', it's just appeared there
as a reasonable Swatch.

Then down here, I'm going to
grab the Eye Dropper Tool.

And I'm going to say, I want that color.

And add him to my 'Properties', 'Fill'.

Make the Swatch.

Not worried about the color.

So now my colors are added, I'm going to
select him with my 'Black Arrow'.

And I'm going to double click
the 'White house'.

That's the white area here.

I'm going to say, it's that side.

Click this one.

Click that color.

Now I need to play around with the angle.

And I use that using the 'Gradient Tool'.

You can click and drag across it
to get it to go the right way.

So I need to drag from
kind of up, that way.

I feel like that's kind of
what's going on there.

Not exactly.

Last thing I'm going to do is,
go to 'Properties', say 'Stroke'.

You were helpful, and you are now gone.

That my friends is how to redraw
the tinder logo using...

loads of tools, mainly the Curvature Tool,
and the Rounded corners...

in Adobe Illustrator.

All right, let's get on to the next video.