Jump to content
You must now use your email address to sign in [click for more info] ×

To create a "vignette" with the gradients tools


Recommended Posts

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…

595FAD8C-E33F-4E12-A974-9B2D043A2BA3.png

Ipad Affinity Photo

Link to comment
Share on other sites

Link to comment
Share on other sites

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 ?

45D0F34B-DFCF-4AEE-A490-4CEB8988521D.png

Ipad Affinity Photo

Link to comment
Share on other sites

 

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… ")

Ipad Affinity Photo

Link to comment
Share on other sites

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.

Ipad Affinity Photo

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

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

I exported the vignette as png. Reloaded into AP and still transparent.

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

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.

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.