How to Reposition a Photoshop Layer Style Pattern

March 23, 2019

Did you know you can easily reposition a Layer Style’s Pattern when using the full version of Photoshop?

It’s very easy! Here’s how:

  • In the Layers Panel select the layer that has the style you want to adjust.
sd-how-to-move-patterns-in photoshop-tutorial-Snickerdoodle-Designs
  • Click on “Effects” (or anywhere in the “Effects” area, but not on the name of the Layer itself). This will open the Layer Style Panel.
  • Click on Pattern Overlay to make it active.
sd-how-to-move-patterns-in photoshop-tutorial-Snickerdoodle-Designs
  • Click on “Pattern Overlay” in the Layer Style options box on the left to make it active.
  • You can see the entire Pattern on the right, in the Pattern Overlay options box. This is handy for re-positioning reference.
  • Move to your document. Place your cursor on the object to which you have applied the style. In the image above, I have placed the cursor on the rounded rectangle.
  • Left-click and hold down with your mouse, then move your cursor around within the bounds of the object to reposition the pattern.
  • When you are happy with the result, release the mouse.

So how is this useful?

  • For the purposes of this tutorial, I used my seamless Watercolor Styles 01. Because the styles are seamless, I moved around the pattern in just one of the style effects and was able to quickly come up with 9 different looks. The ability to reposition patterns exponentially multiplies the options you have when using seamless styles with color variations.
  • If you are working with a style that is not seamless, and the shape to which you want to apply a style is larger than the pattern size, you will see the pattern seams. Here’s what that would look like:
sd-how-to-move-patterns-in photoshop-tutorial-Snickerdoodle-Designs

By repositioning the pattern, depending upon the size of the style and of the object, you have a good chance of being able to hide the seams. By dragging the pattern a bit to the left, this is the result I was able to achieve with this style:

sd-how-to-move-patterns-in photoshop-tutorial-Snickerdoodle-Designs

Unfortunately, Photoshop Elements users are not able to reposition patterns, but they are able to Scale a pattern, which can be helpful.

In the top menu bar: Layer > Layer Style > Scale Effects.

Another window will open which has a slider, allowing you to make the pattern larger or smaller. When making a pattern much larger than it is intended, you may degrade the quality of the pattern, so that’s just something to be aware of.

sd-how-to-move-patterns-in photoshop-tutorial-Snickerdoodle-Designs

So that’s how you reposition a pattern within a Photoshop Style.

Karen Schulz

You May Also Like…

Ready To Explore?

Ready To Explore?

Exploring can be as close as your own backyard. I recently was able to do some traveling, after being home for quite a...

Funny Phrases

Funny Phrases

Something went wrong and the first words out of my mouth were "Oh, Crumb!" My 19-year-old grandson, Tyler, was present...


Submit a Comment