How to use Cog tool in Affinity Designer tutorial

How to use the cog tool in Affinity designer application to create stunning cogs and gears.

Cog tool in Affinity Designer

How to use Cog tool in Affinity Designer tutorial
  1. Select the cog tool in the Affinity Designer toolbar

  2. Click the document

  3. Drag and create the cog

  4. Change the settings via the interactive dot controls or via the settings along the top bar of Affinity Designer

  5. Set the color for the cog via the color panel.

Video tutorial on the subject by (youtube)


Select the tool in the toolbar and set the color for the tool and apply. Apply once or multiple times to create the default design.


Buy $9.95 100 Octagon designs for use in the application in truetype font and eps vector format (V196) gallery


This basic design can be manipulated in many ways using the interactive as well as field settings for the tool.


The design can also be converted to a normal path by using the CT and right click and convert to curves or via the same button on the top barselected


The CT can be found beneath the triangle tool in the toolbar. Use the move tool to shift and scale and rotate the shape.


If you wish to transform the artwork, select the path and then go to the transform panel or use the move tool. The transform panel offers the size as well as origin and also rotation and shear for the path.

settingsWith the path selected and the selection of the CT (as well as the node tool is another option) you will see a number of small dots on the paths. The small dots can be used to interactively change the settings for the path. You can also change the settings for the shape via the settings along the top bar of the application.


The number of teeth can only be changed using the teeth setting. The other settings can be changed via the small dots : notch size and tooth size as well as inner radius and hole radius.


There is a curvature setting and it can be used to create some interesting curved designs but it depends on the tooth size and notch size.


It is a pity that it does not have a randomization feature to create random sized and tweaked shapes.


Select the CT. Set color. Draw the artwork. Go to the small little red dots on the artwork (with the CT selected. Drag a dot left or right or up and down (it can only go in the direction allowed). You will notice the settings will change (to the limits of the tool)


starburstYou can set the inner radius to the hole radius and the result will be a starburst design. Many different starbursts can be generated using the teeth settings. Instead of the standard path, the starburst paths are made of separate paths



teeth 29

inner 83%

hole radius 83%

tooth size 38%,

notch size 43%


Sharp separate triangles:

teeth 29

inner 83%

hole radius 83%

tooth size 4%

notch size 43%


Thin lines:

teeth 45

tooth size 4%

inner 83%

hole radius 83%

notch size 100%


Long thin lines:

teeth 45

inner radius 43%

hole radius 43%

tooth size 4%

notch size 100%


Curved edges:

teeth 9

inner radius 84%

hole radius 0%

tooth size 47%

notch size 100%

curvature 100%


starYou can also create a star design by using the CT. Select the CT and then draw the path and keep that path selected and then use the interactive feature to manipulate the path or use the top bar settings to change the values. I love using the interactive features to create stars etc but sometimes it is often easier to get the exact value and design you want via top bar settings of fill, stroke, stroke style, teeth, inner radius, hole radius, tooth size, notch size, curvature (along with show rotation center, hide selection etc)


Set the teeth to 48

Inner radius 69

Hole radius 60

Tooth size 0

Notch size 0


Go to the Ellipse tool and create a circle in the center of the path - see the end result on the right


This creates a star design. You can change the notch setting to create different star artworks.


You can also add other paths to the center of the star and then combine them using the union button. This can be with many paths as well and not just a single path.


roundingYou can modify the shape by using the corner tool. The key thing before you use the corner tool is to right click any generated paths and use the convert to curves command otherwise the corner tool etc will just be ignored


You can use the different corner types to create many variant designs in the application


Example - Select CT and then draw a path and right click and convert the path into curves and then select corner tool in the toolbar to manipulate the corner points. Drag and manipulate the sharp nodes with the corner tool - rounding them to smooth paths. You can round them in all kinds of ways to create many different unique shapes with the basic selected path. You can, of course, use the tool to also just manipulate some of the corners and then create even more combinations of artworks from the same path


nodesOnce you have decided to with the individual nodes and no longer want to use the artwork with the CT, you can select the artwork with the node tool and right click and then use the convert to curves and then you can select the individual nodes that made up the original path. You can now select one or more of those nodes and totally changes the path


Keywords : How to use Cog tool in Affinity Designer tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin