Jump to content

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

Link to post
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

Link to post
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… ")

Link to post
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.

Link to post
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 post
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.

IPad Pro 10.5/512GB   lpadOS 14.4 Apple Pencil (1st gen), Affinity Photo 1.9.0.218,  Affinity Photo beta1.9, Affinity Design 1.9.3, Affinity Designer beta 1.9.20, still waiting for Publisher for iPad

Download Help files:

Affinity Photo 1.9.2-help.pdf Affinity_Designer_Help_File_1.9.1.zip

Link to post
Share on other sites

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

IPad Pro 10.5/512GB   lpadOS 14.4 Apple Pencil (1st gen), Affinity Photo 1.9.0.218,  Affinity Photo beta1.9, Affinity Design 1.9.3, Affinity Designer beta 1.9.20, still waiting for Publisher for iPad

Download Help files:

Affinity Photo 1.9.2-help.pdf Affinity_Designer_Help_File_1.9.1.zip

Link to post
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

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.