🌐
Adobe
helpx.adobe.com › photoshop user guide › adjust color › apply a gradient fill
Apply gradient fills in Photoshop
1 month ago - Try it in the app Follow along with a sample file to learn how to add gradient fill in a few simple steps. ... Select the area where you wish to apply the gradient. Select the Gradient tool. To find it, select and hold the Paint Bucket tool.
🌐
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.
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
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
After they screwed up gradients completely in new update, is it possible to revert PS to older version?
I too was surprised at the change in the gradient tool with v24.5. My googling quickly brought up a youtube video that explained that "Classic gradient" was an option in the options bar. I use the radial gradient a lot, painting on masks primarily, as it creates a more soft edge than even the softest edge brush. I was very happy to see that Classic gradient restored the tool's behaviour to what I was accustomed. More on reddit.com
🌐 r/photoshop
17
4
April 13, 2023
🌐
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
... Press G. This activates the Gradient tool on the toolbar. If you don't see the gradient tool, click and hold the paint bucket until the menu expands, and then click Gradient Tool. ... Select Gradient.
Published   August 12, 2025
Views   1K
🌐
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.
🌐
CSS Gradient
cssgradient.io › blog › how-to-create-a-gradient-in-photoshop
How to create a gradient in Photoshop – CSS Gradient
Once in Photoshop, select the gradient tool from the panel entitled “Tools” · Click the “Edit” button on the Options Bar (luckily, this button looks just like a gradient swatch!) You’ll be given a few options at the top of this menu as “Presets.” Choose one of these as the basis for your new gradient
🌐
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.
🌐
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.
🌐
Photoshop Essentials
photoshopessentials.com › home › photoshop basics › new ways to add gradients
New Ways to Add Gradients in Photoshop
October 31, 2022 - The gradient was added as a Gradient fill layer. Related: How to draw gradients with the Gradient Tool · To try a different gradient, first make sure the Gradient fill layer is selected in the Layers panel, and then simply click on a different gradient in the Gradients panel. Photoshop instantly updates the document with the new gradient colors:
Find elsewhere
🌐
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.
🌐
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.
🌐
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 - Adding the Alt (Win) / Option (Mac) key while clicking the New Layer icon tells Photoshop to first open the New Layer dialog box where we can name the layer before it's added. I'll name my layer "Gradient", then I'll click OK:
🌐
Photoshop Essentials
photoshopessentials.com › home › photoshop basics › the new gradients panel
The New Gradients and Gradients Panel in Photoshop CC 2020
October 31, 2022 - And back in the Gradients panel, the new gradient appears, ready to be added to your document: The new gradient in the Gradients panel. And there we have it! That's a quick tour of the new Gradients panel, the new default gradients, and how to create your own gradients, in Photoshop CC 2020.
🌐
MakeUseOf
makeuseof.com › home › creative › how to create a custom gradient using photoshop cc
How to Create a Custom Gradient Using Photoshop CC
March 25, 2019 - At the top of the editor you'll see a row of Presets that come with Photoshop CC. Along the right side of the editor are options to Load, Save, and create New gradients. At the bottom of the editor are the tools to customize your gradient.
🌐
Adobe
helpx.adobe.com › ph_fil › photoshop › how-to › gradient-tool.html
How to use the Gradient tool in Adobe Photoshop to create a graphic overlay
December 28, 2022 - Learn how to create a gradient over a black-and-white photo using the Magic Wand tool, a Gradient Fill adjustment layer, and a layer mask.
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:

🌐
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).
🌐
Envira Gallery
enviragallery.com › home › photography guides › guide to gradient maps in photoshop
Guide to Gradient Maps in Photoshop
May 28, 2024 - I’ll do that by removing some of the harsher white light tones with warmer and more natural ones. Apply the Gradient Map in a new layer, either from Image >> Adjustments >> Gradient Map or from your Adjustments panel.
🌐
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 - I didn’t realize you could make vectorized gradients in Photoshop ... Before then, the gradient was a layer effect that would be scalable / not raster if that makes sense. ... Thanks for the reply! Unfortunately I still can’t figure out how to warp or modify the gradient overlay without it being a raster to begin with though. As far as I’m aware, in order for a layer effect to have an effect, it needs a base raster layer to work on (why I believe OP fills the new layer at the beginning).