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:

Photos used for mockups:

Photo of Beauty products - on Pexels from Karolina Grabowska

Photo of Business Card - on Pexels from Anna Nekrashevich

Photo of Socks - on Pexels from Ron Lach

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:

MY WEBSITE:

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

[abraxas]

This channel is completely underrated! Best Tutorials about Affinity Designer out there. Thank you

[michaeljohn]

Awesome as usual. I always pick up tips no matter how basic a job. Just little things I could have done and didn't realise.. Brilliant.!!. I'm just pissed at You Tube as I have had a notification of any of these videos, but I did get notified of 2 shorts in the last couple of days which prompted me to go to your channel and find these.

[nordiclightphototours]

Your tutorials are second to none and your natural teaching skills on educating complex tools . Thank you. Cheers, Hendrik

[flippednickel]

Really enjoy your no nonsense method of teaching. Excellent tutorials. Years ago Ii had learned quite a bit about Illustrator, but the interface just made no sense to me. I couldn't get how clunky it was to go between Illustrator and Photoshop. Been using Affinity Photo for a few years now and your tutorials along with Designers interface have completely renewed my interest in creating vector based content. Thanks!

[Hi-HK]

I love how detailed you get with each tool, providing us with complete knowledge. I appreciate your hard work ❤

[Bdiers]

This is going to help a lot of folks (me included)! Thanks for sharing your time and knowledge!

[JustMamo]

Thank you so much for this! I was struggling to create my own mockup then i saw your video. I tried it on AD V2 on iPad. It works! I could finally do my own warp/perspective mockup!

[Cuterate]

Thank you for your help ! I just discover your Channel and I love it !!!

[bennycgul]

You are so helpful thank you for making these excellent tutorials!!

[megpemberton]

Excellent teaching style! Thank you for showing several examples by the time I got to the end of the vid the techniques had set in. Thanks again :)

[habanero]

I love your tutorials and your voice is great. Nice and calm and soft.

[patopatagon]

Como nuevo usuario de Affinity agradezco mucho tus tutoriales. Fantásticos!!! 🥳🥳👌

[paganbornusa]

Just discovered you and your channel ... Amazingly helpful! Your demonstrations are so well explained and easy to follow. You have helped me immensely with my process ❤❤

[jantepas]

Thanks for this practical tutorial. I’ve learned a few new approaches.

[elonanamor]

Fantastic video today. Learned so much. You are a great teacher. So filled with information.

[DorsetGirl]

Thank you so much. Great tutorial. You now have a new subscriber.

[DzeimzK]

Thank you for this tutorial. It's going to help me a lot. Cheers!

[ilze]

Thank you so much! Very helpful and clearly explained 🙂🙂

[jasonStockhill]

Simply great tutorials. Just amazing the content. And also all these videos just show the outstanding value for money affinity is

[bossmaen]

Thank you for this tutorial. I spend almost a whole day figuring out where to find the warp button in the layers panel (like the vector warp has a button there). Affinity could have made this a bit more consistent between the two personas