top of page

AFFINITY DESIGNER TUTORIALS

by Artistwright
  • FREE Affinity Designer Tutorials
  • Free Downloads (Scroll down)
Affinity Designer Tutorial - Live Filters Warp & Perspective - Mockups
26:41

Affinity Designer Tutorial - Live Filters Warp & Perspective - Mockups

Hello designers, and welcome to another Affinity Designer 2 tutorial! Today I’ll show you how to use Live Filter Layers - Perspective and Mesh Warp. We'll kick things off with the basics and then ramp it up with a series of mockups. You'll gain a clear understanding of why these tools are useful. Think of them as the dynamic, raster counterpart to the Vector Warp tool. In this tutorial I use Affinity Designer Version 2.1. You will learn: - The basics of the perspective and Mesh warp tool Live Filter layers so you can understand how to use it, - how to add your design into Smartphone mockups using the perspective tool (good for marketing and Ui) - how to place and Embed Jpegs, Pngs, PDF - how to Embed a Multi page document /Multi artboard document - how to place your design on product packaging - Blend Modes to make your places images look realistic - How to warp a bitmap pattern fill or Affinity Style And of course lots of tips, tricks and shortcuts along the way. If you want to learn how to create isometric designs like the first smartphone mockup check out my Isometric tutorials playlist: https://www.youtube.com/watch?v=BW1oRou_WzQ&list=PLhR4Y9kyp7eHctovbjVh7AuSZsU-eoQte Photos used for mockups: Photo of Beauty products - on Pexels from Karolina Grabowska https://www.pexels.com/photo/assorted-cosmetics-on-white-surface-4735904/ Photo of Business Card - on Pexels from Anna Nekrashevich https://www.pexels.com/photo/blank-white-paper-in-close-up-shot-8533655/ Photo of Socks - on Pexels from Ron Lach https://www.pexels.com/photo/multicolored-socks-and-a-cardboard-box-9594148/ 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 Time Stamps: 0:00 Overview (Raster Warp) 0:19 Basics - Live Filter Layer (Perspective & Mesh Warp) 06:07 What can I use this tool on? 07:32 Perspective - Phone Mockup 12:06 Perspective - Embed document - Phone Mockup 2 15:57 Mesh Warp - Mockups - Blend Modes 20:25 Mesh Warp - Mockup Product Packaging 23:35 Mesh Warp a Style / Bitmap Pattern Fill 26:21 Thanks for Watching #affinitydesigner #livefilter #affinitydesigner2
Affinity Designer 2: Knife Tool and Scissor Tool Tutorial
21:55

Affinity Designer 2: Knife Tool and Scissor Tool Tutorial

Hello Designers and welcome to another Affinity Designer tutorial! Today, I'm going to show you how to use the Knife Tool and Scissor tool in Version 2. whether you are a beginner or an advanced user of Affinity its going to help as I cover alot of techniques, tips and tricks. Learn multiple ways of cutting open and closed curves, I'll teach you how to create smooth cuts, sharp corners, single and multiple cuts, and cutting inside objects. I'll demonstrate how to apply these tools by using examples that are actually useful, including a T-shirt a surf line drawing, a monstera plant, a text glitch effect and how to cut and recolour. Let's get cutting-edge with Affinity Designer! 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 Time Stamps: 0:00 Intro 0:27 Knife Tool Basics 1:31 4 Ways to Use the Knife Tool 6:05 Auto Close 7:15 Cut Inside Object 8:10 Single Cut 8:42 Multiple Cuts 10:21 Monstera Design Example 11:47 Cut & Recolour Example 13:41 Glitch Example 16:23 Scissor Tool 19:36 Surf Design Example 21:31 Outro #affinitydesigner #affinity #tutorial
Shape Builder Tool - Affinity Designer Tutorial
43:06

Shape Builder Tool - Affinity Designer Tutorial

In this Affinity Designer 2 tutorial I will teach you how to use the Shape Builder 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: To truly understand this tool I've split everything up into bite size easy to understand sections. Make Your Selection Action Button Shape Building Basics Shape Builder Shortcuts Transfer Styles FX Add Options Banana Example 1 Saturn Example 2 Quick Break (Cat) Shape Builder Important Options Linked Shapes Example 3 Ice Cream Example 4 Grids Grids with Gaps Cut into Shapes 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 Time Stamps: 0:00 Intro 0:32 Make Your Selection 03:53 Action Button 04:53 Shape Building Basics 09:52 Shape Builder Shortcuts 11:09 Transfer Styles FX 11:53 Add Options 13:56 Banana Example 1 15:31 Saturn Example 2 21:27 Quick Break (Cat) 21:43 Shape Builder Important Options 25:03 Linked Shapes Example 3 29:05 Ice Cream Example 4 37:47 Grids 40:00 Grids with Gaps 41:47 Cut into Shapes 42:40 Outro #affinitydesigner #shapebuilder #artistwright
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

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