How To Make A Repeating Pattern Using The Offset Filter
Tutorial created in Photoshop CC
In this tutorial, you’ll learn how to create a repeating pattern using the Offset Filter and the ScrapSimple Embellishment Template: Dried Flowers
- Create a New Document (File > New) at 12×12 inches at 300 dpi with a white background. In Photoshop Elements, click File > New > Blank File.
- In the Menu Bar, choose File > Open and navigate to the folder where you have saved SRO_SSEmb_DriedFlowers. Select the 19.png file and click Open.
- Drag it onto your blank page, pressing the Shift key before you let go of the mouse so that it lands in the center of your page. It must land exactly in the middle for the pattern to work.
- Press Ctrl J (Mac: Cmd J) to duplicate the
- In the Menu Bar, choose Filter > Other > When the dialogue box opens, enter + 1800 pixels in both the horizontal and vertical boxes, click Wrap Around and click Okay. Your page should now look like this:
- By doing this step, you will have placed four copies of the middle flower into the four corners of the page. Whatever happens, do not move any of the flowers that are only partially visible on the edges of the page, otherwise your repeatable pattern will not work.
- Now open the leaf 13.png and once again, drag it onto the middle of your page, pressing the Shift key before you let go of the mouse so that it lands right in the center. We will not duplicate it like we did with the first piece of art because we only want it to appear on the edges.
- In the Menu Bar, choose Filter > Other > Offset. When the dialogue box opens, enter -255 pixels in the horizontal box and +1660 in the vertical box. Click Wrap Around and click Okay. Your page should now look like this:
Regardless of which flower is added, the method for adding the flowers that are going to be partially off the edge of the page is exactly the same. Always drag your PNG flower onto your page using the Shift key to center exactly in the middle. Then use the Offset Filter with the following settings for each PNG listed below.
.png 17 – Offset Filter: Horizontal +1787 Vertical -128
.png 18 – Offset Filter: Horizontal +638 Vertical +1723
.png 02 – Offset Filter: Horizontal +1085 Vertical +1340
This is what you page should look like now:
Once you are happy with your “off the edge” flowers, you can place others randomly on your page to fill up the gaps. You won’t have to use the Offset Filter on those. I used the following flowers: 09.png (twice), 10.png, 03.png, 02.png and 10.png.
Here’s what my page looks like once I have added the other flowers. Some have been reduced in size or tilted a little using the Transform Options.
- In the Layers panel, click on the visibility icon of the white background layer to hide it.
- In the Menu Bar, choose Edit > Define Pattern. When the dialogue box opens, give your pattern a name and click Okay.
- Open a background paper on which you would like your pattern to appear. (I am using Paper 3 from the Bloom and Grow Nano Collection, which is the plain watercolor-textured paper. )
- Press Ctrl J (Mac: Cmd J) to duplicate the
- PSCC: In the Layers panel, click on the fx icon to open the Styles panel and select Pattern Overlay from the fly-out menu. Click on the down-facing arrow beside the pattern to open the list and select the one you just made. The Opacity should be 100%, and I have made mine scaled down to 39%. But you can select whatever percentage that suits your vision. Click Okay. Your finished pattern will now look like the following example. You can also choose a vintage-style paper like the one I used in the Club, which was the Bonus 2 product.
- Photoshop Elements: In the Layers panel, click on the Create New Fill or Adjustments Layer icon. From the drop-down menu, choose Pattern. When the dialogue box opens, click on the down-facing arrow to open the Pattern Picker and select the pattern you made. In the Scale box, enter 39 for the percentage, tick “Link With Layer” and click okay.
NOTE: If you see any disjointed lines down the center of your flowers that were “off the edge” of the page, then you have inadvertently moved them off the center of the page or moved them once they were offset. There is no need to start again from the beginning. All you need to do is go back to your original layered pattern, locate the flower that hasn’t worked and drag that layer to the trash. Refer back to your instructions to re-do that particular flower, then create the pattern again.
Tutorial written by Susie Roberts