ChangeStyleColor

Styles 101: The Color Overlay – Part Two

In this lesson, we will learn about

  • Apply Styles Effect to Word Art
  • Change the Color of the Styles Effect
  • Remove Drop Shadow
  • Simplify Layer
  • Convert to Black and White
  • Add New Fill Layer with Solid Color
  • Reapply Drop Shadow
  • Recap Process with Another Example

In our previous tutorial, Styles 101: Color Overlay Part One, we looked at the Color Overlay in Styles Effects.  In Styles 101: The Color Overlay – Part 2, we’re going to look at changing the color of a Styles Effect.

Apply Styles Effect to Word Art

We’ll begin with a word art graphic in black, apply a Styles Effect then change the color. Nice word art but the word “Sunshine” is large and the black color is so harsh!

page01

First, in the Layers panel, select the layer containing the Sunshine text. Then we’ll apply a Styles Effect, in this case, the pink stitching effect.  Did you know you can apply any Style Effect to an object?

page02

Okay, the pink is not really working for me.

page2a

Remove Drop Shadow

We need to Simplify the layer but first we need to remove the Drop Shadow.  Double click the Fx icon on the layer that the Styles Effect was applied to.  Uncheck Drop Shadow. Click OK.

page03

Simplify Layer

Right-click on the layer, select Simplify Layer.

Note: After the layer is Simplified the Fx icon will disappear.

page04

Convert to Black and White

In the Menu Bar at the top of the window choose Enhance> Convert to Black and White.

page05

You can Select a style in the lower left area.  For this example, Portraits looks best. Click OK.

page06

This is what we have now.

page07

Add New Fill Layer with Solid Color

In the top Menu Bar select Layer> New Fill Layer> Solid Color.

page09

Tick the box to Use Previous Layer to Create Clipping Mask. Click OK.

page10

The Color Fill Layer will be clipped to the Black & White object.  Pick a color in the Color Picker using one or more of these methods: A. Click & drag circle B. Drag the Slider up & down C. Enter the code values by number or D. Enter the Hex Code in the box at the bottom.  Click OK.

page9a

Change the Blend Mode of the Color Fill layer to Overlay.

page11

Reapply Drop Shadow

Now you can reapply Drop Shadow to the layer.

page13

Recap with Another Example

So just to recap here is another example using Glass Buttons Styles.

1. Draw a square Shape (any color) 2. Apply a Glass Buttons Styles Effect (any color) 3. Remove Drop Shadow 4. Simplify Layer  5. Convert to Black and White> Portrait 6. Menu Bar: Layer> New Fill Layer> Solid Color > Tick: Use Previous Layer to Create Clipping Mask> OK.  7. Select Color 8. Change Blend Mode to Overlay.  9. Re-apply Drop Shadow.

page15

I hope this helps you understand how Styles work, that you aren’t stuck with the colors available in a particular Styles Effect selection and how to change the color to something that works with your layout.  A special thanks to Snickerdoodle Designs by Karen for demystifying Styles for me.

If you use Photoshop instead of Photoshop Elements, check out Karen’s sister tutorial here.

Credits:

Download PDF