In this tutorial you are going to create a create a quick and easy gingham pattern. You can then use this as a seamless texture, for example in a background. I’ve made mine a traditional red but you can use whatever color you like.
This is the image that you will be creating:
So let’s get started!
1. Create a new document (File > New > Blank File) of 400 x 400px with a white background.
2. Select the Rectangle tool and set a fixed size of 200 x 200px. Set the color to red (#ff0000). Use the Rectangle tool to draw a square in the top left of the image (this automatically creates a new layer).
Then draw another square, this time in the top left corner and finally draw a third square in the bottom left corner. The squares need to be set perfectly in the corners without any gaps.
As a new layer is automatically created every time you draw a square, you should now have 4 layers, 3 with the squares and 1 background layer.
3. You now need to merge your top two layers. These should be the ones with squares diagonally opposite (one in the top right and one in the bottom left). Set the opacity of this layer to 50%. This should give you one red box and two lighter ones. You will also have a white box which is actually your background layer showing through.
4. Now you need to merge all the layers. The image looks too perfect at the moment so we’re going to rough it up a bit. This will make it look more realistic, like threads in a fabric. Go to Filter > Stylize > Wind and select from the right. Then go to Wind again and this time select from the left.
5. Duplicate the layer and activate this duplicated layer. Go to Image > Rotate 90 degrees left. Now go back into Filter > Stylize > Wind. Apply this twice just as you did before, first from the right, and then from the left. The effect of this might look a bit strong at the moment so if you prefer you can use the blur tool to soften the effect. I’m going to leave it as it is as, later on, I’ll be significantly reducing the size so it will be far less noticeable.
We don’t need the bottom layer anymore so delete this layer, leaving you with just one.
6. Now we’re going to give the pattern a bit more texture. Create a new layer (Layer > New Layer). Select the Paint Bucket tool and set it to Pattern Fill. Go into ‘Texture Fill’ in the drop down menu and select the Bark pattern and use it to fill the layer.
Change the Blend Mode of this layer to Darken and reduce the opacity down to 10%.
7. Duplicate the ‘Bark’ layer and go to Filter > Render > Fibers and set the Variance to 24 and Strength to 16. You should also click the randomize button.
The Blend Mode of this layer should also be Darken with the opacity to 10%.
Your pattern is now essentially complete! All you need to do now is reduce the size and use it as a repeated pattern.
8. Merge all of the layers. Go to Image > Resize > Image Size and reduce the size to 50 x 50px.
Go to Edit > Define Pattern and name it whatever you like.
9. Create a new document (File > New > Blank File) with a reasonable size (I’ve chosen 800 x 800px).
Select the Paint Bucket tool and set it to Pattern Fill. Look in the drop down menu and you should see your pattern at the bottom, select it and fill the layer.
This is your finished image!