Creating gingham patterns from scratch in Photoshop is a pretty easy task if you use the right tools.
Of course, there are many ways to do them, but this technique is simple, quick and effective.

Step 1 : create a new document

To create a new document, click on “File” > “New”.

Whatever the size of this file is, it will match the size of each repeated element in the image.
For now, set the height and width to
400 pixels and choose a transparent background.
To see your design up close, zoom in (the
+ key) and to zoom out, click the key.

If your pattern is for print, choose a resolution of 300, otherwise 72 is the resolution used for the web.

Step 2 : Use the rectangle tool

  • Select the rectangle tool (u) and click anywhere on your document to display the settings box.
    Then create a square of 200 pixels.

Once you have created your square, move it to the top left.

It is tempting to do this with your mouse but it is better to use the alignment tools for precision. Set it to “Canvas“.

Step 3 : Duplicate

Now let’s duplicate this square to complete our pattern.
Select your layer and use one of two methods:

Layer > Duplicate Layer > Ok or use the keyboard shortcut Ctrl + J.

Place this new square in the top right corner and lower its opacity to 50%.

Duplicate this new layer and place it at the bottom left.

Step 4 : Save your pattern

Go to the patterns tab and click on the + icon to create a new pattern.
Give it the name you want and validate. Your new pattern appears!

If the patterns tab is not on your Photoshop interface, open it in Window > Patterns

Step 5 : Test your pattern


Open a new document, at least 3 to 4 times larger than your pattern. I choose a canvas of 2000 x 2000 pixels.
To use the pattern, first unlock your background by clicking on the lock and then apply your pattern by clicking on it.