It needs little introduction, but Affinity Designer is a suite of vector art editing tools available for mac/windows and now also on the iPad (opens in new tab). This graphic design tool (opens in new tab) is a great middle ground between the more basic free graphic design software (opens in new tab) and the pricey but feature-rich Creative Cloud (opens in new tab) suite, and it offers incredible quality for the cost.
Here is a quick overview of how Affinity Designer's Pen tool works. Watch the video below or scroll down for a short explanation of each of the features to explore.
01. Launch the Pen tool
Bring up the Pen tool using the icon on the left-hand toolbar, or use the shortcut P. The Pen tool on Affinity Designer is incredibly similar to other Pen tools you may have used elsewhere. You should be able to start using it fairly easily – although there are some added features that set it apart.
02. Pen tool modes
Affinity’s Pen tool has four different modes. First, there's the basic Pen mode. Smart mode will assist you in creating flowing curves that naturally arc. Polygon mode can be used to draw straight, connecting lines. Finally, Line mode is used to create lines that do not connect.
All have their own benefits and uses, and you can select the one you want using the icons shown in the image above.
03. Converting your path
You've created a path using your Pen tool, you can adjust it using the conversion tools shown in the image above. These will enable you to do things like smooth a zig zag or make it jagged again.
04. Line actions
There are also a number of actions to choose from. With your path or node selected, you can select from the following: Break Curve (opens the path at the selected node), Close Curve (closes the path at the selected node), Smooth Curve (adjusts the path and smooths or simplifies it) and Reverse Curve (toggle to draw from the opposite end of the path).
05. Snapping in Affinity Designer
Snapping is used in a variety of ways in Affinity Designer. For the Pen tool I recommend you play about with the different settings to figure out your preference. Your options are as follows: Align to node of selected curves; snap to geometry of selected curves; snap all selected nodes when dragging; snap off curve handles.
06. Use Fill
The last feature to be aware of is the Fill feature. When checked, this will fill the inside of your path with your chosen colour as you draw.
- Affinity Designer: How to use the Export persona (opens in new tab)
- Affinity Designer: How to use the Pixel persona (opens in new tab)
- The 29 best iPhone apps for designers (opens in new tab)