And here
we have four type of gradients that we can create
using only Adobe Illustrator. Hey. Hello, guys. Welcome back to another video. Today I'm going to teach you
four ways that you can use Adobe Illustrator
to create the best gradients and stay
till the end of the video because at the end
there is a bonus with the typography gradients. So without any more delay,
let's just start designing. Okay guys. The first thing that we're going
to do is open this file
Adobe Illustrator is going to be the description of the video. I'm going to add two files,
one name start and the finish so you can just
dissect the project at the end or you can just follow
along with this video. I'm gonna try to be
in the normal speed and I'll go too fast. Not too slow, just explaining
this the best way possible. Let's start
with the Gaussian Blur Gradients for this one in particular. What I would like to do is
to press “M” to create a square. And then in this Square
we have right here, let me just try to fix this
a little bit. I'm going to change the color
to this light color, cream color,
and we're going to change a little bit this size
to something like this. We're going to select the gradient,
but in the gradient option, we're going to use the free form
gradient. This is really important. After we select a free form
gradient, we're going to try to use
these little dots. That is that the gradient
has just try to drag this right here
so you can have it more present and this is the gradient tool
right here. I'm going to use like a sample
to sample the colors that I need to use
for the gradient. I may go back to the pressing
“G” to the gradient and I'm going to select again
this light cream color. And I think what I'm going to do
is press “G” Again. I'm going to add
another note here, and this one
is going to be the blue one, and this one needs to go
with the cream color again so it doesn't overpower
the blue color. I'm gonna try to make this
a little bit bigger like that, this blue, just to make it crash
a little there. We just tried to move it
a little bit this way or down. And then this one part of the cream color, this,
something like that. Try To include it a little bit
this way. It doesn't matter
if it crash a little, because I have a solution
for this to make it look way better
than what it looks right Now. let me try to go back
to the navy blue color oh That's too much let■s to go back to the cream color
here and reduce this one. I may
try to put this up a little and then this one little bit
this way. In fact, Let■s put this one
in a cream and then this. But this one in this color, no way to drag it
there and the cream like that so it doesn't overpower
a little bit of this one. It's going to be
something like this. I think I like this one better.
And we're going to take these shapes
that we have right now. We're going to go to Object and we're going to
select Rasterize... this is a really important step because you got to follow
these specific parameters. We're going to have it in RGB or CMYK the way that you're
working your gradients with and we're going to go
to Resolution 300 ppi, which is the highest,
we're going to optimize the art for Supersampling
with the Supersampling option. And here you're going to add
Around object pixels. That's going to help us
by the time that we're using
the Gaussian Blur, you'll see we're going to put
at least a 1000 and then press OK is going to just do
the restoration of the Object We're going to go to effect,
We're going to go to Blur, we're going to select
the Gaussian blur in the Photoshop effects. We're going to increase it a little
just to make it look nice. Not like a boring gradient, and then after
we have our gradient right here, What we could do
is to fix the edges. We make another square
and then we select. Both are going to “Make Clipping
Mask” We're going to have a perfect gradient
inside of the box. That's the Gaussian
Blur Gradient right there. And for the second Gradients,
we have the harsh gradients. I can tell you that
these are one of my favorites for this one in particular. What we do is
we go back with the pressing “M” we go
we select another square. But in this case in particular, we're going to use the gradient
mesh option. Let's just try to select
first a background color, which I think the blue would be
the perfect option, perfect fit for this. We're going to use the dark blue
and then we're going to use the gradient mesh right
here. We're going to create a dot,
or I'm going to select the yellow color
right here. Okay! And then in the edges,
what we're going to do is to try to reshape it in a way
that creates the perfect hard edges that we're looking
for for this particular design. Let me see. It should be something
like this. And then we just bend it
right here and right here. We just try to follow along
in a way that we can create
those harsh edges without distorting
too much of the shape. Okay, this looks good.
This looks amazing. And one more tip that I have for you
when you try to do this, you can see how I created this shape
that looks really, really nice. Okay. The next step after
we have our harsh gradient,
we're going to go to “Effect” we're going to go
to the “Photoshop effects”
are going to go to “Blur”. We're going to go to
Gaussian Blur and we're just going to put it
a small amount. 1.8. that will be perfect
because we still have the harsh edges in the gradient. We're going to go to “Effect”
again. We're going to go
to the “Photoshop Effects”. And we're going to add texture,
right? Can have some texture to it. We're going to add “Grain”,
a little bit of Grain with a soft grain. We're going to reduce
the intensity a little bit. I gonna I'll try to fix this little edge that I have right
here. We're going to press. Okay. It's going to make it
look a little better. I'm going to try to take this shape right now
and try to move a little bit of that edge in a way that I can
make it look a little better. And then this one, you see,
I have this the harsh shape right there, but I just change it
a little bit more. I'm going to take this shape
on a press Command+C and Command+F, I'm
going to paste it on top of it and I'm
going to select the same color. And here in this yellow color,
I'm just going to try to change to a more red version of this
color, something like this. And I'm going to just try to reduce the opacity
in a way that I can mix this with the underlying layer. I'm going to change
the blending mode of this, too. I'm going to try to go
to the “Hard Light”. I go with that. Let's go with a hard light, and we're going to reduce
the Opacity of it a little bit just to make the color
transition a little. And it's going to have a result
of something similar to this. Let me show you real quickly
and I think I think it looks really,
really cool. And it's one of the way to make this type of arched
edges Gradient. Let's go with the add texture
way of making the gradients. I was showing you a little bit of this before
I give you a little a sneak peek when I was doing
the previous one. But let's just
try to do something similar. We're going
to create a square again. We're going to select this pink
cream color and we're going to try
to do a similar approach as we did
with the previous gradient. And I'm going to select
the darker color and it's going to be surrounded
by a different color research. Try to make this shape again
a little bit like we did before. But here's
going to have a different twist, which is going to be like
we reshape the gradient and then in the edges,
in the edges of this, we're
going to try to add more Nodes. But these Nodes are going to be
with a lighter color. Okay, We're going to select
again here. We're going to create
another Node here, and this one's going to be
with a lighter color. We're going to try to grow
the inner shape to over take more of the space
than the small color. Okay. We're going to try to expand it
this way. Okay. That looks good. I tried to expand this
a little bit, too, and it's going to look
really nice if I do it this way. We're going to move this
that way. I'm just trying to not make it
as harsh as a previous gradient, but is similar. And we're going to try to make
this look wonderful right here. And I try to add more of this
pinkish color here at the end and the edges is going to make
it look really nice. I tried the here too! I'm going to have
with a gradient that looks kind of like this and try to increase this,
try to expand a little bit this color that I just added right here and the edges, we're going
to have something like this and I really like this shape
that we have right now. We're going to go
to Texturizing. We're going to add
a little bit of a Grain to it, but this grain is now
going to be soft. It's going to be something more regular
like in the regular way. We're going to make it up with a little bit of a higher
intensity. We're going to press
okay, really, really nice when you use it
this way in a project, I just think it looks really
trendy. Let's go with the next
and final option, which is by
using it with typography, one way that we can do
is use this with a typography
is by writing something. Let■s write Gradients
with one of my favorite fonts as choose is called “Vultura”.
Okay, we're going to write gradients
with the font “Vultura”. Let me try to use the outline
outline version of “Vultura” I think that looks really nice. We're going to press on Object, we're going to go
“Expand”, click. Okay, we're going to select
the Gradient We're going to go from top
to bottom like this. Okay, that's too much. I think that's
when we find right here, after we select the gradient
like that, we're going to have the two different colors. Let me try to make this one with the color that we have
right here. Okay? We have the two colors
and the gradients. As you can see, it's going to have these two colors
that we have right now. We're going to go to Effects. We're going to go
to we're going to go to texture. We're going to add
a little bit of a grain to it, but not too much, just like a small intensity
of grain to the gradient. And then it's
going to look really nice. As you can see right there, This is one of the options
of doing it. But let's just
try to do it with the background because it's just not easy
to appreciate the the gradient like that way. Let's just try to make again
gradient. And this time,
instead of making it the way that I did with the outline,
let's just try to do with a filled version
of the typography. Okay? In the type change case,
we are gonna go to “Title case” and here what we can do
is an Object Expand, okay, we are gonna go object,
a path offset path. Let■s just go to a
I think that that's a fine. This is a rounder. Okay, let's go again to “Effect”,
we're going to select “Distort & Transform” again.
Going to go to “Transform”. I■m gonna change this to 0.5
and then 0.5 in pixels, and then we're going
to change this to at least 150. And I preview
and it's going to create this type of a shadow with with a
grain that is going to be fine. We're going to try to take this. We're going to go to object, we're going to expand
the appearance. We're going to just try to use
this shape in the “Unite” option in the Pathfinder.
This is going to help us a lot. And we're going to wait for it
to just do it, because
it's taking a lot of layers, a lot of parts,
and just grouping them uniting them all together. Okay, it's going to be done. And then as soon as it's done,
we're going to select the whole thing option in the Pathfinder
just to “Minus Front”. We can have this wonderful shape
that we have right here. And then I'm going to try
to apply the same gradient style that I did
in the other layer to this one. But I need to press “G” to make
the gradient more uniform. Okay, After I make the gradient more uniform,
using the little pressing G and just using the shift
and then dragging a line down. That's how I make the gradient
to be more uniform. And all the letters
are going to go to again to “Effect”,
we're going to go to “Texturiz” we're going to add
a little bit of a Grain to it as something like
this could be fine. Okay. And I think this looks
really, really nice. And here
we have four type of gradients that we can create
using only Adobe Illustrator. If you want to learn
more about gradients, check out this video that I'm
going to have right here. If you feel like you learn
something, you just give it a like,
that'll help me a lot. Thank you so much for watching
and I'll see you again in the next video.
