Experiment with color choices and edit your colors nondestructively by using Fill layers in Adobe Photoshop CC.
add-color-fill-layers_1800x1012

Our book cover design has three elements on separate, named layers: Chair, Brick Wall, and Pattern.

add-color-fill-layers_fig1

Use a Fill layer to experiment with colors

Using Fill layers to colorize design elements makes it easy to try out color combinations before settling on a final look.

Select the Brick Wall layer. Click the Fill/Adjustment layer icon at the bottom of the Layers panel and select Solid Color. Pick a color from the Color Picker that appears. You can move the round selector to adjust the color, and then click OK. Tip: Drag the vertical slider on the rainbow-colored bar to view a different color range. Click OK.

The Color Fill layer affects all the layers below it. Once it’s added, you can adjust or change the color freely and also apply it to selective parts of your design, as you’ll do later in this tutorial.

add-color-fill-layers_fig2

Try changing the layer blending mode of the selected Color Fill layer to create other effects. We chose Color from the Blend Mode menu at the top of the Layers panel. This applies the selected color so you can see the texture in the underlying layers. You can also adjust the Color Fill layer’s opacity by dragging the Opacity slider in the top-right of the Layers panel.

add-color-fill-layers_fig3

Tip: It’s easy to edit the original color — simply double-click the Color Fill layer’s thumbnail in the Layers panel, choose another color in the Color Picker, and then click OK.

Rearrange the Color Fill layer

Now that you’ve picked a color, you can experiment some more.

Try changing the layer order. If you move the Color Fill layer in the Layers panel, you’ll get different results depending on its position in the layer stack.

add-color-fill-layers_fig4
add-color-fill-layers_fig5

Colorize a single layer in the layer stack

By default, a Color Fill layer affects all layers beneath it. You can make it affect a single layer directly below it, regardless of the layer’s position in the layer stack.

With the Color Fill layer selected in the Layers panel, right-click the layer name (to the right of the layer’s thumbnail images) and choose Create Clipping Mask.

This indents the Color Fill layer in the Layers panel, indicating that it’s affecting only the layer directly below.

add-color-fill-layers_fig6

Explore other types of Fill layers

Now that you’ve seen how easy it is to colorize your art, try applying other types of color and texture effects to your design.

Select the Pattern layer and click the Fill/Adjustment layer icon. Select Gradient. This creates a Gradient Fill layer that behaves a lot like a Color Fill layer. In the Gradient menu, pick any gradient style. Change the angle if you like, and then click OK. Finally, we changed the blending mode of the Gradient Fill layer to Overlay.

add-color-fill-layers_fig7

Apply colors selectively  

Every Fill layer includes a layer mask. When the layer mask is white, it reveals or applies the color to the entire image. When you add black to the layer mask, it hides the color from corresponding parts of the image.

In our example, we selected a large, soft-edged brush (1400) at 100% opacity and painted over a part of the layer mask in black.

add-color-fill-layers_fig8

To finish our book cover design, we added a title and subtitle. To make the subtitle stand out against its background, we placed a rectangle below the subtitle layer and applied a soft blue-gray Color Fill layer clipped to the rectangle layer.

add-color-fill-layers_fig9
07/05/2018

Contributors: Big FaceAlexkusuriuri

Was this page helpful?