The Gradient tool doesn't work exactly the same as the paint bucket tool in Photoshop (it's more for direction control). You just need to select the area you want to apply the gradient to first.

Ctrl + Click (or CMD + Click if you're on a Mac) on the thumbnail of the layer that has your brush strokes to create a selection based on that shape, then use the gradient tool to apply the gradient in that area only.

Answer from Vicki on Stack Exchange
🌐
Adobe
helpx.adobe.com › photoshop user guide › adjust color › apply a gradient fill
Apply gradient fills in Photoshop
1 month ago - Learn how to use the Gradient tool in Adobe Photoshop to apply gradient fills, creating smooth color transitions in your designs.
🌐
Adobe
helpx.adobe.com › photoshop › using › tool-techniques › gradient-tool.html
Create smooth color blending effects with the Gradient tool
April 29, 2024 - The Gradient tool creates a gradual blend between colors using preset or custom gradient fills.
Discussions

Just updated Photoshop, what has happened to gradient tool?
Thank you for this. I think the short answer is THE GRADIENT SETTINGS AND EDITOR ARE NOW UNDER THE PROPERTIES PANEL ONCE YOU HAVE SELECTED THE GRADIENT LAYER. More on reddit.com
🌐 r/photoshop
8
11
November 27, 2023
How to fill a rectangle with gradient color | Photoshop Gurus Forum
I want to fill a rectangle with a gradient color I have created (using start-stop colors) but without using the gradient tool which requires manual job.I just want to fill the rectangle from color-start to color-stop. Thank you. More on photoshopgurus.com
🌐 photoshopgurus.com
October 18, 2011
[HELP] Fit gradient to shape?
Have you explored clipping a layer with the gradient to the letter layer? I'll be back after creating an example. After creating my gradient fill adj layer, I 'clipped' it to the type layer with the letter H. With the grad fill layer targeted, we can press Alt+Ctrl+G to clip it to the layer below. We can hover the cursor between the two layers while holding Alt. When the cursor shows that downwardly curved arrow, click. You should google for 'clipping masks photoshop' to learn more, but what clipping does, causes the clipped layer to only show where there are non-transparent pixels in the layer below. Because my type layer H had color, it had opaque pixels, and so the gradient only showed where those opaque pixels are. More on reddit.com
🌐 r/photoshop
5
1
March 22, 2023
Adding gradient fills? - Content - SitePoint Forums | Web Development & Design Community
Hi, i am new to photoshop and i am trying to follow the following link tutorial: http://www.photoshopstar.com/web-graphics/glossy-navigation-buttons/ i’m at stage 2, but i don’t know how i can add a gradient fill inside my buttona as the tutorial does not say. More on sitepoint.com
🌐 sitepoint.com
0
December 5, 2010
Top answer
1 of 2
5

The Gradient tool doesn't work exactly the same as the paint bucket tool in Photoshop (it's more for direction control). You just need to select the area you want to apply the gradient to first.

Ctrl + Click (or CMD + Click if you're on a Mac) on the thumbnail of the layer that has your brush strokes to create a selection based on that shape, then use the gradient tool to apply the gradient in that area only.

2 of 2
4

While Vicki's answer helped you get the results you might want to start learning about Layers and the benefits they offer. Since you mention using the Paint Bucket tool it sounds like you're working on a single Layer.

So you probably have something like:

Ideally, you'd instead want them to be on a new Layer, like this:

But, let's say you have something you really like and don't want to start over so I'll use the case of the first one in the rest of this. Like you discovered you can Paint Bucket the inner areas. Likewise you can select areas to fill with gradients. Let's take that a step further.

  1. Select the areas you want to have the gradient:

  1. Create a new Layer using Shift+Ctrl/Cmd+N or the 6th button from left on the bottom of the Layer Window

  1. Now fill it with the Paint Bucket or Edit > Fill (Shift+F5

  1. Now the magic happens by added a Gradient Overlay:

The Benefits

Let's say shortly after doing that you want to change the Gradient, then double click on the Gradient Overlay effect in the Layer Window and you can change it:

Let's say now you're working and want to add another area with the Exact Same Gradient. Well just add it to the Layer portion using a Brush or Select/Fill and anything you add on the Layer will pick up the Gradient Overlay:

🌐
PHLEARN
phlearn.com › tutorials › how to add a gradient in photoshop
How to Add a Gradient in Photoshop - PHLEARN
January 2, 2025 - 1. Create a radial gradient with Foreground to Transparent. 2. Set Blend Mode to Soft Light. 3. Add a layer mask and fill it with black to hide the gradient behind the subject. 4. Duplicate the gradient layer and adjust size and opacity. 5. Add another gradient to darken the image edges.
🌐
Adobe
helpx.adobe.com › photoshop-elements › using › gradients.html
Using gradients in Photoshop Elements
January 12, 2022 - In the image, position the pointer where you want to set the starting point of the gradient, and drag to define the ending point. To constrain the gradient angle to a multiple of 45°, hold down Shift as you drag. Select the text you want to fill.
🌐
Wikihow
wikihow.com › computers and electronics › software › adobe software › adobe photoshop › how to make a gradient in photoshop: quick & easy methods
How to Make a Gradient in Photoshop: Quick & Easy Methods
Select one of the presets to open the gradient for editing—the gradient bar at the bottom will display a preview. To use the preset gradient, click ""OK,"" and then click and drag across the area you want to fill with a gradient.
Published   August 12, 2025
Views   1K
Find elsewhere
🌐
f64 Academy
f64academy.com › gradients-photoshop-explained
Gradients in Photoshop Explained! - f64 Academy
August 3, 2017 - A Gradient Fill adds a directed wash of color. It can be directed in many ways, from a linear gradient to a radial gradient, to a reflected gradient. It is most useful as an adjustment layer and can be used in harmony with Blend Modes and Opacity ...
🌐
CSS Gradient
cssgradient.io › blog › how-to-create-a-gradient-in-photoshop
How to create a gradient in Photoshop – CSS Gradient
Learn how to create custom gradients in Photoshop with this step-by-step guide. Master color stops, opacity, smoothness, and more to design eye-catching graphics.
🌐
Photoshop Gurus
photoshopgurus.com › forums › main forums › general photoshop board
How to fill a rectangle with gradient color | Photoshop Gurus Forum
October 18, 2011 - If you're document isn't matching up with a website (I'm assuming this is the application) and you're not getting the last two pixels lining up, maybe just flattening your image and cropping those last two pixels out. If you still want those pixels to be grading up to the end, you might have to pop back into your blending settings and change the colours on your gradient.
🌐
Solopress UK
solopress.com › home › design tutorials › how to use the gradient tool in photoshop
How to Use the Gradient Tool in Photoshop | Adobe Tutorial | Solopress UK
February 24, 2021 - If you want to make a different shape, you can click and hold the shape tool, and select your desired shape. I’ll then click “Fill” on the top left of the window and select the “Gradient” option, which is this one here.
🌐
Quora
quora.com › How-do-I-make-a-color-gradient-in-Photoshop
How to make a color gradient in Photoshop - Quora
Here is the simplest one. At the bottom of your Layers Panel, click this little button here. In the menu that pops up, click on Gradient. A new Gradient Fill layer will appear, with a window to edit it.
🌐
Great Big Photography World
greatbigphotographyworld.com › home › how to use the gradient tool in photoshop
How To Use the Gradient Tool in Photoshop
February 21, 2024 - To apply any gradient to your image, with the gradient tool selected, simply click and drag your mouse. How the gradient appears on your canvas will depend on which option you have select.
🌐
Dropicts
dropicts.com › how-to-use-gradient-tool-in-photoshop
Gradient Tool In Photoshop: 7 Easy Steps To Stunning Results
February 22, 2024 - You can also edit the color of a Gradient Fill layer using the Properties Panel, as explained in detail in the previous section. This panel offers quick access to adjustment controls. Ensure the Gradient Fill layer is selected and open the Properties Panel to access these settings. The Gradient Tool in Photoshop is an excellent tool with limitless opportunities for customization.
🌐
Quora
quora.com › How-can-you-create-and-use-gradients-in-Photoshop
How to create and use gradients in Photoshop - Quora
Answer: There are gradients, which ... since the sky is paler near the horizon and more saturated higher up. Drag with the Gradient tool to create a gradient. Then t......
🌐
Clipping Path Studio
clippingpathstudio.com › home › tutorial › how to use the gradient tool in photoshop
How to Use Gradient Tool in Photoshop (Updated 2026)
January 2, 2026 - The Gradient Tool in Photoshop enables seamless color transitions in your designs. Select your preferred gradient type – linear, reflected, or custom – then drag across the canvas to create professional color blends. A gradient fill is perfect for enhancing backgrounds, adding dimension, or creating sophisticated visual effects.
Price   $0 - $0
Address   2554 Street, Raymond’s Avenue, Bronx, 10461, New York
🌐
Bwill Creative
bwillcreative.com › photoshop › design › how to create & use gradient fill layers in photoshop
How To Create & Use Gradient Fill Layers In Photoshop
October 13, 2023 - Using a Gradient Fill layer to add blended colors, you can easily edit the gradient type and colors at any stage during your project. ... A gradient creates a gradual blend of various colors. You can add two or more colors to the gradient and control how smooth or sharp the blend between colors is. You can also set the gradient type, which controls the shape in which the colors blend together, such as a radial or linear gradient. In Photoshop, you can use the Gradient Tool to create a gradient, or you can add a Gradient Fill Layer for more control.
🌐
SitePoint
sitepoint.com › content
Adding gradient fills? - Content - SitePoint Forums | Web Development & Design Community
December 5, 2010 - So, click the fx (add layer style) button at the bottom of the Layers palette and click gradient overlay. Click on the gradient stripe (by default mine is black to white) and a popup appears that allows you to select colors you want for the gradient.