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. The cog tool is found beneath the triangle tool in Affinity Designer. The cog tool creates a vector cog design and is an interactive tool which means the cogs can be changed via the small setting dots on the cog.

Cog tool in Affinity Designer

how to use cog tool in affinity designer tutorial shapes
  1. Select the cog tool in the Affinity Designer toolbar

  2. Click the document

  3. Drag and create the cog

  4. Or create multiple cogs using the cog tool

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

The cog color can be changed via the fill and strole. You can change the teeth of the cog as well as notch size of the cog in Affinity Designer as well as curvature. You can use the cog tool to create startburst designs. The cog tool can create cogs with holes. You can also modify the cog design using the corner tool in Affinity Designer. You can create one or multiple cogs very rapidly with the cog tool. You can also click the convert to curves to turn the cog path from the cog tool into a regular Affinity designer. This tutorial shows all the features of the powerful cog tool (gear) in Affinity Designer

Basics of cog tool in Affinity Designer

selected cog tool in Affinity Designer

The cog / gear tool in Affinity Designer can be found beneath the triangle tool in the Affinity Designer toolbar. Use the move tool to shift and scale and rotate the cog shape.

 

You can also do the same via the cog tool.

  1. Select the cog tool

  2. Set the color via the fill

  3. Drag and drop

  4. Go to the move tool

  5. Resize or select top extended indicator and rotate

Cog shape settings via the interactive cog spot settings

cog tool and settings

When you click the cog tool you will see a number of small dots on the cog. The small dots can be used to interactively change the settings for the cog. You can also change the settings for the shape via the settings along the top of Affinity Designer. 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 the cog tool does not have a randomization feature to create random cog shapes.

  1. Select the cog tool

  2. Set color

  3. Draw cog

  4. Go to the small little red dots on the cog (with the cog tool selected)

  5. Drag a dot left or right or up and down (it can only go in the direction allowed)

  6. You will notice the settings and the cog will change (to the limits of the cog)

Starburst cog and creating many different starburst designs in Affinity Designer

starburst design created using the cog tool

You 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 cog, the starburst paths is made of separate paths

 

Chunks: teeth 29, inner 83%, hole radius 83%, tooth size 38%, notch size 43%

 

Sharp separate triangles: teeth 29, nner 83%, hole radius 83%, tooth size 4%, notch size 43%

 

Thin lines: teeth 45, tooth size 4%, nner 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%

Star cog in Affinity Designer

star design using cog
  1. Select the cog tool

  2. Draw cog

  3. Keep selected

  4. Set the teeth to 48

  5. Inner radius 69

  6. Hole radius 60

  7. Tooth size 0

  8. Notch size 0

  9. Ellipse tool and create a circle in the center of the cog

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.

Affinity Designer and rounding the corners of the cog with the corner tool

corner tool and the cog tool in Affinity Designer

You can modify the cog shape by using the corner tool. The corner tool can turn the cog's sharp nodes into smooth, curved path. Once you have used the corner tool, the cog shape can no longer be changed. You can use the different corner types to create many variant cog designs in Affinity Designer.

  1. Select cog tool

  2. Draw cog path

  3. Select corner tool

  4. Drag and manipulate the sharp nodes with the corner tool - rounding them to smooth paths

Node tool and manipulating the cog's nodes in Affinity Designer

nodes and the cog tool pathd

Once you have finished with the cog tool, you can click the convert to curves button or right click and select the convert to curves. After the conversion, you can no longer use the cog tool to edit the artwork but you can use the node tool to move the individual nodes.

  1. Select the cog tool path

  2. Right click

  3. Select the convert to curves command

  4. Go to the node tool in the Affinity Designer toolbar

  5. Modify the nodes of the cog path created by the cog tool

Other resources

1. Gear / cog fonts for Affinity Designer, Photoshop etc

Other tutorials

1. How to use the corner tool to smooth nodes in Affinity Designer tutorial

Sources and references

1. Affinity Designer on Serif

Youtube video tutorials

 

How to use the cog tool in Affinity Designer tutorial (youtube)

 

Return to home page

 

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

 

The graphicxtras.com graphic design products are priced in US dollars but they can also be bought in Euros, Yen, UK pounds, etc though please note that there may be additional taxes applicable which will be handled in the secure shareit.com checkout. If you have any questions or queries about the products, please let us know and I will try and help by e-mail or via youtube etc. You can also add additional products as well as download protection and also purchase a physical CD via the shareit.com. The brushes and patterns etc work in a variety of applications and there are many freebie / samplers available to test them on your system before any purchase but again, if you have any concerns that the brushes etc will work with your favourite application, please let us know. The quickest way is probably to leave a message on our facebook page. The designs can be used as brushes and patterns and shapes etc but they can also be used just as images or layers as well as displacement maps or overlays or masks etc so even if the product is listed as a brush or shape, you can often also use the artwork as a layer and use the layer multiple times in the same project to create all kinds of unique and wonderful designs. The products on this site are copyright of Andrew Buckle but any products and artworks you create with these items are your copyright.