top of page

AFFINITY DESIGNER TUTORIALS

by Artistwright
  • FREE Affinity Designer Tutorials
  • Free Downloads (Scroll down)
Warp Tool - Affinity Designer 2 - Full Tutorial
42:14

Warp Tool - Affinity Designer 2 - Full Tutorial

In this Affinity Designer 2 tutorial I will teach you how to use the vector warp tool. I cover everything! Whether you are a beginner or an advanced user, or even coming over from adobe, you are sure to find it useful. As always lots of tips and tricks along the way to speed up your design workflow and learn to use Affinity so it works for you. This Affinity Designer course starts from the basics and goes all the way up. Each section is split into different categories so skip around to the part you want to watch: Basics 1-4 Mesh 1-6 Quad Perspective Arc Vertical Arc Horizontal Bend Vertical Bend Horizontal Fish Eye Twist I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thank you, tap away! If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes (raster) https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks 0:00 Intro 0:35 Warp Tool Basics Part 1 09:49 Warp Tool Basics Part 2 10:51 Warp Tool Basics Part 3 13:30 Warp Tool Basics Part 4 15:05 Mesh Part 1 16:53 Mesh Part 2 18:36 Mesh Part 3 19:36 Mesh Part 4 20:38 Mesh Part 5 24:18 Mesh Part 6 25:50 Quad 27:25 Perspective Part 1 30:15 Perspective Part 2 31:37 Quad Vs Perspective 32:06 Arc Vertical 32:57 Arc Horizontal 33:55 Bend Vertical 35:11 Bend Horizontal 36:42 Fish Eye 40:31 Twist 41:42 Outro #affinitydesigner #warptool #affinity
Affinity Designer Tutorial - Rotate Multiple Nodes, Transform, Scale, Origin
11:55

Affinity Designer Tutorial - Rotate Multiple Nodes, Transform, Scale, Origin

Hello Designers! In this video I show you how to use the Transform Panel to rotate multiple nodes, change a shapes origin / anchor point, and scale. I'll also be showing you how to create cool shapes like a mandala by using the transform mode. And i also touch upon creating compound shapes. As always lots of tips and tricks along the way to speed up your design workflow and learn to use Affinity so it works for you. I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thank you, tap away! If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks 0:00 Intro 0:27 Rotate Multiple Nodes 04:08 Node Rotation & Scale 05:41 Transform Origin and Node Rotation 07:00 Talking Snake 07:45 Getting Creative - Mandala 09:24 Star Example 09:57 Cog Example 10:27 Special Example 10:38 Experiment Example 11:24 Outro #affinitydesigner #tutorial #design
Affinity Designer Shortcuts for Mac & PC Windows - Tutorial
34:56

Affinity Designer Shortcuts for Mac & PC Windows - Tutorial

Hello Designers and welcome to the Affinity Designer shortcuts tutorial. In this video, I will show you a lot of shortcuts for both Mac and PC Windows. You will learn how to use them to speed up your workflow. I will also show you how to customise shortcuts. As always I give tips and tricks along the way. I cover all of these categories: Tools Shortcuts Edit Shortcuts Layer / Object Shortcuts Select Shortcuts View Shortcuts File Shortcuts Action Shortcuts Links to tutorials mentioned in this video: Affinity Designer Pen Tool and Node Tool Tutorial - Beginner to Advanced https://youtu.be/3iowyjv8ezA Affinity Designer Tutorial - How to use the Corner Tool https://youtu.be/VAXBXKhH7nU Affinity Designer Tutorial - Contour Tool https://youtu.be/zpOm8AzTpW4 QUESTIONS: If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. ALL MY AFFINITY DESIGNER TUTORIALS on YOUTUBE: https://www.youtube.com/c/ArtistWright/ Affinity Designer Tutorials and some free Downloads: https://www.artistwright.com/tutorials Affinity Designer Brushes: https://www.artistwright.com/brushpacks Affinity Designer Vector Packs: https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro to Shortcuts 0:14 Info 0:48 Tools Shortcuts 7:22 Edit Shortcuts 12:38 Layer / Object Shortcuts 17:56 Select Shortcuts 19:56 View Shortcuts 27:18 File Shortcuts 28:28 Action Shortcuts 34:19 YOU 34:47 Outro #affinitydesigner #shortcuts #tutorial
Affinity Designer Pattern Fill Styles Tutorial
18:39
Affinity Designer Tutorial - UI and Website Mockups Using Constraints
22:42

Affinity Designer Tutorial - UI and Website Mockups Using Constraints

This Affinity Designer tutorial will teach you about the constraints panel. I will explain how it works and then show you how it works and how it can help when creating UI Mockups for websites or different sized artboards/devices. For example: Create a UI element/asset like a button or navigation bar and have it automatically resize to different artboards. This can be very useful when you need your design o fit a mobile phone, tablet and website. This tutorial is step by step with tips, tricks and shortcuts throughout. I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thanks tap away! If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro 0:18 What is the Constraints Panel 3:47 Horizontal & Vertical Scaling 5:52 Using Anchors 07:07 Anchor & Scale 08:04 Creating UI Elements 11:22 UI Elements & Different Artboards 15:15 Website Mockup 18:59 Min Fit - Constraints 20:13 Max Fit Constraints 22:25 Thanks for Watching #affinitydesigner #ui #contraints
Affinity Designer Tutorial - Trace & Create Anime Style Design
49:40

Affinity Designer Tutorial - Trace & Create Anime Style Design

Hello designers! Welcome to Another Affinity Designer Tutorial. In this video, we will be exploring Anime style design. First we will get an appropriate image from within the stock tab. Similar to some of the cartoons and comics you might see coming out of Japan. Then work through tracing and re-creating it in vector, we will then customise it. If you are a beginner you can follow along with me, I will provide all the shortcuts you need. I talk through all of the steps you need to do exactly what I am doing. So you can learn at a steady pace and become proficient in using the tools of Affinity Designer. As always I include tips and tricks throughout. NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro & Doc Setup 0:48 Stock Tab 2:09 About layers 3:11 Pen tool, stroke and fill run-through 4:41 Creating the Hair 15:12 Creating the Head 20:42 Creating the Body 22:54 Quick Tip - Layer Stack 23:23 Creating the Eyes 35:01 Creating the Mouth and Nose 39:20 Customise it! 49:12 Thank you #Affinitydesigner #Tutorial #Anime
Affinity Designer Tutorial - Vector Illustration Process
01:07:56

Affinity Designer Tutorial - Vector Illustration Process

Hello designers and welcome back to another Affinity Designer tutorial. Today we're going to recreate a stock photo using only vectors. I'm going to walk you through the illustration process and break down each part. We will use a variety of tools to achieve our goals, but every tool is part of Affinity Designer so no additional add ons needed. As always i'll be sharing I'll be tips and tricks along the way with shortcuts that can be useful to speed up your design process. We will be using many tools including the pen tool, pencil tool and different shapes to draw and trace around a photo. After that we will use the node tool to fix any mistakes, then start giving our new drawings a colour either solid or gradient using the gradient tool. To finish off we will be clipping shapes inside of shapes and using the effects tab to apply a gaussian blur or the transparency tool to get the right effect. If you enjoy my videos please give them a thumbs up and let me know the in the comment section. Subscribe and tap the notification bell to get notified of my new videos. Cheers! NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button QUESTIONS: If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. Music in my video provided by my talented friend Folivora. Tutorials mentioned in my video: PEN TOOL TUTORIAL: https://youtu.be/3iowyjv8ezA CONTOUR TOOL TUTORIAL: https://youtu.be/zpOm8AzTpW4 TWITTER: https://twitter.com/artistwrightuk ALL MY AFFINITY DESIGNER TUTORIALS: https://www.youtube.com/c/ArtistWright/ Affinity Designer Tutorials on my website and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro 0:43 Setting up 05:01 Making the Background 06:20 Making the Table 08:25 Making the Candle Holder Base 12:57 Making the Candle Holder Stem 15:40 Making the Candle Holder Capital 27:30 Making the Candle 37:35 Making the Wick 40:55 Making the Smoke 49:10 Making the Curtain 56:12 Making the Shadow for the Candle Holder 58:35 Making the Matches 01:03:50 Final Changes 01:07:27 Thank You #affinitydesigner #illustration #artistwright
Affinity Designer Tutorial - Contour Tool
20:59

Affinity Designer Tutorial - Contour Tool

Hello Designers and welcome to another Affinity Designer tutorial! In this video we are going to be looking at the Contour Tool. I will show you how to use it, and how it might become useful when creating designs. I will be experimenting with different shapes and strokes so that you may see the results of using the contour tool. I will also be creating compound shapes and then testing out this tool to create some really cool crazy shapes like meta balls! I'll show you how to create the Command Symbol too. As always i'll be sharing I'll be tips and tricks along the way with shortcuts that can be useful to speed up your design process. If you enjoy my videos please give them a thumbs up and let me know the in the comment section. Subscribe and tap the notification bell to get notified of my new videos. Cheers! NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button QUESTIONS: If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. ALL MY AFFINITY DESIGNER TUTORIALS: https://www.youtube.com/c/ArtistWright/ Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro 0:14 The Basics - How it Works 7:17 Compound Shape - Meta Balls 10:26 Integrating Photography / Design 12:24 Working with Strokes 13:59 Experimenting with Strokes 15:53 Text Outline Effect 17:24 Exercise - Recreating the Command Symbol 19:37 Scaling Up and Down 20:37 Outro #affinitydesigner #contourtool #illustration
Affinity Designer Tutorial - Create Realistic Designs - 3D, Bevel, Emboss
32:54

Affinity Designer Tutorial - Create Realistic Designs - 3D, Bevel, Emboss

Hello Designers and welcome to another Affinity Designer tutorial! In this video I will show you how to create a realistic design whilst using a stock photo as a reference image. If you want to design along with me I will be doing it step by step. I will show you how to use different effects to create a sense of realism such as 3D, Bevel and Emboss and Gaussian Blur. I will be using the Pen tool to draw out the spoon and also the node tool to fine tune the nodes in the illustration. If you want to learn more about those tools check out my video in the link below. I'll be showing you tips and tricks along the way with shortcuts that can be super useful. If you enjoy my videos please give them a thumbs up and let me know the in the comment section. Subscribe and tap the notification bell to get notified of my new videos. Cheers! NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS: - Mac Command key = Windows Ctrl key - Mac Shift key = Windows Shift key - Mac Alt key = Windows Alt key - Mac Ctrl key = Windows Right Mouse button QUESTIONS: If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe. PEN & NODE TOOL TUTORIAL: https://www.youtube.com/watch?v=3iowyjv8ezA&t=1245s ALL MY AFFINITY DESIGNER TUTORIALS: https://www.youtube.com/c/ArtistWright/ Affinity Designer Tutorials and some free Downloads https://www.artistwright.com/tutorials Affinity Designer Brushes https://www.artistwright.com/brushpacks Affinity Designer Vector Packs https://www.artistwright.com/vectorpacks Time Stamps: 0:00 Intro 0:27 Document setup 0:41 Getting the stock photo 2:19 Creating the plate 9:14 Creating the spoon shape 14:44 Making the spoon look realistic 21:30 Making spoon shadow 25:53 Creating the background 27:10 Important - Scale with Object 28:07 Creating the main shadow 32:03 Outro #affinitydesigner #3d #illustration

Free Downloads

Retro 80s Design

Free Affinity Designer File

  • Free video tutorial - Learn 80s aesthetic

  • Free download -  Affinity Designer master file.

Retro Artwork

Free Affinity Designer File

  • Free video tutorial - Retro Artwork.

  • Free download -  Affinity Designer master file.

Created using the
'Retro Future brush Set'
Retro Future Brush Pack Logo

Sale Icons

Free Affinity Designer File

  • Free video tutorial - Vector Sale Icons

  • Free download -  Affinity Designer master file

bottom of page