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
🌐
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.
🌐
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.
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
A quick way to create a smooth-colorful gradient in Photoshop
How to make a gradient Step 1: make a gradient More on reddit.com
🌐 r/graphic_design
53
759
March 22, 2022
Photoshop 2023: Cannot directly edit gradients anymore?
There is new methode in 2023 version, create your gradient first on canvas by hold drag your cursor on canvas, then there is circle point. click one of circle point then gradient editor will come up. More on reddit.com
🌐 r/photoshop
10
5
September 25, 2022
I seem to be the only one who hates the new gradient tool...

Solved.

Apparently you just have to change the tool to "Classic Gradient". Then, for colors, change Method to classic as well.

More on reddit.com
🌐 r/photoshop
4
4
March 28, 2022
🌐
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).
🌐
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:

🌐
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
🌐
Adobe
helpx.adobe.com › photoshop-elements › using › gradients.html
Using gradients in Photoshop Elements
January 12, 2022 - To add your gradient preset, click New. Click OK to exit the dialog box, and then select the newly created gradient. ... Easily edit and share images with Photoshop Elements Combine photos, swap out colors, and erase anything with AI-powered tools.
Find elsewhere
🌐
Color Experts BD
colorexpertsbd.com › home › our professional photo editing blog › how to create a gradient in photoshop
How To Create a Gradient in Photoshop
November 23, 2023 - From the top bar, you have options to choose from different types of gradients such as linear, radial, angle, reflected, and diamond. We have selected linear-gradient here. Now click and drag the pointer across the area you want to apply the gradient on. You will see the gradient applied once you release the mouse pointer. You may also read: How to invert colors in Photoshop?
🌐
Adobe
helpx.adobe.com › photoshop › web › add-effects › draw-and-paint › apply-gradients.html
How to apply gradients in Photoshop on the web
October 29, 2025 - Drag the cursor across the selected area to fill it with the gradient. Try the latest in Photoshop on the web Start exploring new features and enhancements.
🌐
Photoshop Essentials
photoshopessentials.com › home › photoshop basics › gradients › how to draw gradients
How To Draw Gradients With The Gradient Tool In Photoshop
July 26, 2023 - To load any of the sets, click on its name in the list. I clicked on the Photographic Toning set. Photoshop will ask if you want to replace the current gradients with the new ones. If you click Append, rather than replacing the original gradients, it will simply add the new ones below the originals.
🌐
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 - You’ll learn to use Photoshop gradients to create stunning colour blend effects in your designs. ... Double click the circles at either end of the gradient bar to select the colours you wish to graduate between ... This is a simple way to add a gradient in Photoshop, but there are many more advanced options and functions to explore.
🌐
Studio 2am
studio2am.co › home › news › news
How To Install Gradients In Adobe Photoshop
July 27, 2023 - A quick and easy guide to installing Gradients into Adobe Photoshop for Mac and PC 1. Open the Window Menu in Photoshop and then Choose Gradients from the dropdown 2. Click the menu icon on the top right of the Gradients box 3. Select 'Import ...
🌐
Trusted Reviews
trustedreviews.com › home › how to use the gradient tool in photoshop
How to use the gradient tool in Photoshop
June 12, 2025 - Learn how to make smooth colour to colour gradient transitions with this simple Photoshop gradient tutorial.
🌐
Creative Market
creativemarket.com › home › how to install and use photoshop gradients
How to Install and Use Photoshop Gradients - Creative Market Blog
April 16, 2024 - You’re now going to have a .GRD file to deal with, and if you have your icons turned on, you’ll see GRADIENT written on the file. Open up Photoshop, and click on the Gradients panel. In the upper right-hand corner is a gear.
🌐
Adobe Support Community
community.adobe.com › home › app communities › photoshop ecosystem › questions › how to add gradient to image layer?
How to Add Gradient to Image Layer? | Community
February 2, 2024 - To apply a gradient overlay to an image, you can either use the Layer > Layer Style menu and select Gradient Overlay, or create a new gradient layer above the image and clip it to the image layer.
🌐
Reddit
reddit.com › r/graphic_design › a quick way to create a smooth-colorful gradient in photoshop
r/graphic_design on Reddit: A quick way to create a smooth-colorful gradient in Photoshop
March 22, 2022 - Like, how do the Kardashians make themselves curvier in Photoshop without destroying the edge details with blur? Apps can do it. ... Very nice!! Would love to know what settings you have your smudge tool at? I’m a newb with the smudge ... Big woop... ... Get two colors, fade them together, do this, and wow cool color thingy. :) ... How do I vectorize this image with gradient?
🌐
Envato Tuts+
design.tutsplus.com › home › design & illustration › add-ons › text effects
How to Make Gradient Text in Photoshop | Envato Tuts+
April 4, 2023 - In this article, we'll show you how to make gradient text in Photoshop, an easy and effective way to make your text stand out.
🌐
PhotoshopCAFE
photoshopcafe.com › tutorials › how-to-make-custom-gradients-in-photoshop-gradient-tool-crash-course
How to Make custom gradients in Photoshop. Gradient tool Crash Course. - PhotoshopCAFE
September 15, 2025 - I'm going to show you how to use the gradient tool in Photoshop. Gradient tool basics, making custom gradients, how to use presets, how to add depth and create shapes like Spheres, Cylinders and Cones and also how to make really cool patterns. Hold on to your seat belts!
🌐
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.