In this Affinity® Designer tutorial, we will create a gingham plaid digital paper. Digital papers and pattern fills svgs are usually 12 x 12 inches at 300 dpi. First we will create the repeating tile that will make up the pattern. The tile will be a one inch square and it will have three colors of green that will make up the gingham pattern.

We will start a new document that will be 12 x 12 inches and 300 dpi. We will use the grid to help us draw the gingham squares.

1. Open Affinity Designer and set the Width and Height for our document to 12 inches. Set the DPI to 300 (see screenshot).


2. From the top menu, click View - Show Grid to turn on the grid. The default setting should have 1/2 inch squares in the grid.

We will draw four squares that will make up the repeat pattern.


3. With the Rectangle tool, set the Fill color to a dark green (016f57) and the Stroke color to Null (see screenshot).


4. Draw a .5 inch square with this dark green color at the top corner of the canvas.


5. Change the Fill color to a medium green color ( 24856D) and draw a second square to the right of the first.


6. With the same Fill color, draw a third square under the first.


7. Change the Fill color to a light green (3ca88c) and draw a fourth square under the second square.


8. In the Layers panel, select the four layers, right-click and choose Group.

Now that we have the tile for our repeat (see screenshot), we will build the first row of the gingham pattern.


9. With the square tile selected, click Edit - Duplicate. Drag the duplicate tile to the right of the first and with the edges touching.


10. Now click Edit - Duplicate again and you should get a new tile next to the last.


11. Repeat the previous step to fill the entire row with the pattern tile (see screenshot).

Now we will group all of these tiles into one row. Then we will duplicate this row to fill the entire canvas.


12. In the Layers panel, select all of the layers and group them.


13. With the group still selected, duplicate the row and place it under the original row.


14. Continue to duplicate the row until the canvas is full (see screenshot).


15. In the Layers panel, group all of the rows.

Extra: Make the same gingham pattern in shades of red or gold for the holidays.

Let's save our new pattern in several formats.

jpeg and png for scrapbooking
pdf and svg for cutting machine

Affinity Designer screenshots used by permission of Serif® (Europe) Ltd. This article is not endorsed by Serif Ltd.