Another way is to use a Gradient Overlay Layer Stylehttps://www.youtube.com/watch?v=8PPaQrBIvp0 Answer from Jeff Arola on community.adobe.com
🌐
Adobe
helpx.adobe.com › photoshop user guide › adjust color › apply a gradient fill
Apply gradient fills in Photoshop
February 23, 2026 - 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 - 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.
Discussions

How do I make a gradient swatch?
Do you want to be able to make a gradient swatch and apply that gradient to objects? Or are you trying to store a gradient in hopes that you can quickly select colors that exist within that gradient? If you're trying to make a gradient, this article does a good job or explaining how to create and use one. If you're trying to use the gradient in hopes of eye dropping or selecting colors within that range, the only way where you would have access to those colors would be to create a gradient, fill a layer with that gradient, and then use the eye dropper tool to pick your colors. More on reddit.com
🌐 r/photoshop
1
1
February 14, 2022
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
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
🌐
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.
🌐
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).
🌐
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 ...
🌐
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.
Find elsewhere
🌐
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.
🌐
Envira Gallery
enviragallery.com › home › photography guides › guide to gradient maps in photoshop
Guide to Gradient Maps in Photoshop
May 28, 2024 - Photoshop adjustment layers are a great way to learn in depth, layer based editing. Gradient maps are one of these adjustment layers, and they allow you to creatively color grade images. How can you apply and best utilize gradient maps in Photoshop CC? There are two main ways you can use Photoshop CC’s Gradient maps
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
🌐
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.
🌐
Resource Boy
resourceboy.com › all › photoshop gradients
Photoshop Gradients - Free Download (2026) | Resource Boy
Download high-quality, free Photoshop gradients for unique and professional design results. Ideal for personal and commercial use.
🌐
Zenith Clipping
zenithclipping.com › home › how to make a gradient in photoshop
How to Make a Gradient in Photoshop
October 1, 2024 - There are many spots inside Photoshop where gradients are utilized. The Gradient Tool, for instance, allows us to draw gradients across layers or selections, or across layer masks to make smooth advances starting with one layer and then onto the next. We can fill text and shapes with gradients. We can colorize a photograph utilizing a Gradient Map picture change, or add ...
🌐
Cut Out Image
cutoutimage.com › home › how to create a gradient in photoshop [ expert opinion ]
How To Create A Gradient In Photoshop - Cut Out Image
October 26, 2025 - You can add gradients to your 30th Birthday Photoshoot Ideas. Let’s learn now how to apply a new gradient to a picture. Open a photo in photoshop and create a layer by clicking on the plus sign (+) from the below panel.
🌐
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.
🌐
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.