How to fill in an area with a gradient in Photoshop?


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 can fill vector shapes with gradients but the area I'm trying to fill is not a vector shape; it's an area created by brush strokes. I'm using Photoshop CC.

EDIT: What I meant is an area surrounded or made by multiple brush strokes. After reading Vicki's answer I realized I need to select the area first. I was able to do what I wanted by first using the Magic Want Tool to select the area and then using the Gradient Tool to apply the gradient.

10/1/2015 5:18:00 AM

Accepted Answer

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.

enter image description here enter image description here

10/1/2015 2:44:00 AM

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:

Gradient On Same Layer

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

Gradient on New Layer

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:

Areas for gradient selected

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

New Layer

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

New layer filled with solid

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

enter image description here

enter image description here

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:

enter image description here

enter image description here

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:

enter image description here