![Final product image](https://cdn.idevie.com/wp-content/uploads/2014/04/30a1a_photoshop_5-argyle-pattern-3.jpg)
Seamless patterns can be used for a number of purposes including packaging design, print design, web design, and even in textiles design. In this tutorial, I will show you how to create a realistic-looking, seamless, argyle pattern in Photoshop with a fabric texture. Let’s get started!
1. Prepare the Canvas
Step 1
Create a new file (Command/Ctrl-N) and set its size to 210 px × 414 px.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/71cdc_photoshop_1-new-file.jpg)
2. Draw Shapes and Add Stitches
Step 1
Make a new layer. Draw a rectangular selection starting at position (99,0) to (108,3). The selection size is 3 px × 9 px.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/fee42_photoshop_2-polygons-01.jpg)
Step 2
Change foreground color to light blue #92c6de
. Fill selection with foreground color, either by hitting Alt–Delete or Edit > Fill.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/fbcf6_photoshop_2-polygons-02.jpg)
Step 3
Select All (Command/Ctrl-A) and then Command/Ctrl-drag with Move Tool to duplicate the shape. Move it 3 px right and 6 px up.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/9a955_photoshop_2-polygons-03.jpg)
Step 4
Repeat Step 3. Select All (Command/Ctrl-A) and then Command/Ctrl-drag to duplicate them. Keep same distance between each shape.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/71fd4_photoshop_2-polygons-04.jpg)
You will end up with this jagged line.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/934fe_photoshop_2-polygons-05.jpg)
Step 5
Duplicate the jagged line layer by pressing Command/Ctrl-J. Hit Command/Ctrl-T to transform the layer, right click and then select Flip Horizontal.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/03210_photoshop_2-polygons-06.jpg)
Step 6
Move the duplicated line until we have an upside down V shape.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/4bcc8_photoshop_2-polygons-07.jpg)
Step 7
Hit Command/Ctrl-E to merge both layers. Duplicate it again, hit Command/Ctrl-T, right click and select Flip Vertical.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/3f49d_photoshop_2-polygons-08.jpg)
Step 8
Move layer down until you have a diamond shape. Merge both layers.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/95d84_photoshop_2-polygons-09.jpg)
Step 9
Use Polygonal Lasso Tool to select inside of the diamond shape.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/17a94_photoshop_2-polygons-10.jpg)
Step 10
Fill selection with same color.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/80482_photoshop_2-polygons-11.jpg)
Step 11
Duplicate the shape and place it on the opposite side.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/8b533_photoshop_2-polygons-12.jpg)
Step 12
Duplicate the shape, place it on lower left and upper right corner. Change its color.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/3ba18_photoshop_2-polygons-13.jpg)
Step 13
Now let’s work on the stitches. Use Pencil Tool set to 1 px to draw following shape.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/b5828_photoshop_2-stitches-01.jpg)
Step 14
Go to Select > Select All and then Command/Ctrl-drag with Move Tool to duplicate it.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/ad2af_photoshop_2-stitches-02.jpg)
Step 15
Keep repeating this until we have a nice set of lines.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/4e749_photoshop_2-stitches-03.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/e0d1d_photoshop_2-stitches-04.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/9b2f1_photoshop_2-stitches-05.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/fa860_photoshop_2-stitches-06.jpg)
Step 16
Place the stitches on center of the diamond shape.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/0eac3_photoshop_2-stitches-07.jpg)
Step 17
Duplicate the stitches again and place it on across the other three diamond shapes.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/5753b_photoshop_2-stitches-08.jpg)
Step 18
Merge all the stitches layers. Hit Command/Ctrl-A to select all pixels and then click Image > Trim to remove un-needed pixels. Click OK.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/c86e9_photoshop_2-stitches-09.jpg)
Step 19
Duplicate the stitches layer. Hit Command/Ctrl-T. Right click and choose Flip Vertical.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/874ef_photoshop_2-stitches-10.jpg)
3. Add Background Color
Step 1
We are almost done making the argyle pattern. We need to add the background. Click Add Adjustment Layer icon on lower part of the Layers panel and then select Solid Color.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/b43c3_photoshop_3-background-1.jpg)
Step 2
Select dark blue.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/1b41e_photoshop_3-background-2.jpg)
Step 3
Make sure the Solid Color layer is underneath every other element.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/3776c_photoshop_3-background-3.jpg)
4. Add Fabric Pattern
Step 1
To give it a realistic appearance, we want to add a fabric texture on top of the argyle pattern. Make a new file and then draw random pixel pattern using Pencil Tool set to 1 px. Use a variety of grayscale colors.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/85c68_photoshop_4-fabric-pattern-1.jpg)
Step 2
Select the pixels you just made and save it as a pattern. Click Edit > Define Pattern.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/0b1df_photoshop_4-fabric-pattern-2.jpg)
Step 3
Return to your argyle pattern file. Make new layer and then click Edit > Fill. Select pattern you just created.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/d8a7f_photoshop_4-fabric-pattern-3.jpg)
Step 4
Change its Blend Mode to Divide.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/e630d_photoshop_4-fabric-pattern-4.jpg)
5. Save Pattern as Preset
Step 1
We have finish with the argyle pattern. Next, we need to save it as a pattern for Photoshop. Select all pixels by hitting Command/Ctrl-A. Click Edit > Define Pattern.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/24e01_photoshop_5-argyle-pattern-1.jpg)
Step 2
Make new file. Click Edit > Fill. Select argyle pattern and then click OK.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/e113c_photoshop_5-argyle-pattern-2.jpg)
Conclusion
At this point, you should have finished creating your argyle pattern in Photoshop. Below, I have included some optional steps to adjust the color scheme of this pattern. I hope that you have learned something from this tutorial and can use the techniques that I have shown to create some interesting, and new argyle patterns of your own.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/c7b87_photoshop_5-argyle-pattern-3.jpg)
Create Additional Color Schemes (Optional)
You can change the appearance of your argyle pattern in several ways. Below, I have included some quick techniques that you can use to drastically change the look and appearance of your pattern using adjustment layers and blending modes.
Step 1
There are many ways to change appearance of the pattern. First, you can apply Hue/Saturation and drag the Hue slider to scroll the color.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/ec229_photoshop_6-argyle-pattern-variation-1.jpg)
Step 2
Second, you can try to change the argyle pattern directly by choosing different blend mode on the cloth pattern. Below, you can see the result in different blend mode.
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/61805_photoshop_6-argyle-pattern-variation-blend-mode-darken.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/c7b0f_photoshop_6-argyle-pattern-variation-blend-mode-difference.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/6d006_photoshop_6-argyle-pattern-variation-blend-mode-divide.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/7b57b_photoshop_6-argyle-pattern-variation-blend-mode-multiply.jpg)
![Tutorial Photoshop-Argyle Pattern](https://cdn.idevie.com/wp-content/uploads/2014/04/2bec4_photoshop_6-argyle-pattern-variation-blend-mode-overlay.jpg)