In this tutorial, we will learn how to create patterns in Affinity Designer.
Go to the following link to download the mockup for the tutorial:
First, go to File > New and create a new document with the following properties. Print. Set the Page Width and Page Height to 2000 px by 2000 px.
Now, go to the View menu. Scroll down to Studio and click Symbols.
Next, grab the Artboard Tool from the Tools Panel to create another artboard. Set the size of the artboard to 4000 px by 4000 px.
After that, go to the Tools Panel and select the Rectangle Tool. Draw a rectangle inside of Artboard 1 and make sure it covers the entire artboard. Go to the Swatches Panel and set the color of the rectangle to the following fill color #7BD4FC. Then, remove the stroke.
Now, go to the Layers Panel and select the rectangle we created. Then, go to the Symbols Panel and click Create.
Next, grab a symbol from the Symbols Panel and place it onto Artboard 2. After that, grab 3 more symbols and place them on Artboard 2 to cover up the artboard.
Go to the Tools Panel and grab the Pen Tool. Make sure you’re in Artboard 1 and that the rectangle is selected. Also, make sure you have Snapping turned on in the Toolbar. Next, take the Pen Tool and draw a line. Then, hold Shift to make sure the line is straight.
In the Swatches Panel, set the stroke color of the line to white. Then, go to the Stroke Panel and set the Width of the stroke to 3 pt.
With the line still selected, press CTRL + J to make a duplicate of it. Or right click on the line and select Duplicate.
Select the duplicated line. Press and hold Shift and rotate the line to -90 degrees.
Now, make another duplicate of the line. Then, hold Shift and rotate this line to -135 degrees.
After that, make one more duplicate of the line. Rotate this line to 135 degrees.
Grab the Pen Tool again from the Tools Panel. Make a V on top of the original line.
With our V shape selected, press CTRL + J to duplicate it. Place the duplicate onto the tip of our other line. Continue doing this until all the ends of the line have a V shape on them.
After that, gran the Pen Tool again. Add some smaller lines to the snowflake to finish out the design of it.
Once you’ve finished creating the snowflake, select all the elements of it in the Layers Panel. Go to the Layer menu and select Expand Stroke.
With the snowflake still selected, go to the Boolean Operations Panel in the Toolbar and select Add.
Next, make a duplicate of the snowflake by pressing CTRL + J. Hold Shift and drag the duplicate to the top left corner. Make sure that part of the snowflake goes past the edge of the artboard.
Now, go back to Artboard 1. Make 3 more duplicates of the snowflake and place them on the other corners of the artboard. Make sure that the snowflakes go beyond the edges of the artboard.
Grab the Ellipse Tool from the Tools Panel. Hold CTRL + Shift and make an ellipse on Artboard 1. Make sure the ellipse is inside of the rectangle in the Layers Panel. In the Swatches Panel, set the fill color to white and get rid of the stroke.
Next, make 3 duplicates of the ellipse and place them around the snowflake that’s in the center.
Now, make a duplicate of one of the snowflakes. Press and hold CTRL + Shift. Then, make this snowflake smaller. Place it below the bigger snowflake in the center holding Shift to drag it down.
Select the ellipse that’s on the right at the top. Press CTRL + J to make a duplicate of it. Place the duplicated ellipse above the smaller snowflake we created. Make sure that part of the ellipse goes past the edge of the artboard. Do the same thing again. This time place the duplicated ellipse below the other smaller ellipse at the bottom.
Now, make 2 more duplicates of the ellipses. Place one of the ellipses on the left edge in the center. Then, place the other ellipse on the right edge in the center.
After that, make 2 duplicates of our smaller snowflake. Take the smaller snowflakes and place them on the left and right side of the bigger snowflake that’s in the center.
The following steps in the how to create patterns in Affinity Designer tutorial are to showcase how the pattern would look on a real object.
Go to the coffee mug mockup link in the description.
Scroll down and click Free Download.
Now, scroll down on the new tab and select Download and click Ok.
Once the file finishes downloading, go to the download.
Right click on the folder and click Extract All to unzip the folder.
After that, go to the unzipped folder and open the Free_Mug_Mockup 1 file.
Now, go to our pattern. Select Artboard 1. Then, go to File > Export to export the pattern. Set the pattern to either JPEG or PNG.
Uncheck the Colors group. Then, go to File > Place and select the snowflake pattern.
Hold Shift and stretch the pattern across the mug.
In the Layers Panel, drag the snowflake pattern layer inside of the Project group.
After that, drag the pattern inside of the Mug Project group.
Now, go select the Background Color layer in the Layers Panel. Then, go to the Swatches Panel and double click on the color to open the Color Chooser.
You can make the background whatever color you want. The hex code for the color I chose is #B0E5B7.
Congratulations, now you know how to create patterns in Affinity Designer. For more Affinity Designer tutorials, check out this tutorial on how to use mockups in Affinity Designer.
Automated page speed optimizations for fast site performance