Up next in 10
Gradient Tool Photoshop | Gradient Tool Tutorial | Tutorialspoint
944 views
Sep 19, 2024
In this Photoshop tutorial, you will learn how to use the Gradient Tool in Adobe Photoshop. Click Here to get Certified in Photoshop: http://bit.ly/3A3p6oY Use coupon "YOUTUBE12" to get ‘’FLAT 12%’’ OFF at Checkout. Quality Learning to UPSKILL yourself only at TutorialsPoint. Explore & Learn the top trending courses curated by the best trainers in the Industry @tutorialspoint: Your go-to Learning Solution. In Photoshop the Gradient Tool is used to create a gradual blend of colors and light across an image with precision. With this step-by-step guide, you'll learn how to use the Art History Brush Tool to its full potential and achieve professional-level results. Whether you're a beginner or an experienced photo editor, this tutorial will help you improve your editing skills and take your photos to the next level. Tutorialspoint, a leading ed-tech platform, offers Simply Easy Learning at affordable prices. Check out more Trending Courses to Learn: http://bit.ly/3KBW32w Subscribe to our Channel to get more related updates and turn on the notification: www.youtube.com/@TutorialsPoint_ Lecture By: Rushi Panchal, Tutorials Point India Private Limited To download tutorix app - http://bit.ly/2ROKdEG
View Video Transcript
0:00
Hello everyone, my name is Rishi Panchal and welcome to a tutorial for how to use the gradient tool in Adobe Photoshop
0:06
If you want to create a smooth transition from a color to another in Photoshop, the gradient tool is the easiest way to achieve it
0:15
The gradient tool allows you to create a gradual changes of color and light across an image with power and precision
0:22
You can use a different type of gradient to blend with or overlay other images to create a stunning backdrops for local
0:29
logo designs poster art stylized photos and much more so friends you can get a gradient
0:36
tool in toolbar over here okay you can see a gradient tool by pressing a keyboard
0:41
shortcut G you can activate this tool okay if you're pressing the G for example I'm
0:46
in a move tool if I'm pressing this G then automatically the gradient is selected now if
0:52
you want to select this other tool inside this gradient then what you can use you
0:57
can use sift plus g as you can see it will be changing fine so i'm just selecting a gradient tool so
1:04
friends as you can see the first is a gradient editor here you can see a gradient editor where you can
1:11
see a different different presets okay you can create your own presets you can change a gradient
1:16
type smoothness and much more okay first of all i'm show you the presets here is the
1:22
basics preset black and white preset you can see a different different blue and
1:27
and different types of colors. I'm just make it a bigger so that you can see all the gradient
1:34
Okay, this is a purple gradient, pink gradients, red gradient, orange gradient, and the green gradient
1:41
Okay, so according to a requirement, you can use this by default gradient, okay
1:46
This is given by the Photoshop. Now in our image, as you can see
1:49
there is a green color as well as the sky color, okay, which is a little bit of different color
1:55
So accordingly, I have, I'm just selecting this a grid gradient where I want this green 18 okay so I'm just
2:04
selecting this gradient now you can also change the gradient name you can use a type
2:10
as well as smoothness okay I need a good smoothness because my image is
2:14
accordingly fine I'm just pressing the okay now once you drag and drop over here as
2:21
you can see it will be look something like this now friends rather than adding a
2:26
gradient directly to the active layer create a new layer to work with the gradient by
2:31
adding the gradient as a new layer in Photoshop you have a whole realm of
2:35
flexibility to edit it more creatively so friends I'm just creating a new layer
2:40
okay now here you can do anything if you if you want to delete this layer you can
2:46
do it simply so your original image is not affected okay so I'm just
2:50
selecting this layer now I'm also changing the opacity to 40% okay
2:56
Okay, now our color will be this color, this color. So this is a starting point
3:02
This is the ending point. Okay, so I'm just drag it from here to here
3:07
See, the result. Now, you can also play with these options. Okay, here you can see a different, different mode
3:15
See, I'm just doing a color bun. Now see the effect. This is our original image and this is our image with using a gradient tool in Adobe Photoshop
3:26
So friends like this you can use gradient tool to make a more creative photos, logos and much more
3:32
Now friends in option bar as you can see the types of gradient there are total five types of gradient in Adobe Photoshop
3:40
First is a linear gradient, second is a radial gradient, third is an angle gradient, fourth is a reflected gradient and fifth is a diamond gradient
3:50
Now we are going to start with a linear gradient, okay? So for that I'm just deleting this new gradient
3:56
layer okay I'm just selecting this linear gradient so creating a plane linear
4:01
gradient is the most common use of this tool over the generation of Photoshop
4:06
more options have been added to apply any gradient your image with a gradient tool selected simply click and drag your mouse Your linear option is the default To change this click one of the option icon beside the gradient panel in the secondary top menu
4:22
So from here you can change a different type of gradient. So friend, by default, the linear gradient is selected, which we already seen the example
4:31
Okay? This is our example of the linear gradient. Fine. So friend, here is a tip for the linear gradient
4:37
gradient holding down the shift key as you drag the restrain the movement to the straight
4:43
line this will follow the direction you start dragging for example I'm just
4:48
dragging here but as you see I can't drag the straight now to drag the straight
4:54
just stress shift while you dragging so it will be give up straight line so friends
5:00
like this you can use a linear gradient to make a creative images now friends
5:05
next is a radial gradient you can see in the option The second is a radial gradient
5:10
Now when you click and drag with the radial gradient tool option selected, the gradient will shade from where you click to the edge in a circular shape
5:20
For example, I click the center of the image and drag to the image
5:25
For example, I am just drag from here. So as you can see, this color will start from this color to this color. Okay
5:34
Now, Frames, if you want to add a third color, just press control and control. and click any of this line okay I'm just click over here and as you can see new color is done
5:44
just change the color to red okay I'm adding one more color here fine and make this color
5:51
to green I'm adding one more color to here and make this color to this okay just
6:00
make the different color so that you can identify the radial gradient fine
6:07
So done, now I'm just what I'm doing just drag from middle to here
6:15
Now see the all color which I'm selected in our gradient editor the color will be here
6:21
Okay, so now we are working with opacity and blending mode to make this image more creative
6:30
So what we can do we are just creating a new layer. Okay, now according to our image we are going to select a
6:37
preset so I'm going to select a green preset as our image have the green color in here
6:44
for example I'm selecting this color okay where I want a green on our starting because our
6:54
background is a green just search select here or you can also use a color picker to select this
7:00
now middle we are going to add one more color where we want a skin tone so just select in
7:07
the skin tone color and the last again will be the green just press okay and make the
7:14
opacity to 40% fine just drag from here to here now I'm just playing with a
7:23
blending modes see the different different style okay okay
7:37
See the different. So like this you can use a radial gradient to make image more creative
7:47
Now friends next is an angle gradient. Just click on the angle gradient in the option bar
7:53
Now this gradient is a little challenging to use well. As you click and drag your mouse over an image, the gradient shared in a clockwise direction
8:03
I click and drag from the center of the canvas. canvas okay like this to part away to the right as you can see where the starting and
8:13
ending color ends there is a prominent hard line created like this here for example
8:19
if I creating a center to here see this hard line okay so friends now using this gradient we are going to create something in this image
8:31
So first of all creating a new layer now I'm creating a new gradient for example I'm creating a new gradient
8:39
For example I'm creating this one okay just decrease this to 30
8:50
drag from here to here fine and just work with a blending option okay just make the
9:06
subtract see the result okay so using this tool you can just need to work with a
9:13
different different option okay you can work with opacity blending mode okay
9:17
different different options to make your image more creative so this is our third gradient which is a angle gradient okay so friends
9:27
next is a reflected gradient just click okay so when you click and drag with
9:33
the reflected gradient selected you create a new gradient that is a symmetrical from
9:38
the starting point okay see just play with the opacity and make it a
9:46
20% okay for that first of all I'm creating a new layer using this tool and work with a different
9:56
different blending option okay so this is a fourth option which is an
10:04
reflected gradient fine now friend next I'm just deleting this okay so friends
10:14
next we're going to learn a diamond gradient so just select this diamond
10:18
gradient now I'm just selecting this image okay creating a new layer over here now once
10:28
you drag and drop with a diamond gradient as you can see it will be work like a
10:33
diamond okay if I'm dragging a small then you can see a small diamond over here
10:39
where our first color will be here and next color in spread out over the rest of
10:44
this area fine now with the gradient we are going to do something so first of all I am creating our own custom gradient where I'm
10:54
just going to create a new okay here you can change your name for example I'm
11:02
just creating a new with the name of Rushi fine select this color which is
11:12
this skin tone color next color I'm going to add with these
11:18
green color and the last not be red but a different color fine and just making it new so as you can see
11:28
this is a custom and this a gradient we created just press okay now you need to work with the
11:36
opacity i'm just making it 30% just drag from the center of the image to here so that
11:45
the result will be here just work with the the blending mode so you can get a more result okay see so like this I'm just
11:57
using this a linear light fine so as you can see using this diamond gradient
12:06
tool so friends you can use many things using the gradient tool so friends the
12:11
gradient tool in Photoshop can change how a picture looks by a blending color
12:17
smoothly to get a good at using it you need to practice and try a different things with colors
12:24
and transparency eventually you know when to use a gradient's to make photo look better so
12:31
friend this all about a gradient tool in adobe Photoshop okay there are different different option over here we already learn a mode We learn about opacity These are simple simple like a reverse Okay Now what this reverse will done For example
12:46
I'm just selecting this is a basic gradient, okay, from black to white. Okay. And I make it to 100%. For example, if I'm just
12:56
drag from here to here, then it will become from the black to white. It's fine because that's what we are selected
13:03
But if I am click on this reverse, then it comes from white to black
13:09
See, because it's reverse our gradient. You can also see the changes on this option bar while I am just switch from reverse to non-reverse
13:21
Okay, guys. So friends, that's all about a gradient tool in Adobe Photoshop
13:26
Now, next we are going to learn how we can use this gradient on a text
13:31
Okay. so for that I'm just selecting one image for example these just adding a text from here
13:40
okay where I'm writing nature just increase the size of this text
13:53
fine make the color to white okay okay So friend this is our text now we are using a gradient in this text so for that first of all you need to double click on this to enable the blending option
14:13
okay here you can see a layer style otherwise you can just right click on this text and here you can see a blending option just click here
14:23
I'm just making our text little bit of sides so you can you can see a blending option as well as the change is done in our text
14:31
Okay, so you can see both this now in this layer style blending option you can see these a black gradient overglay
14:40
Just click here and as you can see the default gradient will apply on our text from here you can see a different different
14:48
This one we created for ourselves you can also use this See different different gradient over here
14:57
For example I am using this gradient just select this gradient and press okay now you can also change the style of this gradient
15:11
from here which we already learned which is a linear radial angle reflected and diamond
15:16
if i'm just using this linear you can also change the angle from here okay from here you
15:23
can see change the blending option see the different different blending options are here
15:30
make it a linear burn you can scaling and scale out okay and you can hear from
15:39
change the opacity you can also use the same option which we already run
15:44
reverse from here so friends like these you can apply a different different
15:50
gradient to your text see
16:00
because we have a green background I'm just selecting a green one okay make the
16:09
scale part to these make it a little bit of changing the angle okay so friends
16:29
like these you can use a text blending in your Adobe Photoshop so friends that's all
16:38
about a gradient tool in Adobe Photoshop okay if you like this video then don't
16:43
forget to subscribe to our channel and press the bell icon for the notification thank
16:48
you so much guys see you in the next video
#Computer Education
#Education
#Educational Software