Hey I just thought I’d ride the wave from my last Craftzine post and also post about how to easily create patterns in PS. Basically, the “Define Pattern” tool makes this very easy. Any image can repeated and adjusted easily in PS. However, I thought I’d go ahead and post about how to make a staggered pattern which is a bit more difficult (but not really). I also, thought I’d share some tips and tricks I’ve learned when working with patterns. Please feel free to add any and all feedback as I love all information regarding pattern/design etc.
Okay, so to begin:
Open a new file. 4 x 4 inches at 300 dpi is a good size. Working with a square is easier to begin with but it is not necessary.
Set the window so that you can see the grid. I leave my grid at default settings and view it by clicking View>Show>Grid. This grid helps you to be able to easily place and center objects in the space.
Place the image to be repeated. Open the image you want to repeat. Select the “Move Tool” and Drag and drop that image into your newly created file. **Make sure that the image is isolated from it’s back ground and sized properly before it is dragged-and-dropped. A good size image to work with is 2 x 2 inches for this project.
Make sure the “Show Bounding Box” tool is on. This is available at the top menu when you have the “Move Tool” selected. This allows you to easily see where the center and center edges of your design are.
Center the image. Use the “Move Tool” to drag the image in the center of the page by aligning the center mark with the center of the grid lines.
Make a copy of the image. It is easy to make a copy of the image by holding down the Alt-key while you drag the image (in the Move Tool).
Position the second image in one of the four corners. In order to make sure that the image is perfectly positioned in the corner. Place the center tick-mark directly in the corner and make sure the center-bottom and center-side tick marks are perfectly centered on the edge of the window. It’s a good idea to zoom in while you do this to make sure you get really accurate placement.
Repeat for the other 3 corners. Make 3 more copies and position them in the remaining 3 corners of the window.
Define this image as a pattern. Go to Edit>Define Pattern. Give it a name and click “OK”. **You may want to turn the background off so that this is not a visible in your pattern. Do this by clicking the eye next to the background layer in the layers palette.
**Now there are 2 ways to use the pattern you’ve created. You can use the pattern as a fill or use layer styles.
To use the pattern as fill simply open a new file (8 x 10 at 300 dpi is always a good size). And click Edit > Fill and select Pattern from the “Use” drop down menu and find and select your pattern in the “Custom Pattern” drop down menu.
Layer Styles gives you more control of the pattern, however. Open a new file (8 x 10 at 300 dpi works) and then go down to the layer palette and create a new layer by clicking on the new icon as you did before. Then fill that layer with a background color of your choosing. Then click the layer styles icon button at the bottom of the palette menu (it is the circle button with a symbol that kinda looks like an f). This causes another menu to pop-up. Select “Pattern Overlay” from this menu. This will open the Layer Styles window.
In the layer styles menu, you can select your pattern from the pattern drop-down menu. **Here’s the really cool thing: you can adjust the scale of your pattern, as well as the opacity so long as you have the “preview” box checked.
**You can also drag the layer styles window to side and click within your window drag and position the pattern to where you want it to be on the page. Cool huh?! Once you have set the pattern to your liking. Click “OK” in the layer styles window. **Note that in layer palette there is layer-style applied to that layer. Double-click on the layer-style icon under your layer to make changes to the pattern at any time.
So, there you have it. A pattern that is perfectly staggered and endlessly repeatable. You can easily apply your pattern to any size window/file. You can also easily change the background color and experiment with the scale of the pattern. Really, too much fun.














WoW! Thanks!
Thank you for your understandable post.
Wow thanks I just made a beautiful repeat pattern with picture of a hibiscus I took, I’m posting it on my blog. Check it out
Thanks again
Thanks for sharing your pattern with us Carol . It is beautiful and a good example that you needn’t use something symmetrical.
I love this – THANK YOU! GREAT toot – I’m sure I’ll be referring to it often. Gonna blog my masterpiece and your awesome tutorial soon. I’m having waaaaay to much fun with this!
Hi, thanks for sharing tihs post;
a stupid question I see that you are using a Mac; why have you taken a picture of the screen with a camera when you can easily take a screenshot of the full screen by pressing Command-Shift-3 : or Command-Shift-4, for a selected area.
Val, Not a stupid question at all! Thank you for the tip. The reason why I was using a digital camera is because I was having trouble using Grab because I every time I tried to grab a selected area I had to leave my PS window. I don’t remember having this problem before so I probably was just doing something wrong. I will be using this keystroke combo from now on! Thanks again!
I’ve been waiting for a girl like you. Just kidding! No, honestly I have been trying in vain to do this for the past couple of months, thanks for saving me from the headaches!
Thanks for the tut! It’s so much easier to see it explained than to try to figure it out from the manual.
What a great tut! I was cleaning out my inbox and found a really old Craft Mag newsletter with your tut in it, and the one about making brushes and your own patterned paper. Glad I didn’t just hit the delete key!