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

Chapter 8. Painting and Drawing > Creating and Saving Custom Gradients

Creating and Saving Custom Gradients

Although Photoshop Elements ships with a wide variety of gradients and gradient sets, at some point, you may want to create your own customized gradient effects. All of the tools you’ll need are provided in one powerful package. With the Gradient Editor, you can not only create new gradients—you can create and save new gradient sets, which you can then access and load from the gradient picker. In addition, you can use Photoshop Elements’ Preset Manager to organize and edit your new gradient sets.

To create a new gradient:

Select the Gradient tool from the toolbox.

On the options bar, click the Edit button to the right of the gradient picker (Figure 8.18).

Figure 8.18. The Edit button on the options bar opens the Gradient Editor.

The Gradient Editor dialog box opens (Figure 8.19).

Figure 8.19. The Gradient Editor dialog box.

From among the gradient thumbnails in the Presets area, click to select a gradient similar to the one you want to create.

Keep in mind that any new gradient you create must be based on an existing gradient, so you can save yourself a little time by starting with a gradient that has properties (numbers of bands of color, opacity settings, and so on) similar to the new gradient that you have in mind.

You create and modify gradients primarily by editing the gradient preview in the lower portion of the dialog box. Color stops on the bottom side of the gradient preview define which colors a gradient contains, while opacity stops along the top allow you to add levels of transparency to different sections of the gradient.

Click a color stop to select it (Figure 8.20).

Figure 8.20. You can position the Gradient Editor’s color stops anywhere on the gradient preview bar.

To assign a new color to the color stop, do one of the following:

  • Click directly in the Color box to open the Color Picker; then select a new color from there.

  • Click the arrow next to the color box to open the color pop-up menu. From the pop-up menu, choose either the current foreground or background color (Figure 8.21).

    Figure 8.21. Assign a foreground or background color to a color stop from the Color pop-up menu.

Be aware that this option doesn’t assign a specific color to the color stop, but creates a kind of link to the foreground or background color swatch in the toolbox. This means that if you change the foreground or background color, the color stop (and the section of gradient it defines) will change color too.

If you want to permanently assign a current foreground or background color to a color stop, first select either option from the pop-up menu, then choose User Color from the same menu. Selecting User color will break the link to the toolbox swatches and lock that color into the color stop (Figure 8.22).

Figure 8.22. Select User Color from the Color pop-up menu to change a linked foreground or background color stop (left) to an unlinked, self-contained color stop (right).

The gradient preview changes to reflect the color change.

Assign colors to the remaining color stops in the same fashion.

To add a new color stop, move the pointer to any spot directly below the gradient preview; then click once (Figure 8.23).

Figure 8.23. You can add and modify any number of new color stops.

A new color stop appears, which in turn adds a new color to the gradient in the gradient preview.

The color of the new color stop is determined by the current color displayed in the Color box. If the Color box is grayed-back and inactive, then the last color that appeared in the Color box will be applied to the new color stop.

To move a color stop, do one of the following:

  • Click and drag the stop to a new location below the gradient preview (Figure 8.24).

    Figure 8.24. Move a color stop to change a color’s location in the gradient.

  • Enter a percentage value in its Location text box, below the gradient preview.

As the color stop moves, the color associated with it in the gradient preview will shift accordingly.

Between each set of color stops is a gradient midpoint—the point where two gradient colors meet and mix. The default midpoint location is 50%, or exactly half way between color stops (Figure 8.25).

Figure 8.25. A gradient midpoint at its default location halfway between two color stops.

To move a gradient midpoint, do one of the following:

  • Click and drag the midpoint to anywhere between its two color stops.

  • Enter a percentage value in its Location text box, below the gradient preview (Figure 8.26).

    Figure 8.26. As you move a gradient midpoint, you change the position of the transition area where two colors in the gradient mix together.

As the midpoint moves, the area where the two colors mix in the gradient preview will shift accordingly.

Drag the Smoothness slider above the gradient preview, to decrease or increase the smoothness of the transitions between the new gradient color and those surrounding it (Figure 8.27).

Figure 8.27. With the Smoothness slider set at 100% the transitions between colors are subtle and gradual (top). As the slider moves closer to 0, the transitions become a bit more harsh (bottom).

To remove a color stop, drag the stop straight down, away from the gradient preview.

The color stop disappears, as does its associated color in the gradient preview.

To change a gradient’s opacity, click to select an opacity stop, located above the gradient preview; then move the Opacity slider in the lower portion of the dialog box (Figure 8.28).

Figure 8.28. Opacity stops, in tandem with the Opacity slider, allow you to change the opacity of areas within a gradient.

Additional opacity stops can be added just like color stops, by clicking directly above the gradient preview.

Name your gradient, if you like; then click the New button.

Your new gradient appears with the other thumbnail views in the Presets portion of the dialog box (Figure 8.29).

Figure 8.29. When you create a new gradient, it’s automatically displayed with the other gradients in the Presets thumbnail window.

Click OK to close the dialog box.

Your new gradient is displayed in the gradient picker preview, on the options bar.

When you create a new gradient, it’s saved (at least temporarily) in Photoshop Elements’ preset file. But once you reset the gradients in the gradient picker or select a different gradient set, any new gradients you’ve created will be lost. Fortunately, you can use the Gradient Editor and gradient picker to save your own gradient sets.



Not a subscriber?

Start A Free Trial

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