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 Isom...
Photos used for mockups:
Photo of Beauty products - on Pexels from Karolina Grabowska
www.pexels.com/photo/assorted...
Photo of Business Card - on Pexels from Anna Nekrashevich
www.pexels.com/photo/blank-wh...
Photo of Socks - on Pexels from Ron Lach
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
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes (raster)
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
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

Пікірлер: 93

  • @abraxas1009
    @abraxas100910 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Thanks Abraxas!

  • @khelgarathalan1723

    @khelgarathalan1723

    Ай бұрын

    Agreed. I've paid for less quality. I'd certainly b buy his course if he made one.

  • @jasonStockhill
    @jasonStockhill2 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    2 ай бұрын

    Hi Jason! Thank you so much. Absolutely agree with you, Affinity is incredible value

  • @Hi-HK
    @Hi-HK11 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Thank you Hasan

  • @juliegalaise455
    @juliegalaise45513 күн бұрын

    Thank you for you for this tutorial!

  • @ArtistWright

    @ArtistWright

    10 күн бұрын

    No worries

  • @nordiclightphototours153
    @nordiclightphototours15310 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Hello again, thanks I really appreciate it

  • @pedroarruda7878
    @pedroarruda78783 күн бұрын

    Amazing! Thank you!

  • @ArtistWright

    @ArtistWright

    3 күн бұрын

    No problem

  • @Bdiers
    @Bdiers11 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    I sure hope it does, thank you for your kind words

  • @michaeljohn2029
    @michaeljohn202910 ай бұрын

    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.

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Cheer Michael, appreciate it. I don't know why KZread is like that. When I posted this video I marked that I wanted my subscribers to get notified. Thanks for letting me know.

  • @flippednickel4669
    @flippednickel466911 ай бұрын

    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!

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    You are so welcome, thanks for leaving your feedback I appreciate it. I have a similar story to you. I never really enjoyed using illustrator either. With Affinity I actually enjoy creating!

  • @habanero6332
    @habanero63323 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    3 ай бұрын

    Ah thanks alot, that's nice to hear

  • @greatdaru
    @greatdaru3 ай бұрын

    Thank you, very helpful!

  • @ArtistWright

    @ArtistWright

    3 ай бұрын

    My pleasure! Thanks for watching

  • @megpemberton3091
    @megpemberton30913 ай бұрын

    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 :)

  • @ArtistWright

    @ArtistWright

    3 ай бұрын

    That's absolutely amazing to hear thank you

  • @paganbornusa
    @paganbornusa4 ай бұрын

    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 ❤❤

  • @ArtistWright

    @ArtistWright

    4 ай бұрын

    That's great to hear! Welcome aboard!

  • @bossmaen
    @bossmaen11 ай бұрын

    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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    No problem! I totally agree, it's buried in there. From reading posts from staff on the affinity forum, they weren't 100 percent sure how useful it would be, given as its already in affinity photo. So I think they are testing it and maybe in the future it will be a bit more of a full feature.

  • @bennycgul2261
    @bennycgul226110 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Thanks Benny

  • @sebastianlenz8465
    @sebastianlenz84654 ай бұрын

    Thank u so much Champ 🙏

  • @ArtistWright

    @ArtistWright

    4 ай бұрын

    No worries 🤠

  • @jantepas7511
    @jantepas751111 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Happy to hear that!

  • @elonanamor6420
    @elonanamor642011 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Thank you, I'm Glad it was helpful!

  • @patopatagon
    @patopatagon11 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Gracias, me alegra escuchar eso. Mira mis otros videos también.

  • @patopatagon

    @patopatagon

    11 ай бұрын

    Gracias!!! Estoy suscrito hace rato@@ArtistWright

  • @Ninaninaiw
    @Ninaninaiw11 ай бұрын

    Wonderful and very useful tools 🙌🏻

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Thank you so much 🙏

  • @skins3738
    @skins373811 ай бұрын

    Love your videos. Thanks.

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Thank you

  • @tinkledellcottage3643
    @tinkledellcottage36434 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    4 ай бұрын

    Thank you so much! More to come

  • @joaopires65
    @joaopires6510 ай бұрын

    Thank you. Great tutorial.🙏

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Glad you enjoyed it

  • @m_reis
    @m_reis11 ай бұрын

    Very useful! Thank You!

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Cheers Miguel

  • @Dzeimz40K
    @Dzeimz40K10 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Great to hear

  • @Cuterate
    @Cuterate6 ай бұрын

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

  • @ArtistWright

    @ArtistWright

    5 ай бұрын

    Thank you I appreciate that alot. Btw I'm releasing a new video today ( Saturday). Take care

  • @amitd1572
    @amitd157210 ай бұрын

    Very helpful. Thanks.

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    My pleasure

  • @soul.rebel1986
    @soul.rebel198610 ай бұрын

    This was awesome! Im definitely considering an upgrade do V2 after seeing this.

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Thank you! yeah V2 has some long awaited features, definitely worth it in my opinion.

  • @johnhaynes9910
    @johnhaynes991011 ай бұрын

    Absolutely excellent :)

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Thank you 👍🏻

  • @pixelrancher
    @pixelrancher11 ай бұрын

    Great in-depth tutorial. Thank you!

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Hi PixelRancher! I appreciate your words

  • @pixelrancher

    @pixelrancher

    11 ай бұрын

    Appreciate the effort you put into these tutorials. Even when I think I have an understanding of a tool or procedure, I end up saying to myself "I didn't know that! Cool!!"@@ArtistWright

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    @pixelrancher thanks! Im always trying to learn a better way of doing something. yeah they take me a good while to make with all the bells as whistles added.

  • @xdm-xponentialdigitalmarke3963
    @xdm-xponentialdigitalmarke39635 ай бұрын

    F*$£ing Awesome Tutorial !!!! Thank you

  • @ArtistWright

    @ArtistWright

    5 ай бұрын

    Cheers

  • @tonoveid
    @tonoveid6 ай бұрын

    Thanks!

  • @ArtistWright

    @ArtistWright

    6 ай бұрын

    I very much appreciate the support Tony!

  • @tonoveid
    @tonoveid6 ай бұрын

    Hi ArtistWright, I would love to see a video about color management. This would include an introduction to the default AD palettes, creating custom palettes, creating chords and triads from a single swatch, etc. If you have already covered these concepts, I apologize. Please tell me what the video is named, and I'll find it!

  • @ArtistWright

    @ArtistWright

    6 ай бұрын

    Hello there and that's for the suggestion! I'll be noting that down. I've not covered it extensively but in a couple of videos I touch upon it slightly. Watch this tutorial where I create a document pallet with colours based on an image. kzread.info/dash/bejne/e2l_zZeknqixlrw.htmlsi=0HWCjD4zmq2SwXeu

  • @OzeiasQueiroz
    @OzeiasQueiroz5 ай бұрын

    Muito bom!!!

  • @ArtistWright

    @ArtistWright

    5 ай бұрын

    Thank you!

  • @donnervaix1436
    @donnervaix14365 ай бұрын

    I don’t know why affinity doesn’t promote these kinds of use cases more themselves. This shits all over adobe smart objects, far more intuitive and all live on the fly, beats having to save the object and guess whether it fits right. Cheers bud, this is definitely gonna improve my workflow 👌🏾

  • @ArtistWright

    @ArtistWright

    5 ай бұрын

    I've no idea, I know they are getting more active with their tutorials etc maybe they are working up to it. I appreciate the comment 👍 glad my content helps you

  • @LittleBoobsLover
    @LittleBoobsLover6 ай бұрын

    nice tutorial - but I think smart objects in photoshop are less complicated. You double click on warped smart object and you have cointainer (psb new file/tab) you edit that, then save and voila! You have different picture in mockup which you can easly acces and modify. Here in affinity you must prepare 100% pdf or jpg first and then you can replace them with the same pdf or jpg. If you want to replace it with publisher file - there is error and perspective is gone. You can't use perspective warp od group, because it rasterize it :/ f you could acces to these layers in group that would be amazing. Do you have any other ideas how to speed it up like it would look in photoshop?

  • @ArtistWright

    @ArtistWright

    5 ай бұрын

    Thanks 👍 honestly I've not used Photoshop in so long I have no idea what it's like anymore. Maybe it is easier, have you tried affinity photo?

  • @Cuterate
    @Cuterate6 ай бұрын

    Thank you so much for all your tutorials ! But where is your thank you button ?

  • @ArtistWright

    @ArtistWright

    6 ай бұрын

    Cheers, it should be underneath the video unless they moved it

  • @Cuterate

    @Cuterate

    6 ай бұрын

    Thank you ! Found it , I never seen this button !! 😅 I was looking in your description or in the vidéo 😅

  • @ArtistWright

    @ArtistWright

    6 ай бұрын

    I appreciate the super thanks! Thank you

  • @midn1949
    @midn194910 ай бұрын

    Can you do about professional texts effect

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Can you explain further

  • @azadmozaffarin6012
    @azadmozaffarin60128 ай бұрын

    hi, very nice. but i cannot find the new live filter layer. i have updatetd to the new version, but nothing? what can i do?

  • @ArtistWright

    @ArtistWright

    8 ай бұрын

    You need to switch to pixel persona mode first

  • @orphydiancg7759
    @orphydiancg77597 ай бұрын

    Does AD has 3 point perspective grid like Illustrator?

  • @ArtistWright

    @ArtistWright

    7 ай бұрын

    Hi there, isometric panel has many options for different grids, you can customise your own grid too ( you'll see the option if you go to 'window')

  • @orphydiancg7759

    @orphydiancg7759

    7 ай бұрын

    @@ArtistWright I watched your 2 years old Isometric grid tutorial. Probably the best out there. I'm impressed this software has so many options for isometric grids but it does seem to have a real 3d perspective grid with vanishing points. Pls take a look at the grid type in Illustrator.! This is a major ommission from the guys at Serif

  • @unicaaiminakuchi3889
    @unicaaiminakuchi388910 ай бұрын

    Can this be done on an ipad too?

  • @ArtistWright

    @ArtistWright

    10 ай бұрын

    Yes you can, go to pixel persona and then the add menu from what I've read, I don't have an iPad though

  • @israelfranco9104
    @israelfranco91049 ай бұрын

    Hoy do you this on iPad? Please

  • @ArtistWright

    @ArtistWright

    9 ай бұрын

    Sorry I'm not making iPad Tutorials just yet. But you can do this on ipad

  • @kevinhouse7143
    @kevinhouse714311 ай бұрын

    Is any of this even possible in illustrator?

  • @ArtistWright

    @ArtistWright

    11 ай бұрын

    Honestly I have no idea lol

Келесі