Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Affinity Designer iPad Tutorial
  • By Design Bundles
  • 8 Mins
  • Affinity Tutorials

Affinity Designer iPad Tutorial

In this written tutorial you'll learn the basics of using Affinity Designer on the iPad.

Affinity Designer for iPad is an affordable Adobe Illustrator alternative. It is a full featured vector program with plenty of options to edit and design images. In this tutorial we’ll cover the basics you’ll need to get started.

How To Open A New File in Affinity Designer

Here we will focus on creating a brand new document on Affinity Designer for iPad, including choosing your settings for the document.

Step 1. Open the Affinity Designer App on your iPad

Upon opening the Affinity Designer App you will see the following screen. If you already have documents created you will see them here. If it is the first time opening the app you will just have the two optionspictured. Clicking on Tutorials will link you to the Affinity Designer Tutorial page and clicking on Samples will open several preloaded sample designs.

Affinity Designer Opening Screen

Step 2. Creating A Document

Tap on the plus icon in the top right of the screen and another screen will pop up. From this screen you can choose to open a new document or template, or you can open an already created Affinity file or import a file from the cloud.

Affinity Designer New Document

Step 3. Creating a New Document

For this Affinity Designer tutorial we’ll focus on opening a new file. Tap on New Document and another window will pop up.

Step 4. Choosing Document Settings

Here is where you can set the size of your document, resolution, color profiles, page orientation and whether you want a white or transparent background. For vector design you can keep your resolution at 72dpi but for raster design you will want at least 300dpi. Once you have your ideal settings, tap OK and your document will open.

Affinity Designer Document Settings

Menu Icons

Affinity Designer has three different modes. The programcalls these modes personas.

Designer Persona

Here you can use the pencil and brush tools to draw vectors. There are a multitude of tools from basic shapes, to gradient tools and node editing. You can add text with custom fonts, change colors and add strokes.

Pixel Persona

Here you can draw and edit raster graphics. Great for adding shading and effects to your artwork.

Export Persona

This is designed for exporting your graphics with your saved settings.

Help Menu

Long tap on the question mark symbol in the bottom right of the screen in any persona and labels will pop up next to the menu icons so you can see what each one is.

Affinity Designer Persona Help

Importing an SVG file

This part will cover importing an SVG, from locating the file to editing it.

Step 1. Importing the file.

Tap on the document icon in the top left of the screen and select “Place image”.

The design I'm using in this tutorial is Summer Gomes SVG

Affinity Designer Place Image

Step 2. Locating the file

elect Open From Cloud and navigate to the folder you have your SVG file saved. Tap on the file you want.

Affinity Designer Open From Cloud

Step 3. Placing the file in the document

Use your fingers or stylus to drag out the SVG to the size you want it to be. you can always resize it later if your needs change.

Affinity Designer Placed Image

Step 4. Editing the image

Double tap on the image to edit the layers. Here you can change thefill or stroke color on any element of the design. You can also move layers around and change sizing.

Affinity Designer Edit Layers

Exporting a file from Affinity Designer

Step 1. Exporting from the Document Menu

Click on the document icon in the top right of the screen and tap on Export.

Affinity Designer Export

Step 2. Export Settings

This will bring you to a second screen where you can change the export settings. Here you can choose what format to save your file and change the name of it. When you have made your desired changes click OK. Your file is now saved.

What other type of files can Affinity Designer Open?

Affinity can import and export EPS, PDF, PNG, TIFF, JPEG, PSD, HDR, TGA, EXR, and GIF.

If you enjoyed this tutorial and want to learn more you can visit our other Affinity Designer for iPad Tutorials like how to use clipping masks, and how to use the pen tool.


6 Related Affinity Tutorials

In order to really maximize your design capabilities with Affinity Designer, you will really need to use some installed fonts. The pre-installed fonts are great but limited. Purchasing fonts from Font Bundles will give you premium quality fonts with a commercial license. Choosing the perfect font can enhance your design ...

In this tutorial, you’ll be learning how you can make brushes in Affinity Designer based on your own designs and custom shapes.Vector brushes in Affinity Designer are basically png files stretched along a path. So the overall process involves the creation of a design, exporting it as a ...

Text Styles are presets that can be applied quickly and efficiently to a large amount of text. This is essential for projects that use text and require the ability to update across the platform. In this tutorial we will give a brief overview of how to use Affinity Designer Text ...

The Long Shadow effect is as the name implies. It adds a long shadow to give dynamic impact to text or logo. The process involves multiple duplicates aligned in a specific way. The duplicates are then combined with a Boolean action and edited with the Node Tool. We will show ...

Do you want to print larger sublimation designs but only have a standard or A4 size sublimation printer? In today’s tutorial, we are going to show you how to print a large image on multiple pages using Affinity Designer. You will also learn how to align the pages to ...

Drop shadows can be used in graphic design to give the illusion of a 3D object. It gives the image depth as though it is hovering above the page. There are various setting that can be changed to simulate the direction of the light source, the size of the shadow ...

You may also like

Help Center
ol image