In this Affinity® Designer tutorial, we will create a gingerbread man cookie graphic for your Xmas elements collection. We will start by tracing the gingerbread man cookie from a reference photo. Once we have the basic shape, we will clean up the line art, add color and details.

We will be using a photo of a gingerbread man cookie from Unsplash.com (see link below). Open Affinity Designer and let's get started.

1. Start a new document that is 1000 x 1000 px at 144 dpi for mobile/web or 300 dpi for print.


2. Open the reference photo in to Affinity Designer.


3. Using the Pen tool, make a tracing of the of the gingerbread man cookie (see screenshot).


4. Clean up your tracing as needed (see screenshot).

Now that we have the basic shape, we will fill the shape with color and add a few strokes that will represent the icing on the cookie.


5. In the Context toolbar, set the Fill to D08D58 for the gingerbread color and the Stroke to white for the icing. Set the Stroke Width to 8 pt (see screenshot).


6. In the Layers panel, name this layer body (see screenshot).

Next we will add some more icing on the face for the eyes and mouth (see screenshot).


7. Using the Ellipse tool, draw a small oval for the eye. Switch to the Pen tool and add a line inside the oval.


8. In the Layers panel, select both of these layers, right-click and choose Group.


9. Name this group layer eye (see screenshot).


10. Right-click the eye layer and choose Duplicate.


11. On the canvas, drag the duplicate eye next to the original eye. Center the two eyes on the face.


12. Using the Pen tool, draw a curved line for the smile (see screenshot).


13. Name the new layer smile (see screenshot).

Now we will use the Pencil tool to draw more icing on the arms and legs of the gingerbread man.


14. Select the Pencil tool and keep the default settings. Set the Width to 8 pts (see screenshot).


15. Draw a line with several curves on one of the arms of the gingerbread man (see screenshot).


16. Name this new layer icing.


17. Repeat the previous steps for the other arm and both legs (see screenshot).

We will give the gingerbread man some red buttons.


18. In the Context toolbar set the Fill to CC4E35 and the Stroke to 913725.


19. With the Ellipse tool, draw three small circles on the front of the body (see screenshot).

The next step is optional. We will add a shadow to the gingerbread man.


20. Select the body layer in the Layers panel. Click the Layer Effects ion at the bottom of the panel.


21. In the Layers Effects window, check the box next to Outer Shadow. Set the Radius to 15 px (see screenshot).

This technique can be used to make gingerbread cookies in other shapes, to include in your holiday elements collection (see screenshot). Use the Shape tool to draw some other cookie shapes such as a star or heart. Set the Fill and Stroke colors and design the icing as you like.

Brown Bear Figurine Beside Clear Drinking Glass by Myriam Zilles
https://unsplash.com/photos/brown-bear-figurine-beside-clear-drinking-glass-ew3sTx9Y3IA

Index - How to Draw a Holiday Theme Collection of Elements

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