{"id":29491,"date":"2019-03-30T07:00:59","date_gmt":"2019-03-30T14:00:59","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=29491"},"modified":"2019-03-29T18:05:15","modified_gmt":"2019-03-30T01:05:15","slug":"photoshop-layer-style-pattern-adjustments","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2019\/03\/photoshop-layer-style-pattern-adjustments\/","title":{"rendered":"Photoshop Layer Style Pattern Adjustments"},"content":{"rendered":"<p>Did you know that, when using the full version of Photoshop, you can easily adjust the position of a pattern within a Photoshop Layer Style? Photoshop Elements does not have the option available, but there is a work-around.\u00a0 It&#8217;s very easy! Here&#8217;s how:<\/p>\n<p><strong>Photoshop:<\/strong><\/p>\n<p>1. In the Layers Panel select the layer that has the style you want to adjust.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-29492 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-01.jpg\" alt=\"Moving a Pattern in a Layer Style Tutorial Snickerdoodle Designs\" width=\"640\" height=\"300\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-01.jpg 640w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-01-500x234.jpg 500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. Click on &#8220;Effects&#8221; (or anywhere in the &#8220;Effects&#8221; area, but not on the name of the Layer itself). This will open the Layer Style Panel.<\/p>\n<p style=\"padding-left: 40px\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-29493 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-02.jpg\" alt=\"\" width=\"819\" height=\"308\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-02.jpg 819w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-02-500x188.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-02-768x289.jpg 768w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/p>\n<p>3. Click on &#8220;Pattern Overlay&#8221; in the Layer Style options box on the left to make it active.<\/p>\n<p>4. You can see the entire Pattern on the right, in the Pattern Overlay options box. This is handy for re-positioning reference.<\/p>\n<p>5. 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.<\/p>\n<p>6. Left click and hold down with your mouse, then move your cursor around within the bounds of the object to reposition the pattern.<\/p>\n<p>7. When you are happy with the result, release the mouse.<\/p>\n<h2>So how is this useful?<\/h2>\n<p>For the purposes of this tutorial, I used my seamless <a href=\"https:\/\/store.gingerscraps.net\/Watercolor-Styles-02-by-Snickerdoodle-Designs.html\">Watercolor Styles 02<\/a>. Because the styles are seamless, I moved around the pattern in just <strong>one<\/strong> 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.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-29494 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-03.jpg\" alt=\"\" width=\"600\" height=\"570\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-03.jpg 600w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-03-500x475.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>There are 15 style effects in this one pack. So if you, by chance, were able to get 9 different looks from just ONE style, it is conceivable that you could get 135 different patterns from this pack (15 styles X 9 looks per style)!\u00a0 I won&#8217;t guarantee you could get 9 different looks from each effect, but just wanted to emphasize how moving a pattern in a style can add to the versatility of many styles.<\/p>\n<h3>What about Styles that are not seamless?<\/h3>\n<p>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&#8217;s what that would look like:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-29495 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-04.jpg\" alt=\"\" width=\"600\" height=\"287\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-04.jpg 600w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-04-500x239.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>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:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-29496 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-05jpg.jpg\" alt=\"\" width=\"600\" height=\"325\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-05jpg.jpg 600w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-05jpg-500x271.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<h3>What about Photoshop Elements users?<\/h3>\n<p>To date, Adobe hasn&#8217;t included the ability to move patterns around in Photoshop Elements.\u00a0 They can, however, Scale a pattern, which can be helpful.<\/p>\n<p>In the top menu bar: Layer &gt; Layer Style &gt; Scale Effects<\/p>\n<p>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&#8217;s just something to be aware of.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-29497 aligncenter\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-06jpg.jpg\" alt=\"\" width=\"600\" height=\"360\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-06jpg.jpg 600w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/sd-how-to-move-patterns-06jpg-500x300.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Thanks for stopping by the blog today. I hope you have found this tutorial helpful. If you would like to download a PDF for reference, you may do so<a href=\"https:\/\/bit.ly\/AdjustStyleTut-GS\"> here.<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-29236\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/GS_footer_blog_Karen_2019-1-1.jpg\" alt=\"Snickerdoodle Designs\" width=\"575\" height=\"29\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/GS_footer_blog_Karen_2019-1-1.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2019\/03\/GS_footer_blog_Karen_2019-1-1-500x25.jpg 500w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that, when using the full version of Photoshop, you can easily adjust the position of a pattern within a Photoshop Layer Style? Photoshop Elements does not have the option available, but there is a work-around.\u00a0 It&#8217;s very easy! Here&#8217;s how: Photoshop: 1. In the Layers Panel select the layer that has the [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[62],"tags":[409,373],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 15:35:20","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/29491"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=29491"}],"version-history":[{"count":1,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/29491\/revisions"}],"predecessor-version":[{"id":29499,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/29491\/revisions\/29499"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=29491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=29491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=29491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}