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 - In the Options bar, select the gradient preview to open the gradient picker. Select a preset gradient. Select a gradient type from the Options bar: Linear, Radial, Angular, Reflected, or Diamond.
🌐
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.
Discussions

How to fill in an area with a gradient in Photoshop? - Graphic Design Stack Exchange
With the Paint Bucket Tool I can fill an area with a solid color. How can I fill an area with a gradient? When I try to use the Gradient Tool, it fills the entire layer with a gradient. I know I ca... More on graphicdesign.stackexchange.com
🌐 graphicdesign.stackexchange.com
How do I make this gradient background in photoshop?
You can create a canvas. Create a solid color fill layer that will be the dark background. Use the gradient tool to create a radial gradient fill layer, Ctrl+i to invert the mask to black. Then use the gradient tool again, but using foreground to transparent as the gradient, white as the foreground color. As we draw out the gradient, the colors of the gradient fill layer are revealed. More on reddit.com
🌐 r/photoshop
5
4
December 2, 2024
How to make a multi-color gradient in photoshop? - Graphic Design Stack Exchange
Hello, I was wondering what it takes to make this blurred and blended type of multi colored gradient in photoshop? Any help is greatly appreciated! More on graphicdesign.stackexchange.com
🌐 graphicdesign.stackexchange.com
December 20, 2014
How would I make a custom shape gradient like this in photoshop? (I made this image in a different app)
gaussian blur and save out as a backgroundless PNG! More on reddit.com
🌐 r/photoshop
12
2
August 29, 2023
🌐
Adobe
helpx.adobe.com › photoshop › using › tool-techniques › gradient-tool.html
Create smooth color blending effects with the Gradient tool
April 29, 2024 - Drag the cursor across the selected area to fill it with a gradient. ... Create stunning images with Photoshop Edit, retouch, and transform photos with the industry-leading creative tools you know and love.
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:

Find elsewhere
🌐
Techjockey
techjockey.com › question › 7160 › how-to-use-gradient-tool-in-photoshop
How to use gradient tool in Photoshop?
February 1, 2024 - Techjockey Helps Million of Businesses to Buy the Best Software Online in India. 15000+ Software, 5500+ Vendors, 600+ Categories, 1+ Lakh Verified Reviews.
🌐
Reddit
reddit.com › r/photoshop › how would i make a custom shape gradient like this in photoshop? (i made this image in a different app)
r/photoshop on Reddit: How would I make a custom shape gradient like this in photoshop? (I made this image in a different app)
August 29, 2023 - your best bet is to use illustrator to create the type of gradient youre looking for, then bring object into and render out via Photoshop. theres A LOT more you can do with gradients in Illustrator versus Photoshop.
🌐
Nikon Cafe
nikoncafe.com › home › forums › image processing software › adobe processing products
Tutorial request for making gradients in Photoshop CC | Nikon Cafe
September 27, 2020 - See: https://www.photoshopesse... Camera Raw which you can call from the PS menu: Filter->Camera Raw (Ctrl-Shift-A) in Windows, then press "G" for graduated filter....
🌐
Reddit
reddit.com › r/photoshop › how to create a gradient like this in photoshop?
r/photoshop on Reddit: How to create a gradient like this in photoshop?
April 18, 2025 -

I posted this question in r/AdobeIllustrator and a fee folks said this is possible on ps. Curious what people’s take is on this.

🌐
Ecomclips
ecomclips.com › blog › how-to-use-gradient-tool-in-photoshop
How to Use Gradient Tool in Photoshop
February 12, 2022 - The gradient tool, for example, allows us to draw gradients between layers. ... After opening Photoshop, you will see a toolbar on the left side. There you will see two columns of tools.
🌐
Adobe
helpx.adobe.com › photoshop-elements › using › gradients.html
Using gradients in Photoshop Elements
January 12, 2022 - Create a gradient. To adjust the starting opacity in the Gradient Editor, click the left opacity stop above the gradient bar.
🌐
Adobe Support Community
community.adobe.com › t5 › Photoshop › How-do-I-create-a-gradient-rectangle-going-from-white-to › m-p › 9235904
How do I create a gradient rectangle going from white to transparent (left to right)?
August 28, 2022 - You can alter the gradient by highlighting the shape layer in the layers panel then clicking on the gradient in the properties panel ... /t5/photoshop-ecosystem-discussions/how-do-i-create-a-gradient-rectangle-going-from-white-to-transparen...
🌐
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
Gradients can be used to add subtle color changes to an image, such as those caused by shadow, and they can be layered and blended to create interesting effects. To make a gradient in Photoshop, select the gradient tool and create a custom gradient. ...
Published   August 12, 2025
Views   1K
🌐
Photography for Real Estate
photographyforrealestate.net › home › editing › how to make a gradient in photoshop
How to Make a Gradient in Photoshop | PFRE
August 3, 2023 - The color gradient is the gradual blending and transitioning from one color to another, forming a range of position-dependent colors. Photoshop allows you to create gradients using multiple colors of the same tone, like navy blue and light blue, or different tones like yellow and blue.
🌐
PHLEARN
phlearn.com › tutorials › how to add a gradient in photoshop
How to Add a Gradient in Photoshop - PHLEARN
January 2, 2025 - 4. Go to Select > Select Sky. 5. Refine the selection using Select > Color Range. 6. Adjust Fuzziness for precise selection. 7. Press G for the Gradient Tool and choose a gradient (e.g., blue).
🌐
Reddit
reddit.com › r/photoshop › how do you make a gradient on a gradient
r/photoshop on Reddit: How do you make a gradient on a gradient
January 3, 2025 -

It seems like it should be simple. I want to overlay a color gradient over a picture. Then I want that gradient to fade from opaque to transparent, where my item is revealed.

My thinking is:

  1. Create "gradient A" using the standard method (select, gradient tool)

  2. Rasterize this layer

  3. Allegedly I should be able to create a mask and use the black to transparent gradient to fade Gradient A, right?

🌐
Quora
quora.com › How-do-I-add-a-gradient-to-a-stroke-in-Photoshop
How to add a gradient to a stroke in Photoshop - Quora
Graphic Designer, having used Photoshop since 1994. · Author has 223 answers and 602.1K answer views · 5y · Click the Gradient tool (or type G on the keyboard).