This post was originally published in October 2016. The tutorial is original to Karen of SnickerdoodleDesigns. She has many more amazing  Photoshop and Photoshop Elements tutorials on her site: SnickerdoodleDesigns.

Over the past weeks, we have been exploring different Photoshop Layer Style Effects.

(How to Load Layer Styles;   Photoshop Styles 101: The Stroke;  Photoshop Styles 101: Color Overlay); Photoshop Styles 101: Color Overlay, Part 2)

Background Basic #1:

Some Layer Styles may consist of multiple effects, while some may only have one.

My Painted Autumn Styles incorporate 6 Effects (Stroke, Inner Shadow, Satin, Color Overlay, Pattern Overlay; and I have added a Drop Shadow for the purpose of this tutorial.)

sd-patterns1

My Color Outside the Lines Styles incorporate only one Effect, that of a pattern.

sd-patterns2

Background Basic #2:

Some Styles are “seamless,” while others are not.  When a style is seamless, you can move the pattern around without seeing a seam.  When the style is not seamless, you may see a seam, depending upon the size of the element to which you are applying the style.

In the image below you can see the seam in this Pattern Effect.  This is not a seamless style.

sd-patterns3a

You can see the seam in this Style.

Here is the same Style, adjusted, so that we do not see the seam.

sd-patterns4

You cannot see the seam in this Style.

While there is a way to make a non-seamless pattern into a seamless pattern; it is an advanced technique, which we will not cover today.

Adjusting the Pattern Overlay Effect:

To access the Pattern Overlay options, double-click on the Pattern Overlay in the Styles box, on the left.

sd-patterns5

(I am using a Color Outside the Lines Style in this example.)

Available Options:

  1. Blend Mode:  Access blend mode options by clicking on the down-pointing arrow.  Blend Modes here work exactly the same as they do in the Layers Panel. (Blend Modes: What are they?)
  2. Opacity: Adjust the slider to change the opacity of the pattern, if desired.
  3. Pattern: Click on the down-pointing arrow to access other patterns.  (We’ll look at this in just a minute. For now we don’t want to change the pattern.)
  4. Scale: Use the slider to adjust the size of your pattern, if desired.   (Typically it is not advisable to take the pattern above 100%; however, in some cases, doing so might be okay. Just pay attention to the clarity of the pattern, when you go above 100%.)
  5. Leave Link with Layer checked.

Please note that for Styles you acquire, they are created by the Designer to use as-is; and these adjustments are not necessary. These are just adjustments you can make should you wish to alter the style for any reason.

Examples:

sd-patterns6

Pattern Position:

You can move the pattern position to adjust the look of a multi-colored or patterned paper, or when working with a non-seamless pattern in order to remove the visibility of the seam on your object.

With the Layer Style Panel Open, left-click with your mouse on the pattern in the object you are working with. While continuing to hold down your mouse button, drag the pattern around until you get the desired look.

sd-patterns7

Here are 3 different looks I received from dragging this one pattern around in the rectangle I was using in this example.

sd-patterns8

Changing Patterns:

If you like the Effects of one Style, but wish the Pattern was different, it’s easy to change.

This is one of my Chipboard Styles. Let’s leave the Bevel & Emboss, Inner Glow, and Drop Shadow alone; and change only the Pattern Overlay.

sd-9

Open the Style options box, then the Pattern options. Click on the down-pointing arrow next to “Pattern” to access all of the patterns you have loaded. Click on the Pattern you would like to use, then click OK.

sd-patterns9

Once you replace your pattern, adjust other options as needed.  (I changed the Blend Mode of this pattern to Overlay.)

sd-10

Adobe has included a lot of different Patterns for us to play with. Click on Pattern Overlay options, then click on the small gear to the right, to access patterns that are included in Photoshop.

sd-patterns11 That’s it for today! I hope you have fun experimenting with Patterns in Layer Styles!

For today’s tutorial, I am using Photoshop CC2015.5.  This extensive Pattern option is not available in Photoshop Elements; however, there are some things you can do with Patterns in PSE.