AFFINITY DESIGNER TUTORIALS

Learn how to use Affinity Designer Like a pro

Watch my totally FREE Affinity Designer Tutorials and gain in-depth knowledge & confidence to create amazing vector artworks. Go from beginner to advanced using the techniques, shortcuts, tips and tricks shown in my videos.

I've also included free downloads that are compatible with Affinity Designer, check the bottom of the page. 

If you like these videos and want to see more, SUBSCRIBE to my Youtube channel below

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 STUFF

Retro 80s Design + Free Download

Affinity designer retro design

I made this 1980s style design on Affinity Designer. I have included a free video tutorial (below) where I guide you through making it yourself. Also I would like to give you all a free download of the original Affinity Designer master file so you can see how it all works, have a 'swell' time learning and playing.

Free Affinity Designer File PLUS Extras!

Artwork using Retro Future Brush Pack

Watch the tutorial

FREE Source file (.afdesign) of my retro artwork completely free of charge!
Click below to download.

Created in Affinity Designer using the 

'Retro Future Brush Set' 

Check it out below.

Retro Future Brush Pack Logo

FREE I am giving away the source file (.afdesign) of my SALE ICONS.

Watch the tutorial