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:
   • Affinity Designer Isometric Tutorial ...  

Photos used for mockups:

Photo of Beauty products - on Pexels from Karolina Grabowska
https://www.pexels.com/photo/assorted...

Photo of Business Card - on Pexels from Anna Nekrashevich
https://www.pexels.com/photo/blank-wh...

Photo of Socks - on Pexels from Ron Lach
https://www.pexels.com/photo/multicol...


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


CHECK OUT MY AFFINITY SHOP OF FREEBIES, VECTOR PACKS AND BRUSH PACKS:
https://artistwright.gumroad.com/

MY WEBSITE:
https://www.artistwright.com/


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