To
fill part of the image, select the area with one of the selection
tools. Otherwise, the gradient fill is applied to the entire active
layer.
Last updated on
Jan 12, 2022
- Photoshop Elements User Guide
- Introduction to Photoshop Elements
- Workspace and environment
- Fixing and enhancing photos
- Resize images
- Cropping
- Process camera raw image files
- Add blur, replace colors, and clone image areas
- Adjust shadows and light
- Retouch and correct photos
- Sharpen photos
- Transforming
- Auto Smart Tone
- Recomposing
- Using actions to process photos
- Photomerge Compose
- Create a panorama
- Moving Overlays
- Moving Elements
- Adding shapes and text
- Quick Actions
- Guided edits, effects, and filters
- Guided mode
- Filters
- Guided mode Photomerge edits
- Guided mode Basic edits
- Adjustment filters
- Effects
- Guided mode Fun edits
- Guided mode Special edits
- Artistic filters
- Guided mode Color edits
- Guided mode Black & White edits
- Blur filters
- Brush Stroke filters
- Distort filters
- Other filters
- Noise filters
- Render filters
- Sketch filters
- Stylize filters
- Texture filters
- Pixelate filters
- Working with colors
- Working with selections
- Working with layers
- Creating photo projects
- Saving, printing, and sharing photos
- Keyboard shortcuts
- Keys for selecting tools
- Keys for selecting and moving objects
- Keys for the Layers panel
- Keys for showing or hiding panels (expert mode)
- Keys for painting and brushes
- Keys for using text
- Keys for the Liquify filter
- Keys for transforming selections
- Keys for the Color Swatches panel
- Keys for the Camera Raw dialog box
- Keys for the Filter Gallery
- Keys for using blending modes
- Keys for viewing images (expertmode)
About gradients
You fill an area with a gradient by dragging within the image or by selecting with the Gradient tool. The distance between the starting point (where you first press the mouse button) and ending point (where you release the mouse button) affects the gradient appearance, as does the gradient type.
You can choose any of the following gradient types in the Tool Options bar.
Linear gradient
Shades from the starting point to the ending point in a straight line.
Radial gradient
Shades from the starting point to the ending point in a circular pattern.
Angle gradient
Shades in a counterclockwise sweep around the starting point.
Reflected gradient
Shades using symmetric linear gradients on either side of the starting point.
Diamond gradient
Shades from the starting point outward in a diamond pattern. The ending point defines one corner of the diamond.
Note:
You can also use a Fill Layer to apply a gradient to your image. The fill layer gives you the added flexibility of changing the gradient properties and editing the fill layer’s mask to limit the gradient to a portion of your image.
Gradients are stored in libraries. You can choose a different library of gradients to display in the Gradient Picker menu by clicking the the menu and selecting a library at the bottom of the list. You can also save and load your own libraries of gradients in this menu. You can also manage gradients by using the Preset Manager.
Apply a gradient
-
-
Select the Gradient tool .
-
In the Tool Options bar, click the desired gradient type.
-
Choose a gradient fill from the Gradient Picker panel in the Tool Options bar.
-
(Optional) Set gradient options in the Tool Options bar.
Mode
Specifies how the gradient blends with the existing pixels in the image.
Opacity
Sets the opacity of the gradient. A low opacity setting allows pixels under the gradient to show through. Drag the slider or enter an opacity value.
Reverse
Switches the order of the colors in the gradient fill.
Transparency
Uses the gradient’s transparency (instead of any transparent areas in the image) if the gradient has transparent areas.
Dither
Creates a smoother blend with less obvious bands of color.
-
In the image, position the pointer where you want to set the starting point of the gradient, and drag to define the ending point. To constrain the gradient angle to a multiple of 45°, hold down Shift as you drag.
Apply gradient fill to text
-
Select the text you want to fill.
-
Choose Layer > Simplify Layer to convert the vector text to a bitmap image. You won’t be able to edit the text after you simplify the layer.
-
Control-click (Command-click in Mac OS) the thumbnail for the text layer in the Layers panel to select the text.
-
Select the Gradient tool.
-
In the Tool Options bar, click the desired gradient type.
-
Choose a gradient fill from the Gradient Picker panel.
-
Position the pointer on the text where you want to set the starting point of the gradient, and drag to define the ending point.
Define a gradient
You can define your own gradients in the Gradient Editor dialog box. A gradient can include two or more colors, or one or more colors that fade to transparency.
A. Color Stop B. Color Midpoint C. Opacity Stop
To define a gradient, you add a color stop to add a color to the gradient, drag the color stop and the midpoint icon to define the range between two colors, and adjust the Opacity stops to specify the transparency that you want in the gradient.
-
From the Draw section in the toolbox, select the Gradient tool.
-
To display the Gradient Editor dialog box, click the Edit button below the gradient sample.
-
In the Preset section of the Gradient Editor dialog box, select a gradient on which to base your new gradient.
-
To choose colors for your gradient, double-click the color stop, or click the Color swatch to display the Color Picker. Choose a color, and click OK.
-
To adjust the color stop location of a color, drag the stop left or right.
-
To add a color to the gradient, click below the gradient bar to define another color stop.
-
To adjust the location of the transition midpoint between colors, drag the diamond below the gradient bar to the left or right.
-
To delete the color stop you are editing, click Delete.
-
To set the color transition’s smoothness, enter a percentage in the Smoothness text box, or drag the slider.
-
If desired, set transparency values for the gradient by dragging the Opacity stops.
-
To save the gradient in the gradient presets, enter a name for the new gradient, and then click Add to preset.
-
Click OK. The newly created gradient is selected and ready to use.
Specify gradient transparency
Each gradient fill contains settings (opacity stops) that control the opacity of the fill at different locations in the gradient. The checkerboard pattern indicates the amount of transparency in the gradient preview. Gradients need at least two opacity stops.
-
Create a gradient.
-
To adjust the starting opacity in the Gradient Editor, click the left opacity stop above the gradient bar. The triangle below the stop turns black, indicating that you’re editing the starting transparency.
-
Set the Opacity by doing one of the following:
Enter a value between 0 (fully transparent) and 100% (fully opaque).
Drag the arrow on the Opacity slider.
-
To adjust the opacity of the endpoint, click the right transparency stop above the gradient bar. Then set the opacity as described in step 3.
-
To adjust the location of the starting or ending opacity, do one of the following:
Drag the corresponding opacity stop to the left or right.
Select the corresponding opacity stop, and enter a value for Location.
-
To adjust the location of the midpoint opacity (the point midway between the starting and ending opacities), do one of the following:
Drag the diamond above the gradient bar to the left or right.
Select the diamond, and enter a value for Location.
-
To delete the opacity stop you are editing, click Delete, or drag the stop away from the gradient bar.
-
To add an intermediate opacity, click above the gradient bar to define a new opacity stop. You can then adjust and move this opacity as you would a starting or ending opacity.
To remove an intermediate opacity, drag its transparency stop up and off the gradient bar, or select the stop and click the Delete button.
-
To save the gradient to the gradient presets, enter a new name in the Name text box, and then click New. This creates a new gradient preset with the transparency setting you specified.
-
Click OK to exit the dialog box and select the newly created gradient. Make sure that Transparency is selected in the Tool Options bar.
Create a noise gradient
A noise gradient is a gradient that contains randomly distributed colors within a range of colors that you specify.
A. 10% noise B. 50% noise C. 90% noise
-
Select the Gradient tool.
-
To display the Gradient Editor dialog box, click the Edit button in the Tool Options bar.
-
Choose Noise from the Gradient Type menu.
-
Set options for the gradient.
Roughness
Sets the amount of softness in the transition between colors in the pattern.
Color Model
Specifies the color model to use to set the color range to include in the gradient. To define the range of colors, drag the sliders for each color component.
Restrict Colors
Prevents oversaturated colors.
Add Transparency
Adds transparency to random colors.
-
To randomly mix the colors, click the Randomize button until you find a gradient you like.
-
Enter a name for the new gradient.
-
To add your gradient preset, click New.
-
Click OK to exit the dialog box, and then select the newly created gradient.
More like this
Adobe MAX
The Creativity Conference
Oct 14–16 Miami Beach and online
Adobe MAX
The Creativity Conference
Oct 14–16 Miami Beach and online