Ever wanted to know how to create a repeat design for printing? I figured this out on my own and have been doing it this way for a while, but I’m sure this is not the only way to do it. Seasoned fabric and print designers may have secrets that makes the process simpler, but in wanting to create pattern cover backgrounds this is what I did.
- This tutorial assumes some basic knowledge of Photoshop (selecting and using tools, changing brush sizes, picking colors, etc). My version of Photoshop is NOT the latest, but it shouldn’t be a problem for other versions.
- Shortcut keys are vital to making the process faster when going through this process frequently. Shortcut keys are shown in parentheses.
- If there is anything to highlight, I’ve done it on the screenshots in pink.
- Click on any screenshot image to enlarge it.
Alrighty – are we ready?
1. Open 3 NEW files in Photoshop: (File>New). Give them the following names: Sketch, Split, and Final. Each file will be identical:
Width: 6 inches
Height: 6 inches
Resolution: 300 pixels/inch (standard for printing)
Color Code: CMYK (standard for printing)
For each file make sure that Snap is selected (View>Snap). This will make lining things around easier in later steps.
2. Start in the Sketch file. Using the Brush Tool (B) draw numbers into the corners. For this tutorial having the numbers as part of the picture will help to keep track of what will happen to the final canvas.
3. Using the Brush Tool (B) paint a pretty shape in the middle.
4. Click on the color picker tool and select a color for the background. The reason for this is to make future steps of this tutorial easier. I selected yellow.
5. Using the Paint Bucket Tool (G) pour the color onto your canvas.
6. Using the Crop Tool (C), set Width: 3 in, Height: 6 in, Resolution: 300 pixels/inch. Crop from the top left corner. When I say “Crop from the top left corner” I mean click in the gray area above the top left corner and slide your mouse down and to the right. It will crop exactly half of the canvas starting from that corner.
7. Press Enter to crop. Select All (Ctrl A) and Copy (Ctrl C).
8. Go to Split file and paste (Ctrl V). It will paste as “layer 1”.
9. Using the Move Tool (V), move the layer to the right side of the canvas, lining up edges. Lining up the edges in this step and subsequent steps will be easy because the layer will “Snap” into place. It will also be easier to see it snap into place because the color of the layer is different than the background.
10. Go back to Sketch file and backtrack 2 steps in the history to the “Paint Bucket” step so that the file is again 6″ x 6″.
11. Using the Crop Tool (C), crop from the top right corner and press Enter to crop. Select All (Ctrl A) and Copy (Ctrl C).
12. Go to Split file and paste (Ctrl V). It will paste as “layer 2”. Using the Move Tool (V), move the layer to the left side of the canvas, lining up edges.
13. Select both layers 1 and 2 (in the “Layers” box click layer 1, hold down Shift and click layer 2). Right click on the highlighted layers and select “Merge Layers”.
14. Using the Crop Tool (C) set Width: 6 in, Height: 3 in. Crop from top right corner.
15. Press Enter to crop. Select All (Ctrl A) and Copy (Ctrl C).
16. Go to Final file and paste (Ctrl V). It will paste as “layer 1”.
17. Using the Move tool (V), move the layer to the bottom of the canvas, lining up edges.
18. Go to Split file and backtrack 2 steps in the history to the “Merge Layers” step so that the file is again 6″ x 6″. Crop from the bottom right corner and press enter to crop. Select All (Ctrl A) and Copy (Ctrl C).
19. Go to Final file and Paste (Ctrl V). It will paste as “layer 2”.
20. Using the Move Tool (V), move the layer to the top of the canvas, lining up edges.
21. Select both layers 1 and 2 (in the “Layers” box click layer 1, hold down Shift and click layer 2). Right click on the highlighted layers. Select “Merge Layers”.
22. This is where you can check to make sure the numbered corners are in the correct place. Now that you can appreciate the image slicing and dicing that has occurred you can now erase the numbers using the Eraser Tool (E).
23. Using the Gradient Tool (G) fill in the white area with original yellow (you may need to click twice to fill the space completely).
24. Using the Brush Tool (B) draw a design in the middle empty space.
25. Now click on Edit>Define Pattern.
26. A window will pop up asking for you to name your pattern. Name the pattern Doodles and click Okay
27. Open a NEW file (File>New). Name it “Repeat”. Width: 15 inches, Height: 15 inches, Resolution: 300 pixels per inch. Color Mode doesn’t matter at this point because I will only be using this file to check the repeat tile on my screen.
28. Click Edit>Fill. A window will pop up. Under Contents, select Use: Pattern.
29. In the Custom Pattern drop down box, select your pattern and click Okay.
30. If all the steps were done correctly, the pattern should be repeating seamlessly.
Niiiiiice. If I like what I see, then the only files I save are “Sketch” and “Final”.
Obviously more complicated designs take a little more work. For my Sketchy Kids, border spacing was important so that the repeat wouldn’t be visible. For designs that need to look random a little more work is necessary. Some things to keep in mind:
- Start off with a canvas size that is an even number so it will be easier to crop in half.
- It doesn’t really matter what pixels/inch you use if you’re just playing around, but whatever you choose make sure it is consistent throughout your files.
Did this tutorial work for you? If so, let me know! If not, I’d love to hear your suggestions and can update the post as necessary.