Pattern Overlay

Pattern Overlay

Photoshop CS6 Tutorial


How to Use the Pattern Overlay Layer Style in Photoshop



Color Overlay, Gradient Overlay and Pattern Overlay allow you to change the color of all pixels on the target layer. Pattern Overlay fills the layer with a chosen pattern and is one of many Layer Styles found in Photoshop.

In this example we will fill a text object with a pattern. You can also use this technique with shapes and masked objects that reside on their own layer.


Step One

Open a new document in Photoshop (File > New). Set the size to 500 pixels by 500 pixels at 72 ppi. Set Background Contents to White.

Step Two

Select the Text tool, click the workspace and add some text. Set the Text Color to a shade of blue.

Step Three

Select the Text layer in the Layers palette and choose Layer > Layer Style > Pattern Overlay.

Step Four

Notice that the Pattern Overlay heading is Bold and has a checkbox. Selecting any of the heading names will change the effect dialog box on the right.

Step Five

To set the pattern, click the Pattern Rectangle selector box and choose a pattern. For more pattern libraries, click the Library pull-down menu and choose a new Library.

Step Six

The Blend Mode options are similar to the layer Blending Modes in Photoshop.

Step Seven

The pattern size can be scaled up or down with the Scale slider.

Step Eight

To mute the texture, adjust the Opacity slider. Once you are satisfied, click OK.

Step Nine

You can return to the settings by double-clicking Color Overlay in the Layers panel.

Copy/Paste Layer Styles

To duplicate a layer style, select the source style layer, choose Layer > Layer Style > Copy. Select the target layer and choose Layer > Layer Style > Paste.

Adding Layer Styles with Layers Panel

In addition to the Layers menu, you can also add a Layer Style by clicking the Add a Layer Style icon (displays as fx) at the bottom of the Layers palette and selecting the desired style.


Contribute Ad