• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 4. Painting and Editing > Adding a gradient to the background

Adding a gradient to the background

The gradient tool options let you create straight-line, radial, angle, reflected, and diamond blends between colors. You can fill a background or a selection with a gradient.

1.
In the Layers palette, select the Gradient layer.

2.
Select the gradient tool ( ) hidden under the paint bucket tool ( ).

You'll make a color gradient that starts with white on the left and gradually blends to brown on the right.

3.
In the tool options bar, click the gradient sample box to display the Gradient Editor dialog box.



The Gradient Editor dialog box lets you define a new gradient by modifying a copy of an existing gradient. You can also add intermediate colors to a gradient, creating a blend between more than two colors.

4.
In the Gradient Editor dialog box, double-click the color stop ( ) located at the lower-left corner of the gradient bar, to select it and display the Color Picker dialog box.


Double-clicking the color stops below the gradient bar selects them and displays the Color Picker dialog box.


5.
In the Color Picker dialog box, select the white color in the upper-left corner, and click the cube icon ( ) to adjust the color to a Web color.

Tip

Before selecting a color in the Color Picker, you can select Only Web Colors to limit your selection to Web-safe colors.

6.
Click OK.

7.
In the Gradient Editor dialog box, double-click the color stop ( ) located at the lower-right corner of the gradient bar, to display the Color Picker dialog box again.

8.
In the Color Picker dialog box, select the check box for Only Web Colors, and then enter 147 in the R text box, 132 in the G text box, and 100 in the B text box.

After you enter each value, Photoshop immediately changes them to the closest Web value: 153 for R, 153 for G, and 102 for B.

9.
Click OK to close the Color Picker, and then click OK to close the Gradient Editor dialog box.

Notice that the brown gradient you created appears in the tool options bar.

10.
In the tool options bar, select the Radial Gradient icon ( ).



11.
Using the gradient tool, drag from the center of the image to the edge of the document window and release the mouse.


Dragging the gradient tool from the center of the flowers


The white color of the gradient starts at the center and radiates out to brown on all the edges of the image. Now you'll blend the luminosity of the radial gradient with the green color of the Background layer.

12.
In the Layers palette, choose Luminosity from the menu at the top of the palette to set the blending mode for the Gradient layer.

13.
Choose File > Save.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint