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 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 a 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.
If I do it right.
So that's the trick.
So 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.
We are going to double click because it's a corner.
You see, it's that edgy corner point, so I double click.
Now when it comes to curves, it's the least amount of points you've got.
Makes it look nice and smooth.
Now you might have to practice a couple of times.
I know a circle has only four points...
one on the top, one on the bottom, left and right.
So we're going to kind of use that same sort of philosophy here.
I'm going to click once at the kind of like...
big side of this, click once.
Down the bottom here I'm going to click once...
don't worry if it doesn't quite line up...
because, watch, when you keep bending it around it starts adjusting...
and 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 a little bit, if I zoom in...
if I, like click once and try and do this, it's 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 a low one, so I'm going to click once for a curve...
and then remember, this is a corner, change of direction, double click.
Same thing here, a lot more exaggerated, so it's easier.
So find the center of it, well the center or the apex...
not just the center that kind of-- the biggest turning point...
which seems a little bit more down here, click once because we want a curve.
Back to here, click once to kind of join it all up...
and now we can go and do some adjustments.
So we're kind of there, right?
So with the Curvature tool - I'm going to zoom out a little bit.
- is you need to adjust maybe moving these anchor points around.
You can see it, I can kind of move them 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, so I'm just--
Here we go, let's go here.
Now really just messing about.
Come on, find that curve.
Now if you're finding, like me...
the Smart Guides are kind of trying to take control...
go to 'View', turn 'Smart Guides' off.
Right at the last minute here seem to kind of fix it...
so I'm going to zoom in up here...
I'm happy enough with it, am I?
No, not. I'm going to drag this one down.
Now turn those 'Smart Guides' off, please go away.
So it's not snapping.
Here we go, there.
And this one here, adjustment, he probably needs to be there.
Another thing that 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 it zooms in the middle the screen.
I think these guys have slight rounds on the edges here.
That one doesn't seem to, these definitely do; cool.
The shortcut to zooming into the whole screen...
is 'Command 0' on your keyboard, if you're on a Mac...
or 'Ctrl 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 little targets here...
so I'm going to zoom in on them...
and just because I want them to be the same, 'spacebar'...
I'm holding spacebar 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 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 to 'Fill'...
we're going to start with the gradient, just a regular linear one.
We can open up the gradient options from down here...
or you can go to 'Window', 'Gradient', where is he? There he is, there.
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 it a Radial? Didn't even check before I started.
Might not even be a Radial gradient.
I think I might be wrong, Linear.
You can play around.
So when you've got it in we need two things.
We need the colors and the direction, so let's do the colors first.
It's best to select them first, so I'm going to grab the 'Eyedropper tool'.
I'm going to click on this tippy top color here.
You can see it's there, it's over here, I'll click on it...
and say, 'Add to Swatches'.
Click 'OK'.
Just appeared there as a reusable swatch.
and then down here I'm going to grab the 'Eyedropper tool'...
and I'm going to say I want that color...
and add him to my 'Properties', 'Fill'.
'Make New 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 do...
double click the white house, it's the white area here.
I'm going to say, that's that side.
Double click this one, make that color.
Now I need to play around with the angle...
and I use that using the 'Gradient tool'...
and 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.
Yeah, not exactly.
Last thing I'm going to do is...
I'm going to go to 'Properties', I'm going to say 'Stroke'.
You were helpful, 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.
Let's get on to 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.