Video není dostupné.
Omlouváme se.
Affinity Designer Tutorial - Learn Masking and Layer Clipping
Vložit
- čas přidán 4. 08. 2024
- In this Affinity Designer tutorial you will learn about masking and layer clipping, the layer mask tool and the transparency tool. Not only is this useful for your vector graphics but also for photographs.
Special thanks to @DJCraiglondon (twitter) who suggested i make a tutorial on this subject.
If you like my videos and want to see more please:
CLICK THE LIKE AND SUBSCRIBE BUTTON AND HIT THE NOTIFICATION BELL
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
www.artistwright.com/vectorpacks
#affinitydesigner #tutorials #design
That was one of the cleanest explanation of graphic related concept i've ever witnessed
Thank you Anthony! Really appreciate it
Thanks, you have cleared my confusion regarding clipping and masking.
Thanks! Very clear, informative and enjoyable to watch ✅
Great channel, definitely one or possibly the most useful/helpful channel I have found so far. Thanks for making these awesome videos.
Thank you, I really appreciate that
Sir, your ability to explain things is admirable! You're a born instructor.
Gracias Grazia! Appreciate it alot
Sooooo, soooo helpful! I understood in some aspects but I definitely understand it more clearly here! Thank You!!!
Glad it was helpful!
very professional, explicit and simple....need more tutorials!!!!
Thanks 👍
Clear and well paced tutorial! Thank you. :)
Cheers KaiZen, appreciate it
Very clear and concise! Love it 👍
Thank you and glad you like it! Ive just uploaded another couple of videos.
Finally a tutorial that truly explains this!!
Happy to help
Thank you for this video. It was informative and I learned a lot about clipping and masking which I had little knowledge of.
Glad to hear it!
Really glad I've found your channel. Good stuff!
Thanks Ralf
Best explanation. I was already subscribed and I liked the video and I will click the notification bell. Thank you for all that you do.
Thanks Wesley I appreciate that
Instructive, helpful, well-explained.👏👍🌟
Thanks Max
you are really very generous! thanks!
My pleasure!
excellent explanation. Thank u so much.
Thanks Rajdeep
Great video on parenting and compiling layers.
Thanks so much!
Very clear explanation. Thanks a lot
Thanks Aitor
Exactly what I'm looking for!
Happy to help
Awesome thank you! I couldn't figure out how to cut a pixel layer out of my lettering to give it a spray paint look. You did it!
Glad I can help
Very informative and a good explanation, cheers
Thank you i appreciate your comment
Wunderbar! Thank you very much!
Thank you Alwin
Thanks for the tutorial.
Thanks for watching
Very clear thanks 🙏🏻
My pleasure
The first 55 seconds I was thinking "Please don't be painful". Then I instantly bought the software. Awesome!
Awesome! Thanks, the interface looks a little different in version 2 but the icons etc are still in the same position. More videos to come
Welcome back I do my eyes this way
Cheers Mags
Thank you.. I now have a better understanding of Layer manipulation
My pleasure
thanks .... really well explained
Thanks Graham, I'm going through old comments I've not responded to. new tutorial is up
*The Best Tutorial I’ve Seen on CZcams* *Great Job* 👍🏽
Thank you
@@ArtistWright *:) you should have way more subs mate* 💯
I appreciate that
wow, that was easy once you showed it, thanks!
Thanks Robert
This channel is highly underrated!
Thank you Kristoffer
Thank you
👍
Only had this program a few days after using DrawPlus6 for years, didn't know about clipping. TFS, G :)
Hope you are still using Affinity Designer, Ive got new videos up, so check them out. Thanks for the comment Graeme
Thanks
Thank you Ann!
Please do more affinity designer tutorials...they're so good and professional! Thx :)
Will do! I have new videos up now, check them out
thanks
My pleasure
Thank you for this video! I have watched several of your videos and have subscribed. I am new to graphic design and am having trouble with this concept. When would you use clipping over masking?
Thanks. It's all up to you
Vielen Dank. :-)
Danke, gerne helfen
Thank you!!! I was trying to achieve something like this with the booleans and made a digital mess, lol.
lol! you can do it!
very plain for a newbie like me, nice that you're not speaking too quickly. I have subscribed, thanks
Thank you!
Perfect! It was so well explained. Thumb and subscr.!
Hello Enjoy Enjoy, I'm glad you Enjoyed it!
@@ArtistWright hey great, you replied even faster than anyone lol. Since you know Affinity designer so well, maybe you can help me out with the following. Is there any movie or near explanation on how to remove a simple cartoonish background from a photo. Like PS has it with some 2 clicks thing. What would you suggest me to do? I use it for cartoons/ animations with Cartoon Animator 4.
Hi there, seems as you are working with a photo its probably best to use Affinity Photo.
Here is a really simple video explaining it in Affinity Photo.
czcams.com/video/pE9iSERHJjk/video.html
In Affinity Designer its different, for instance you said you wanted to remove the sky, its a bit more long winded, but you could use the pen tool draw around the area you want to keep (lets say the beach) then you would clip the photo inside of the shape you just drew out. then make whatever kind of sky/ background you want.
@@ArtistWright Spot on! exactly what I need. I will definetily come with more questios back here. You made my purchase of Affinity worthwhile.
No problem, see you on the next video
Super helpful! thank you. Do you know if AD lets you fill/fit the object in the child layer proportionally to the parent object? I know I can do this manually but looking to see how I can save time.
Hello and thanks for the feedback! I don't think you can do this any other way, other than manually (using snapping etc) but if you find a way let me know!
Great tutorial layer masking has always confused me I will keep trying this until it’s imprinted
*I agree and Same here*
thanx
No worries
really awesome.... - thanks a lot for sharing it! Love it! Just a question - is there a way to make a shape and to use the patterns, so that it fits inside and we can save the patterns with one click and edit it later like in photoshop?
Hi thanks alot. Not sure I understand the question. Would you mind re wording it so I understand a little better what you wanting to achieve?
@@ArtistWright Everything fine - your last video gave me the answer. Love your videos - very very usefull and very very nice!!!
@@teagan1450 I appreciate that thanks. And glad you got your answer
THanks for a good video! Is it possible to do tha mask AND have it semi- transparent around it? - say 40% so you see the rest of the image lightly with the "focus" of the circle - how would you do that?
Hi there, yes I just tried this- grab an image, duplicate it, apply gaussian blur to the bottom image. Now add a mask to the top clear image, then use the fill tool and set the gradient to black to white. Draw that over whatever you want to be in focus ensuring the white is at the location you want to be in focus.
As always very good tutorial.
Please, i'm using my phone to watch ur videos and it's hard to track to cursor , I'd like if you add a transparent white circle over it to be easy to know wher you click and move.
Thanks
Hi Kamal, cheers! Do you know which software I should use to achieve this?
@@ArtistWright it' about to highlight the mouse movement and clicks.
- I think if you just do some modification in the mouse parameters to let it be more BIG, it enough.
- or you use some addons/app like the "presentify.compzets.com" or "Mouse Locator".
Thanks Kamal I'll look into it
Thanks so much for this. Do you have a more advanced masking video? I’m trying to mask an image inside a circle with soft edges but not succeeding🤔
Hi Joanne, yes you can mask the image inside the circle then just use the FX tab to add a gaussian blur for the soft edges . Alternatively you can use the transparency tool and select elliptical and make your adjustements
@@ArtistWright Ah! Success! You’re a star, and thanks for replying so quickly.
No worries
Nice WOrk.
At 4:47 creating mask layer, and now from 5:00 to 6:30 playing with Fill Tool is OK, but when I unselect from here and want to play with (edit) Fill Tool, it appears selecting Mask from Layer Menu and does not show that Fill Tool, rather it reveals a big rectangle. How can we edit that thing if we have to. I tried multiple things what I think possible but I was to use Fill Tool from scratch.
Not sure I understand you Nadakhi, select the rectangle from the layers menu then click on fill tool or gradient fill tool.
Bro jus do affinity designer tutorial's. Great explanation. Is it possible to import a image in affinity and color inside that image without using the brush tool as its a slow way and goes outside boundaries of what I want to color.
Cheers! Yes you can do that if its a vector image, then just choose your fill colour. But if it's not vector you would need to draw a shape and then cool your fill colour.
@@ArtistWright appreciate the swift response.
Does the drag to the left and right work in version 2?
You can still do all of these things but it's easier.
Honestly the one thing I’ve never full grasped when designing. I’ve always made dodgy work arounds and it’s so damn simple 😩
Yes! No more dodgy work arounds!
and just like that i now know a lot about masking......damn.
Cheers!
Hi, this might be a ver ylate question, but is it possible to have a mask/layer subtract from each other non-destructively,
like in the example, that the square would be subtracted from the circle, being transparent in that case.
I have seen the other examples, but not yet any of how to accomplish this, without using the "subtract" tool to directly subtract shapes/vectors from each other.
Yes you can totally do that when you create a compound shape. Simply select the two layers ( one will be on top of the other), hold down Alt or option then press subtract on the Boolean operations. This will create a compound shape. If you want to reposition just go to the layers panel and you will see a drop down arrow
@@ArtistWright Thanks a lot for your response!
To add for those that are searching, i also found a different way of being able to do that:
By adding a layer and setting it to "erase" it will erase from all layers that are below it. Disadvantage of this is that i now can no longer export as .svg
@Reneator true and thank you
Hey AW, just a quick question, is yr name ArtistWright or AristWright because on yr videos you have "aristwright.com" is that just a typo? cheers Kev
Hey Kevin, yeah that was a typo that got away from me for ages before I noticed as I used it for a template. Luckily a subscriber informed me. It's ArtistWright.com cheers
How about making inverted mask? Creating hole to the image?, thanks
Yes you can do that too. Just add the circle over let's say a big square, then click subtract and it created a hole in your square. If you want the opportunity to play around with it create a compound shape out of them
@@ArtistWright oh i just found solution, please let me memorized it :D forum.affinity.serif.com/index.php?/topic/14389-invert-clipping-mask/
Cool, it's another way to do the same thing, thanks for posting mate!
@@ArtistWright pleasure on my side
So clipping and masking is very similar. Just in reverse if I understand correctly.
Yes very similar but I have to say I rarely use masking
Hi, i used the clip masking from the right click panel in arrange>move into but it keep crashing, every tutorial about clipping mask show the layer way, which is ok, but i was wondering why its not working..is it just me?
Hey there! If your affinity is crashing it sounds like a software issue. Affinity just got an update a couple of days ago. Try updating it and see whether that helps you
@@ArtistWright Hi again, i checked today again..works briliant again, but i swear, it was matemathicalthe crash, but today when i was making all kind of silly clipping in every way, it was working fine. I was btw astonished by the easy way of managing curves. [pretty sorry if my english is bad] anyway, thank You for your video and the time you've spent answering my question.
@@TytusDubel hey my pleasure, glad it's working for you
Hi
how can I use one mask for multiple layers?
Best Regards
You sure can, just drag more layers into the shape you have made a mask.
@@ArtistWright
Thats true, I have learned it yesterday but the problem is, if you use an "smart object" with alpa channel, Affinity Photo doesn't recognize the alpha channel. I try to use a psd-mockup and get some visual issues. If you open this mockup with AP, can better understand what I mean. Here is the link: @t
(I am very new in Affinity Apps.)
Thanks
Short key clipping mask..?
⌥ (option/alt)
Can you do the opposite? Hide what's inside the circle and only show the outside?
Hi there, yes you can, have the circle on the top layer and have positioned over the square, select both objects, then head up to the Geometry tools and click on subtract. done. another way which allows you to still move the circle around is to make a compound layer. So, select both layers, hold down CMD and then click on the subtract button in the Geometry tools.
@@ArtistWright makes sense. Thanks mate
@@nobobonobo no worries
What if I want to use the mask to create a hole in something?
Literally found it in the next video - put the shape you want the hole to be, put it inside the master image, select the 'erase' layer and then select erase in the dropdown at the top of the layers section. - Terribly explained.
Hi there, glad you found your answer. Not sure which video you saw after this one but I explain the answer to your question in this video czcams.com/video/JrbW9vT3wA8/video.html
(using the subtract tool, you can also perform a non destructive subtract action which I also cover)
Perfect thanks, I’ll check that out too.
interesting that the black brush does not work on a mask like it does in Photoshop.
It does, better to use Affinity Photo if working with raster images
i'm confused... 4:24 to 6:22 the same effect u can get just put the transparency on the object. Why do u even use mask layer ther ?
Hi Tomasz, You are right you could just add transparency, or use the fill too with a gradient and add transparency one one side. I just wanted to show how it could be used in terms of the vector shapes i had on screen. The only time i would use this quick masking option really would be when working with raster images/photos, I would use the paintbrush and use a black or white colour to hide or reveal as i painted.
And with text? ;)
Ahh I was actually considering including that, but I didn't want to harp on too much
if they add blending shapes and shape tool = i will choose affinity over illustrator.
🤞
So in Affinity Designer you cannot use mask shapes. You can use a shape to clip, or create a 'mask' as a gradient opacity mask, but you have to make this two separately.
Not sure I understand you sorry, yes you can create masks with shapes though
@@ArtistWright in illustrator you can create shapes with gradient fill on a transparency mask layer. So you can use the gradient of the shape as transparency mask and the outline of the shape as clipping mask in one step.
In affinity you have to create a transparency mask and create a clipping mask separately to achieve this in the vector persona.
With illustrator you can add multiple shapes with different gradients on the same trasparency mask layer. In affinity you can't do this.
Ah I see what you mean, yes a few more steps to do something similar in Affinity Designer as you have already stated.
even the first part clipping inside shape doesnt work, shape just disapears
Look closely at what I'm doing in the layers panel. I don't skip any steps
4:45 using an actual mask
Yeup
Thank you
Hey thanks for watching
@@ArtistWright I just moved over from Adobe to Affinity and I thank you for your tutorials. They're clear, concise, and easy to understand. I've worked through a couple and I'll get to the rest in the next few days.
Honestly no worries. Sounds like a fair few people are saying the same thing about moving over.