Nadar Posted April 27, 2020 Share Posted April 27, 2020 Hi, I would like to create a vignette document to use it on a video editing app. So I could overlay it on my clips. I mean a central white transparent area surrounded by a grey-black shading halo. Can someone explain to me how to do this with the Affinity gradients tools ? Thanks My problem is that the gradient tool doesn't seem to work on a transparent page… Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
telemax Posted April 27, 2020 Share Posted April 27, 2020 mask.mp4 Quote Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Link to comment Share on other sites More sharing options...
telemax Posted April 27, 2020 Share Posted April 27, 2020 Or use Multiply blending mode. Quote Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Link to comment Share on other sites More sharing options...
telemax Posted April 27, 2020 Share Posted April 27, 2020 But this is for desktop 😓 Quote Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Link to comment Share on other sites More sharing options...
Nadar Posted April 27, 2020 Author Share Posted April 27, 2020 Thanks a lot ! 😉 Can you tell me the way to darken the outside area, I can’t do it… and are you sure that I could export it with the transparency ? Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
telemax Posted April 27, 2020 Share Posted April 27, 2020 I can only show the desktop workflow. Perhaps this will be a hint for the principle. vignette.mp4 vignette.afphoto Quote Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Link to comment Share on other sites More sharing options...
Nadar Posted April 27, 2020 Author Share Posted April 27, 2020 Thanks 😉 In fact I think it’s possible to do that with the ios version as with the desktop version. But I have an issue. Here is how I do it in the say you do. -I create a layer and create a black rectangle -I go to the first menu (horny sheet) > Canvas> Transparent canvas so I get a transparent background. -With the gradient tool I create a radial line -When I move it, there are a clear area and a dark one that I can change but the clear one does not show the transparent sheet with the little grey cross lines that is under… So there is no transparency. Can you see where is the problem ? Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
Wosven Posted April 27, 2020 Share Posted April 27, 2020 Perhaps some of those posts will help you: Quote Link to comment Share on other sites More sharing options...
Nadar Posted April 27, 2020 Author Share Posted April 27, 2020 Thank you Very much Wosven 😉 The point is that all the tutorials are for the office desk version of Affinity Photo, not for the Ipad one. On the other hand I am French and it is a little complex for me. Perhaps some member would be able to answer my simple question about the transparency issue I raised in my last post ? (…"the clear one does not show the transparent sheet with the little grey cross lines that is under… ") Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
Alewan Posted April 27, 2020 Share Posted April 27, 2020 You can apply a gradient from the FX studio. Would that work for your workflow? Quote Link to comment Share on other sites More sharing options...
Nadar Posted April 27, 2020 Author Share Posted April 27, 2020 Thanks Alewan 😉 but in the meantime I found the solution ! For thoose who are interested, you have to create a mask if not, indeed its does not work… So with the Ipad version : -create a layer and create a black rectangle -go to the first menu (horny sheet) > Canvas> Transparent canvas so you can get a transparent background. -create a mask -With the gradient tool create a radial line tool or another one. -save in PNG format. Wosven 1 Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
Wosven Posted April 27, 2020 Share Posted April 27, 2020 Here another video with the iPad. Around 40', you can see this: Vers 40 secondes, on voit l'option pour l'opacité de la couleur. En faisant un dégradé du noir au noir, avec au centre une opacité à 0 %, ça devrait marcher. Quote Link to comment Share on other sites More sharing options...
Wosven Posted April 27, 2020 Share Posted April 27, 2020 It should be possible with a fill layer, and, you'll be able to further modify it. Check the background is transparent if you've created a new document. Avec un calque de remplissage, le dégradé est modifiable. Le fond n'est pas transparent par défaut, il faut vérifier qu'il l'est avec un nouveau document. Quote Link to comment Share on other sites More sharing options...
DM1 Posted April 27, 2020 Share Posted April 27, 2020 5 hours ago, Nadar said: Can you see where is the problem ? Hi Nadal, you’re nearly there. One more step required. Go to colour studio and with the white end of the gradient selected, adjust opacity slider in colour studio. IMG_3788.MP4 Quote M1 IPad Air 10.9/256GB lpadOS 17.1.1 Apple Pencil (2nd gen). Affinity Photo 1.10.5 Affinity Design 1.10.5 Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas. Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/ Link to comment Share on other sites More sharing options...
Nadar Posted April 28, 2020 Author Share Posted April 28, 2020 Hello 😉 As you can see in the screenshot enclosed I still have a problem : I can't have complete transparency in the center of the vignette. Does anyone have a solution? Quote Ipad Affinity Photo Link to comment Share on other sites More sharing options...
DM1 Posted April 28, 2020 Share Posted April 28, 2020 I exported the vignette as png. Reloaded into AP and still transparent. IMG_3793.MP4 Quote M1 IPad Air 10.9/256GB lpadOS 17.1.1 Apple Pencil (2nd gen). Affinity Photo 1.10.5 Affinity Design 1.10.5 Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas. Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/ Link to comment Share on other sites More sharing options...
telemax Posted April 28, 2020 Share Posted April 28, 2020 1 hour ago, Nadar said: I can't have complete transparency in the center of the vignette Use black color for the gradient center point. Quote Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.