PIRC Forum

Affinity Designer Forums => AD Discussion => Topic started by: SherylC on August 04, 2018, 12:28:23 pm

Title: Masks in AD?
Post by: SherylC on August 04, 2018, 12:28:23 pm
LOL...great stuff Teejay. Not sure it's possible to create Masks in AD....frame kind of masks I mean.  :)
Title: Re: Masks in AD?
Post by: Teejay on August 04, 2018, 12:33:26 pm
mmmmmmmmmm masks  let me have a plsy
do you mean like the black and white masks ...like the ones psp uses .
Title: Re: Masks in AD?
Post by: Teejay on August 05, 2018, 02:55:32 am
i have been at this for four hours and i am still no nearer to applying a mask as we know it.
the masks i can get to work  are more ar less a clipping to an image.

i hate to say this but i (me) cannot do it..i am sure it must be do-able but i am not that clever
maybe someone els can show us.
rege  knew something about masks ..when i see him i will tackle him from behind and squeeze the info out of him....lol

sorry shez.
Title: Re: Masks in AD?
Post by: Linda R on August 05, 2018, 11:58:46 am
I don't know if this is what you are looking for or not.  I made a frame, very basic, and just used black.  Saved as a png without the background.  Placed it on my photo and I did have to clip it, but I used the erase blend mode.  It's not quite like a mask in PSP, but it worked. 
Title: Re: Masks in AD?
Post by: SherylC on August 05, 2018, 01:03:02 pm
Oh dear, sorry you didn't have much success Teejay. Not sure if it can be done.

Yes, the masking we used to do in PSP....sort of transparent edges. I'll give it a go over next couple of days see if I have more luck.

Linda, that's one way of doing it but what I have in mind is where the edges are fade to transparency. Yours result is lovely by the way. 

Thanks both.

Title: Re: Masks in AD?
Post by: MaryLou on August 05, 2018, 02:21:59 pm

I too would love to learn how to use a mask in AD in the way we did it in PI and PSP.  I have close to 200 masks and used them a LOT prior to AD.  I miss that ability.  I did try a few things but couldn't find a way to do it.  Below is what I would like to achieve using a mask.

(http://wwell.net/temp/mask2.png)

In PI, it's a simple thing.. just drag the mask over the image, convert to object, and you're done. So, any ideas on how to do this in AD?
Title: Re: Masks in AD?
Post by: Grethe on August 05, 2018, 02:27:34 pm
I've started to look into it also, but so far not really to mention.
It was very easy in PI and I also have lots and lots of masks.
Title: Re: Masks in AD?
Post by: Linda R on August 05, 2018, 03:19:00 pm
Something like these?  I don't know if they are what you are looking for, but I've had a lot of fun working on it!!
The original mask conversation started in Sheryl's thread for safely searching Google.
Title: Re: Masks in AD?
Post by: MaryLou on August 05, 2018, 03:54:21 pm
Linda, I have merged the topics so it's all in one place.  I think I know what I did wrong when I tried it so going to give it another go.  Be back soon!!
 :laugh1:
Title: Re: Masks in AD?
Post by: MaryLou on August 05, 2018, 04:05:02 pm
The first one is what type of results I'm looking for.   I have a mask and an image.  I put the image into the mask with no luck , then I put the mask into the image - no luck. Also used Erase both times but must be missing something. Below are my image and my mask.
Title: Re: Masks in AD?
Post by: Linda R on August 05, 2018, 04:35:51 pm
I was taught when making a mask that black blocks.  So your mask to me is backwards.  I created a black square and then put your mask on it and used the erase blend mode.  I exported it as a png without the background.  Now it's a new mask.  Then I tested it by placing it on the butterfly and used the erase blend mode again.  That gives the look you were after.  So it's not a true mask I guess, but it works like the frames did in PSP.
Title: Re: Masks in AD?
Post by: MaryLou on August 05, 2018, 06:52:07 pm
I've got it going now!! In PI, i have to drag a mask out onto the workspace, then use the magic wand to select all the white areas.  Right-click and invert, then save as .png to make the mask.

Place both image and mask in AD with the mask on the top layer.  Position the image under the mask.  On the mask level, set the mode to Erase.  Works perfect every time!!

I went to look for my PI masks and they were all gone!  Must have deleted thinking I would't be able to use them again.  Luckily, I found them on a 2015 backup!  So now, I have at least 150 of them.. maybe more!   Looks like I'm going to have a lot of new things to play with!!  Thanks for the help, Linda!   Oh, I had to save it as image WITH background, otherwise the black edge showed. 

Hmmm... something else must have gone wrong because now I see the white frame.    Grrrrr!!!  It doesn't show up in AD that way


Title: Re: Masks in AD?
Post by: Linda R on August 05, 2018, 08:37:13 pm
It was the new mask that I was exporting without a background.
When I apply it to an image and export, I found that you have to clip it inside your photo OR you have to group the 2 layers.  I tried it both ways and exported without a background and then there is no black showing. 
Glad you figured out a way to do it!
Title: Re: Masks in AD?
Post by: MaryLou on August 05, 2018, 09:46:47 pm
The image you posted shows a white border around the edges rather than being invisible.  I just tried again... I THINK I might have it right this time!!

I think I did it the way I want it!!!  Was super simple.  Now I just need to dig a bunch of masks out of PI.  Here is also my layers so those who want to try it can. 
Title: Re: Masks in AD?
Post by: Linda R on August 05, 2018, 10:35:10 pm
Ahh, I didn't notice that when I posted it and it didn't show on my screen in Ad. 
Glad you got it figured out MaryLou!
Title: Re: Masks in AD?
Post by: Grethe on August 06, 2018, 01:03:12 am
Hmmmm I'd to try this later today! Like you, ML, I've tons of masks from PI-days
Title: Re: Masks in AD?
Post by: Rege on August 06, 2018, 03:06:59 am
I saw Sheryl's message last night but I didn't understand what she was trying to do...

With the examples provided this morning I see more clearly, so I come after the battle since you have the solution but I still give you my way of proceeding.

I used a clipart (not very pretty it's true) and a color rectangle created in DrawPlus with a brush outline for the mask ("Stain" brush in " Outlines " in the "Brushes" tab, for those who own DrawPlus). I'm not sure my translation is correct. I exported the rectangle to image format (PNG 32 bits with transparency).

I placed the rectangle in AD. In the layers it is then enough to place the rectangle under the clipart and to mount it in the clipart layer until obtaining a blue vertical rectangle to the right of the thumbnail.

In my screenshot I used a clipart in image format (I could have put a picture) but it also works with WMF cliparts much more useful in AD because they are resizable without quality loss.

EDIT:

With this method there is no white around: see my second screenshot. I used two cliparts in WMF format.
Title: Re: Masks in AD?
Post by: Grethe on August 06, 2018, 03:47:26 am
Here are mine 2 attempts on this. Linda, you can use the eraser in Pixel Persona to erase the line, I did that in the first image. Another thing I noticed, you have to group the mask and the image before you can put a background behind, the second shows with a contrasting colour for visibility.
I think I followed ML's way mostly (Sorry, I forget to take notes  :laugh2: )
Title: Re: Masks in AD?
Post by: Grethe on August 06, 2018, 03:58:45 am
And then I tried Reges way. Shorter and easier! Thank you, Rege!
Title: Re: Masks in AD?
Post by: Rege on August 06, 2018, 04:06:29 am
Thanks for the feedback, Grethe.
Title: Re: Masks in AD?
Post by: Teejay on August 06, 2018, 04:55:14 am
 :brav01: fabulous reg ..i couldnt get this to work at first but now it does thankyou.

now ... how would we create a mask with a semi transparemt areas
in psp we could have a greyscale mask from black to white and apply it to an image ...is this possible in ad ??

i will show you below
 the mask  the image and the effect on an image.



Title: Re: Masks in AD?
Post by: Rege on August 06, 2018, 06:39:00 am
I tried to get close to what you're showing:

I placed the photo and drew over the circle that will serve as a mask. Put the circle in white and make a mask out of it.
I duplicated the circle and placed it on top of the layers then put an elliptical transparency, black in the center and white towards the outside. I applied a slight Gaussian blur to attenuate the edges.

In my screenshot I used a ring instead of a circle to make the center more visible.

There is a way to play with the different settings (Blend, Blend ranges) to modify the result.
Title: Re: Masks in AD?
Post by: Teejay on August 06, 2018, 07:27:59 am
thanks rege i do use the blend modes  to get the best results ..  so i will carry on doing it that way ...cheers.  :congrats04:
Title: Re: Masks in AD?
Post by: Rege on August 06, 2018, 07:41:57 am
I did some tests and for the most part I don't remember how I proceeded because I didn't notice as I went along!  :duh: We can, among other things, also play with the opacity of the layers to refine the drawing ...
Title: Re: Masks in AD?
Post by: SherylC on August 06, 2018, 08:30:53 am
Yes, the ones below are more what I have in mind, thank you all for the tips, trials and so on. Creating Masks in PI was very easy, and is easy in PSP and PS too. From what I recall you can only create masks out of images with transparent backgrounds. Also I recall that painting with White brings back detail and Black erases detail.

Beautiful results below. Rege your result reminds me more of a Vignette...lovely, that's another challenge! lol 
Title: Re: Masks in AD?
Post by: Linda R on August 06, 2018, 10:28:39 am
My last 2 cents worth here, instead of using black to white gradient, use the black to transparent gradient and the erase blend mode. 
This has been a great learning experience and fun to see how many ways there are to do this!
Title: Re: Masks in AD?
Post by: SherylC on August 07, 2018, 06:01:38 am
Oh that flowery Sweet Pea one is a nice result Linda and very effective. Yes, it's great fun making these.

I never got around to making many Masks in the past so not that familiar with them to explain clearly. I'll see if I can find one that would explain it better than I. 
Title: Re: Masks in AD?
Post by: SherylC on August 07, 2018, 12:14:54 pm
Don't shoot me for posting something I created in PS but posting this just to show what I mean by "masking". I created the brushed frame (rough edges), just a quickie so not as good as it should be, saved it as a transparent png file then placed a photo inside and clipped it to Layer.  I am trying to figure out how to do this in AD. Found this link to create a mask overlay but not quite the same thing.
https://www.bing.com/videos/search?q=how+to+create+layer+masks+in+affinity+photo&docid=608021729286423079&mid=7F990B2D0F8626360D147F990B2D0F8626360D14&view=detail&FORM=VIREHT
Title: Re: Masks in AD?
Post by: Rege on August 07, 2018, 12:46:51 pm
Sheryl, I think the answer to your question has already been given, I made you a small explanatory GIF.

The mask (the oval with a serrated border) is a PNG file with a transparent background.
Title: Re: Masks in AD?
Post by: Grethe on August 07, 2018, 12:57:18 pm
It is not clipping, so what is it called?
Title: Re: Masks in AD?
Post by: MaryLou on August 07, 2018, 03:27:56 pm
Reggie, I did it the same way you do and it works perfectly.  The hard part is finding that exact spot where you can get the image to show like that.    I don't think I'd call that clipping, as Grethe said so what would you call it?   It works great with a simple mask... going to try it on a really ornate one to see what happens.
Title: Re: Masks in AD?
Post by: Grethe on August 08, 2018, 05:23:01 am
A little closer to the solution, folks?
Did take notes this time.... :yes03:
From Select->Select Sample Colour->Invert Selection
And then like Rege.

As you can see, the photo itself got a little transperency, but it is one step closer, isn't it?

Add the photo and the frame
Title: Re: Masks in AD?
Post by: MaryLou on August 08, 2018, 11:43:57 am
Grethe, I would have done that just the opposite - invert the mask. The dark areas are the parts you want to hide.   I think masks are going to give me a headache!  :laugh1:

I used your mask and your photo and this is how mine came out. 
Title: Re: Masks in AD?
Post by: SherylC on August 08, 2018, 11:54:58 am
Thank you Rege, that is very clear and almost what I have in mind. the result I am trying to get has transparency or fading around the inner or outer edges. There must be a way of doing this using your method.  I shall give it a try.

Grethe, the Black frame is more or less it but in reverse wo that the transparent edges are on the outside.

MaryLou, yes that's exactly what I am looking to do in AD. Did you follow Rege's method and tweak it?

I may have saved all the PI Masks somewhere on my pc. It would be fantastic if we could import/use them in AD.



Title: Re: Masks in AD?
Post by: SherylC on August 08, 2018, 12:04:47 pm
Got it. I was placing the image (this is how I used to do it in PI)  rather than opening the image, which doesn't work quite the same way in AD.  So I followed Rege's method of creating and saving a mask in .png. Opened it in the AD workspace along with an image and moved the image underneath the mask as the .gif example.   

Thanks all. :)
Title: Re: Masks in AD?
Post by: MaryLou on August 08, 2018, 12:12:24 pm
I found that using masks from PI, it works great if you save the selection rather than the mask itself.  On the one below,  I opened PI, dragged one of the masks to a blank image. That puts just the selection on the blank image.  Then saved the selection as a .png.

In AD, I clipped the image inside of the selection.  This is the result.. worked perfectly.  It looks like there are many ways to reach the same goal - it depends on what we use as a mask.   I rather like the selection method. Going to play with this a bit more.
Title: Re: Masks in AD?
Post by: Rege on August 08, 2018, 12:15:28 pm
Sheryl, by putting elliptical transparency on the mask, we may be getting close to what you're looking for. Set the transparency according to the desired result.
Title: Re: Masks in AD?
Post by: Rege on August 08, 2018, 12:17:21 pm
MaryLou, I admit I don't really care about naming this operation!  As it is non-destructive it is indeed not a "cut". This poses a problem if you want to keep a mask with its colors to use it on another photo or drawing because it loses its characteristics if you copy or export it: as soon as it is separated from its photo it keeps only its shape.

I did different tests with a shape with "tortured" contours and it works well.
Title: Re: Masks in AD?
Post by: Grethe on August 08, 2018, 12:22:40 pm
Grethe, I would have done that just the opposite - invert the mask. The dark areas are the parts you want to hide.   I think masks are going to give me a headache!  :laugh1:

I used your mask and your photo and this is how mine came out.
You got it just what I wanted. Perfect!  :smiley01:
Now...what did I do wrong? I'm in limbo!  :laugh1:
Guess I've to wait for a really, really tutorial….. :praise53:
Title: Re: Masks in AD?
Post by: SherylC on August 09, 2018, 05:20:50 am
That transparent image is very much like it Rege except that the outer edges only of the mask is transparent. Thanks for all the efforts. :)