Hello everyone.
Right now we're going to learn the use of gradient in Adobe Illustrator.
And we are going to draw the Instagram logo using the gradient.
And at first you need to know what is gradient.
Actually, gradient is a color combination.
When you will add at least two color, you will have the gradient.
Even if you want to add multiple color like more than two color, you can do that in gradient.
So gradient is a combination uh at least two or more colors.
So I hope you got the idea.
And we are going to draw the Instagram logo with the gradient.
And let's start the process.
So I'm going to use this common preset.
And I'm going to show you what is the gradient okay.
You can see this is the gradient tool inside our um toolbar.
But I'm not going to use this uh gradient tool right now.
At first I need to draw a rectangle shape with the rectangle tool.
Okay.
You can see I have the white fill color in here, but I want to apply the gradient in here.
So how I will apply the gradient.
To apply a gradient you have to go to this windows menu.
And from there you will have this gradient option.
So here is the gradient option.
And you can see we have the gradient in here.
And you can see we have different type of um gradient like linear gradient or radial gradient.
So I'm going to use this linear gradient.
And you can see after applying the linear gradient we have the gradient color applied to our rectangle
shapes okay.
So as I was saying that it's the combination of two colors.
So you can see we have the white color and we have the black color.
So this is the combination of white and black color.
And instead of white and black if you need to change the color what you have to do you just have to
right click.
Sorry.
You just have to double click with your mouse in here.
Then the pop up will appear.
And with this um, eyedropper tool you can choose any color.
So as an example, I'm going to use this color for my left side.
And you can see I got the green color for my left side and for the right side it's applied with the,
uh, black color.
So you just have to double click with your mouse once again.
And instead of black, any color you want to put, you can put in here.
And you can see we got the gradient of two color and we just changed, uh, for the left side, uh,
instead of white we used green.
And at right instead of black we used red.
So this is called the gradient okay.
And if you need to if you need to cover up or increase the decrease the location or the area of gradient,
you can move this pointer from left to right or this far right to left.
So let me show you how this thing is working.
So I need to increase my green area.
That's why you have to move the pointer at right side.
And you can see it's increasing the area of green inside the box.
So I'm going to adding more.
And you can see it's cover uh maximum percent.
And uh for the right purpose you can move in here and you can see this two color come closer.
And if you need to reduce the area you can have this way and you can apply this way, okay.
So depend on your needs.
You can increase or decrease the area of color.
So this is the linear gradient.
And if you need the uh radial gradient in that case you can use this one okay.
So I'm going to use this uh radial gradient.
And while you will use this radial gradient in that case you will have some kind of a circle okay.
So let me click this, uh, circle.
And you can see we got the radial shape of gradient.
And it's applied to our, uh boxes.
And that this, this radial gradient we will use while we will design the Instagram logo.
But this time I'm just using this linear gradient for showing you okay.
So this just a two color.
But what you will do if you need more color for adding more color, you have to place your mouse cursor
in here.
And you can see once I placed my mouse cursor, you can see it's a plus sign is added with my mouse
cursor.
So you just have to click once.
Then another another pointer will be added.
And you just have to double click with your mouse.
And uh, from the color you can pick any color as you need.
And you can see we got the color in here.
I guess I'm going to use this blue color.
So this is, uh, the way how you will add more color, even if even if you need some more color, you
just have to add, uh, the pointer and then add the colors.
Okay, here is one, here is another.
Okay.
So you can see I added multiple colors.
So this is called the gradient.
And this is how you will apply the gradient in any object or any uh design that you have created.
Okay.
So right now we are going to we're going to create the Instagram logo with the gradient.
And therefore I need to I need to uh delete these things.
And I'm going to use this uh selection tool.
And I'm going to delete this one okay.
So for creating the Instagram logo at first I need to use this rectangle tool.
And I'm going to draw I'm going to draw a.
Square shape and make sure that I'm going to use that no fill color.
Okay.
I'm going to use this no fill color, but I'm going to use a two point or three point for my stroke.
And I need to I need to make the rounded corner for every corner of this square shape.
That's why you know how to make the Rounded Rectangle Tool using.
I'm not going to use the Rounded Rectangle tool, but I already used this, uh, point for, uh, making
a rounded corner for my box.
Okay, this is the first one.
Then I need to draw another.
Okay.
And let me use this selection tool.
And I want to place it properly in here.
And then I'm going to.
Okay, I'm going to make the rounded corner for this one also.
Okay.
Cool, huh?
Now what I have to do, I have to create a circle inside here.
That's why I'm going to use this ellipse tool.
And I'm going to draw a circle.
And I'm going to draw another circle in here.
Okay.
So this is just the basic structure of the Instagram logo.
And we will we will change the borders in later.
But right now we will work with the Instagram logo color part.
And therefore we have to add the original logo of Instagram.
And I have already given inside the exercise file and I'm going to use it.
So file menu place option.
So you can see this is the Instagram logo.
And I'm going to place it here.
So I'm going to place it here.
And you can see we got the logo in here.
So let me increase just for a while.
And now let me click in some empty spaces okay.
So you can see this is the original logo.
And right now we need to we need to pick the color.
Now which color is used inside the logo.
We're going to use this, uh, original color.
And that's why I'm going to use this eyedropper tool.
This eyedropper tool basically using for picking any exact color from any images or from any objects.
Okay.
So I'm going to use this eyedropper tool and I'm going to select this area.
So once I will click this area you can see inside my fill color it's turned into the area I have selected.
So I just used my eyedropper tool and I clicked here.
And this color placed in here okay.
And now I need to save this color.
So how we will do that.
You just have to right click with your mouse and you can see this called the new swatch.
And let me click this new swatch and put the name as uh default is given.
And let me click okay.
And you can see this new swatch is added in here okay.
So now let me, uh, use the eyedropper tool once again.
And I'm going to use this top color again.
I'm going to use this uh, new swatch option.
I'm keeping the same name.
And finally I need to I need to use this intermediate color or this one.
Okay.
Cool, huh?
So I need to say this one.
So I'm going to use same method as like before.
And you can see my previous two swatches is added.
And I'm going to click okay.
So I have total three color in here okay.
So I'm going to delete this image.
And now the time for applying this three color inside our Instagram logo.
And for applying the gradient color to this image you must have to select the large box.
First.
Make sure that you have selected the large box.
Then you have to go for the windows menu.
From there you will get this gradient option.
Okay, so you can see this is the gradient.
And once you will click in this gradient you will have the similar gradient as like before okay.
So um I'm going to I'm going to use this radial gradient this time.
And once you will click radial gradient you will have the circle.
And now I have to use this gradient tool from the toolbar.
So I'm going to use this gradient tool.
And you can see once you click the gradient tool you will have this settings.
And if you need to increase or decrease the area of the central light, you have to place your mouse
cursor at here.
And it will help you for increasing the area.
And you can see this is the option I have increased and I now I need to place this light at the, uh,
bottom left.
And that's why you have to place your mouse cursor in the line.
Then you will be able to place the light in here.
Okay.
So I have, uh, placed the light in here, and now I need to I need to apply the color that we have,
um, saved in our swatch file.
So for the, uh, for the white part, you have to double click with your mouse.
And these are called the swatches option.
So let me click the swatches option.
And you can see this is the three color we have added.
So I'm going to use this color for my lower part.
And for the uh dark part I'm going to double click with my mouse.
And for the dark part I'm going to use the second color.
And you can see we got almost, almost similar color as like our original Instagram logo.
And now I have to I have to add the another color.
And that's why I'm going to place my mouse cursor in here.
And you can see another uh pointer is added.
And I'm going to double click with my mouse and I'm going to use the third color okay.
So you can see it's placed in here.
But if you need to move, if you need to move the uh position of this color, you can place your mouse
cursor in here and you can move, uh, from here to there as well as you can increase bit area.
Okay.
Um.
Almost close.
Close to the original logo.
And now we have to.
We have to change something that is called.
We need to make this part white.
And, you know, it's quite simple.
You just have to use the selection tool.
You have to select this one and you have to, uh, change the stroke color.
So I'm going to use this white color as the stroke.
And I'm going to increase.
The stroke.
And let me increase the size of this box.
And now I need to do the same things for the circle.
I need to change the color.
I need to increase the stroke.
And I'm going to do the same thing for this one.
I'm going to change the color.
Let me increase the stroke.
And for the outer part, I'm not going to use any, uh, stroke color.
Okay, so you can see we have created the Instagram logo and we have made the Instagram logo with the
combination of three different color.
And we applied the gradient.
So I hope you enjoyed this lesson.
And uh, with the use of gradient you will be able to make the Instagram logo as well.
So I will request you to do some more practice because this gradient things may be uh, you will found
uh, bit tough as you are a beginner.
So you have to do some more practice.
And if you do some more practice, then it will be easier to you to use the gradient in Adobe Illustrator.