Gradient Tool
Create smooth color transitions and blending effects with customizable gradient fills.
Shortcut: GBeginner5 min readQuick Reference
Gradient Tool
Adobe PhotoshopLeft toolbar — Brush group (paintbrush icon)
Best Used For
- ▸Create digital artwork and illustrations from scratch
- ▸Add textures, shading, and color to designs
- ▸Apply masks and selective color adjustments
Key Settings
The Gradient Tool creates smooth transitions between multiple colors, allowing you to fill areas with beautiful color blends. You can choose from linear, radial, angular, reflected, and diamond gradient styles, each producing a unique blending effect.
Gradients are essential for creating backgrounds, adding lighting effects, masking, and creating smooth transitions between colors in digital art and design. Photoshop includes many preset gradients, and you can create fully custom gradients with multiple color stops and transparency controls.
Where to Find It
The Gradient Tool is located in the toolbar, typically grouped with the Paint Bucket Tool. Click the gradient square icon or press G. Press Shift+G to toggle between Gradient and Paint Bucket tools.
How to Use
- Select the Gradient Tool: Press G to activate it.
- Choose a gradient: Click the gradient preview in the Options bar to open the Gradient Editor, where you can select presets or create custom gradients.
- Select a gradient style: Choose Linear, Radial, Angle, Reflected, or Diamond from the Options bar icons.
- Drag on the canvas: Click and drag in the direction you want the gradient to flow. The starting point is the first color and the ending point is the last color.
- Adjust blending: Set Mode (blending mode), Opacity, and Dither (reduces banding) in the Options bar before applying.
Settings & Options
- Gradient Picker: Browse and select from preset gradients in the dropdown panel.
- Gradient Editor: Create custom gradients with multiple color stops, opacity stops, and smoothness control.
- Style: Linear (straight line), Radial (circular from center), Angle (conical sweep), Reflected (mirrored linear), Diamond (diamond pattern).
- Reverse: Flips the order of colors in the gradient.
- Dither: Reduces color banding by adding noise — always keep this enabled.
- Transparency: When checked, respects the transparency settings in the gradient definition.
Pro Tips
- Use a shorter drag distance for a sharper transition between colors, and a longer drag for a more gradual blend.
- Hold Shift while dragging to constrain the gradient angle to 45-degree increments.
- Apply gradients on separate layers and use blending modes (Overlay, Soft Light, Multiply) to create complex lighting and shading effects.
Common Mistakes
- Not using Dither: Without dithering, gradients can show visible color banding, especially in areas with subtle color transitions. Always enable Dither.
- Dragging too short a distance: A very short drag creates a sharp, abrupt transition that rarely looks natural. Drag across the full area you want to fill.