After using Affinity Designer on iPad, I can confidently say that there aren’t many apps of a similar echelon in the App Store. The companion app to Affinity Photo, Designer is a vector illustration app that can operate as an outright Adobe Illustrator replacement for many graphic artists.
In this initial hands-on walkthrough, I step through over 20 features in Affinity Designer, focusing heavily on the gesture-based toolset that makes it such a powerful app for iPad users.
Synology RT2600ac: The AirPort Extreme replacement.
The main takeaway that I got from my hands-on time with Affinity Designer is that gestures rule. Of course, you can perform any operation by venturing through menus, but gestures harnesses one of the iPad’s main advantages — responsive multi-touch controls.
The first thing you’ll need to do when you install Affinity Designer is become accustomed to its user interface. The app is broken down into several pieces, and features a setup similar to the desktop version.
If you’ve ever used any Affinity apps, whether on Mac or on iPad, you’ll largely know what to expect. The following four areas are key elements of the Affinity workflow:
Personas – Workspaces for various tasks (i.e Vector editing vs Raster editing).
Toolbar – Tools that change based on the selected Persona.
Context controls – Fine-grained contextual controls for each tool selected.
Studios – Advanced functionality for Affinity Designer.
Moving around the canvas
To move around the canvas in Affinity Designer, use a two-finger gesture to pan around.
How to Zoom
Zooming can be accomplished via several methods. The easiest way to zoom is to simply use a pinch in or pinch out gesture. Pinching in will zoom out, and pinching out will zoom in.
Alternatively, you can slide your finger on the Navigator Studio to quickly zoom in and out of the canvas. If you open the Navigator Studio, you’ll see zoom shortcuts, along with a preview window. A double tap on the preview window toggles between your current zoom level and zoom to fit.
How to select objects
With the Move tool selected, drag around one or more canvas objects to make a selection. By default, your selection box must capture the entirety of an object before it is selected.
You can also tap on an object to select it, or tap while using a single finger modifier to select more than one object. Be sure to watch the video walkthrough above to see how it’s done.
How to deselect objects
You can quickly deselect one or more objects by tapping the deselect ‘X’ button in the bottom left-hand corner.
How to delete a selection
To delete one or more selected objects in Affinity Designer for iPad, tap the trashcan button in the bottom left-hand corner.
Snapping is a handy tool that allows you to easily align objects to other objects, or dedicated spots on your project canvas. Tap the magnet button in the bottom left-hand corner to toggle snapping functionality.
Using Undo and Redo
Like Affinity Photo for iPad, Affinity Designer features an easy-to-use gesture-based undo and redo system. A two-finger tap anywhere on the canvas will facilitate an undo, while a three-finger tap will perform a redo.
Users also have the option of swiping up or down on the History Studio to peruse undo and redo history in real time. Alternatively, you can open up the History Studio to jump directly to a specific place in history, or scrub through the undo and redo history using the scrubber at the bottom of the interface.
Select and deselect layers
Layers, accessible via the Layers Studio, are separate Z-axis planes that may contain one more more objects. You can directly select layers by tapping in the Layers Studio.
You can select or deselect more layers by swiping on the layer. You can select a range of layers by two-finger tapping on the layer at the end of the desired range.
Grouping and ungrouping layers
You can group layers by selecting more than one, and performing a pinch in gesture on the Layers Studio. Ungrouping layers works in reverse: select the group, and perform a pinch out gesture to ungroup.
How to duplicate objects
The easiest way to duplicate an object is to use a two-finger modifier and drag away from a selected object. You can also use the Duplication option in the Edit menu.
If you use the Duplication option in the Edit menu after making changes to a duplicated object, the next duplication will follow a recursive trajectory, potentially saving you lots of time.
How to transform objects
Objects can be transformed using the Transform studio, but you can also drag on the various nodes that make up an object in order to transform it. Combine your drags with one-, two-, or three-finger modifiers to transform while maintaining aspect ratio, transform from center, or transform from center while maintaining aspect ratio respectively.
How to rotate objects
The rotation handle found on each object can be used to rotate items on the project canvas. The closer you are to an object, the faster and less precise the rotation. Conversely, when rotating further away from an object, the rotation will be slower and more precise. Combine rotation with a single-finger modifier to rotate every 15 degrees.
Adjust fill color intensity
To quickly change an object’s fill color intensity, drag up or down on the Color Studio.
Change stroke size
Drag on the Stroke Studio to change stroke size for a selected object on the fly.
Swap stroke and fill colors
Perform a horizontal swipe on the stroke and fill colors inside the Color Studio to quickly swap between the two.
Disable stroke and/or fill
Inside the Color Studio, perform a swipe-up gesture on the respective colors to disable stroke and/or fill.
Quickly adjust text size
Swipe up or down on the Text Studio to quickly adjust the size of a selected text object.
How to quickly change colors with the Color Picker
Select an object, choose the Color Picker from the tool bar, and long press on the object containing the color that you wish to use. The color that is displayed in the outer circle of the color picker is the color that will be selected.
Boolean operations are some of the most powerful vector illustrations tools, as they allow you to use multiple shapes to create other unique shapes. The boolean toolset can be found inside the Edit menu, allowing users to Add, Subtract, Intersect, Divide, or Combine on more more shapes.
Affinity Designer contains a bevy of export options, affording it the kind of flexibility that graphic artists demand. However, if you just want to quickly export and share your work, you can use the quick drag and drop export functionality found inside the Export panel.
Simply drag and drop a desired file type into a valid location, such as an email, and Affinity Designer will quickly export your work for immediate sharing.
Like its sister app, Affinity Photo, Affinity Designer for iPad is a huge get for iPad users who desire professional apps with little to no compromises. I find that it serves as a great companion app to use with the Mac version of Affinity Designer while away from the office.
As you can see from our video walkthrough, developer Serif has focused heavily on incorporating gesture-based control in Affinity Designer. There is definitely a bit of a learning curve, but once you get the basic mechanics and UI down, you’ll likely agree that this is the best illustration app available on iPad.
To celebrate the launch of Designer for iPad, Serif has dropped the price of all four of its popular apps:
- Affinity Photo for iPad: $13.99
- Affinity Designer for iPad: $13.99
- Affinity Photo for Mac: $34.99
- Affinity Designer for Mac: $34.99
Yep, for less than $100, you can get the entire Affinity suite on both iPad and Mac, which many people agree are bonafide subscription-free replacements for Adobe Photoshop and Adobe Illustrator. What are your thoughts on Affinity Designer? Do you have any specific tips to share? Sound off in the comments below with your observations.