Jump to content

Recommended Posts

Can anyone give me some links to videos on fading images to transparency? 

 

I found one a while ago which helped me out, but it seems to have disappeared. Does anyone have a link to it? I recall the image being manipulated was in an underground garage.

 

My issue is, I can create a box and try to set up the gradient, but on the image I get clear lines where the gradient box starts and finishes.

 

How do I get this smooth? 

 

And where do I place the box in the layers?

Link to post
Share on other sites

Hi Gumbo23,

 

The below written tutorial from MEB should explain how to create this effect :)

 

1) Create a rectangular shape (vector) with the Rectangle Tool with the size of the photo (or the document if the photo fills the entire document).

2) Apply a gradient from black to white to the rectangle with the Gradient Tool.

3) With the rectangle still selected, go to menu Layer ▹ Rasterize to Mask. You should get the graduation you are looking for.

 
 
I hope this helps
C

Please tag me using @ in your reply so I can be sure to respond ASAP.

Link to post
Share on other sites

 

Hi Gumbo23,

 

The below written tutorial from MEB should explain how to create this effect :)

 

1) Create a rectangular shape (vector) with the Rectangle Tool with the size of the photo (or the document if the photo fills the entire document).

2) Apply a gradient from black to white to the rectangle with the Gradient Tool.

3) With the rectangle still selected, go to menu Layer ▹ Rasterize to Mask. You should get the graduation you are looking for.

 
 
I hope this helps
C

 

 

Where do I place this in layers?

Link to post
Share on other sites

Hi gumbo,

I may be wrong here but from your screenshot if you select that gradient node (visible in the screenshot) and set its opacity to 0 in the gradient popup dialog it should smooth it out.

If not just send me the file using this link so i can see what's going on.

Link to post
Share on other sites

Gumbo,

Are you trying to have a shape fade from solid to transparent? If so, you can either just use the transparency tool, or with the gradient tool, have one node set to 100% opacity and the other to 0% opacity.

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to post
Share on other sites

Hi gumbo23,

Thanks for the file. The issue is with the first vertical rectangle counting from bottom (i left it selected in the file i'm sending you). You have to drag the left side handle of that rectangle a little to the right until it ends up over the left boundary of the spine. Then the gradient you used in the vertical rectangle on top (the second layer counting from top) will appear smooth.

Link to post
Share on other sites

What is the transparency tool? And where is it?

 

The transparency tool is practically a transparent gradient. Select the objects you want and just click and drag. I think you'll like it.

 

affinity_4_by_leduc_gallery-da8ur6f.png

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to post
Share on other sites
  • 6 months later...

I use gradients to blend objects as in previous example, but using gradient tool as a mask has been cumbersome as I have not managed to set transparent-to-black linear gradient as a default. But this transparency tool seems to be missing from AP (but not AD)! Is there a reason for this? If not, then I request this tool to be added to AP also.

-Chaos reigns-

Link to post
Share on other sites

But this transparency tool seems to be missing from AP (but not AD)! Is there a reason for this?

 

Even though that feature can be used for photo editing, I think it's one of the tools to have Designer stand out. Kind of like how Photo can covert paths into selections, whereas Designer will be able to do the opposite.

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to post
Share on other sites

Thanks for opinios, my strongest point here is that I don't particularily like AP's behaviour when choosing gradient tool and if I then change the setting 'none' to 'linear' or 'elliptical', it does this straight away

post-3465-0-03640400-1490820699_thumb.jpg

if I choose first the right gradient from small box next to 'none', it nicely shows 'transparent-to-black' and other saved options nicely when hovering over and I can choose the right thing.

So, I think it would be better if gradient tool would take no action until we order it to. When the whole image is covered with gradient automatically is kind of unlogical.

-Chaos reigns-

Link to post
Share on other sites

So, I think it would be better if gradient tool would take no action until we order it to. When the whole image is covered with gradient automatically is kind of unlogical.

 

You don't need to select a gradient mode first. By default, it does say none, but if you swipe over an object, the mode will change automatically to Linear. The default direction of the gradient map is your call unless you actually select Linear first.

The website is still a work in progress. The "Comics" and "Shop" sections are not yet ready. Feel free to connect with me and let me know what you like or what can be improved. You can contact me here, on my contact page, YouTube channel, or Twitter account. Thanks and have a great day!

Link to post
Share on other sites
  • 1 year later...
34 minutes ago, gabiange said:

How do you make a transparency mask in affinity publisher? Is it possible?

Publisher has Transparency like Affinity Designer does.

From Publisher
Screen-Shot-2019-02-15-at-21-10-35.png

iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to post
Share on other sites

I'm not sure exactly what you mean by or want to accomplish with a transparency mask.

But given an object (including text) you can pick the Gradient Tool, click one edge or corner of the object and drag to the opposite edge/corner. Then in the Context Menu you can choose whether the gradient is to apply to the Fill or the Stroke, the type of gradient (Linear, Radial, ...), and the colors (including transparent) to be used. You should be able to find info about that in the Affinity Designer and/or Photo tutorial videos about Gradients.

-- Walt

Windows 10 Home, version 20H2 (19042.685),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop (2021-04-06):  32GB memory, Intel Core i7-10750H @ 2.60GHz
, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU
Affinity Photo 1.9.2.1035 and 1.9.4.1048 Beta   / Affinity Designer 1.9.2.1035 and 1.9.4.1048 Beta  / Affinity Publisher 1.9.2.1035 and 1.9.2.1024 Beta

Link to post
Share on other sites

So I am showing you what I think is what I was looking for but the transparency gradient doesn't apply the same way on every objects of the group so it is kind of weird... picture linked to show you what I mean.The arm, the dark blue lines and the light blue doesn't react the same way but this is the same mask applied on all of them... 

Capture d’écran, le 2019-02-20 à 16.24.28.png

Link to post
Share on other sites

In having a hard time figuring out what you're trying from just a screenshot. Can you attach a sample .afpub file that shows the problem?

-- Walt

Windows 10 Home, version 20H2 (19042.685),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop (2021-04-06):  32GB memory, Intel Core i7-10750H @ 2.60GHz
, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU
Affinity Photo 1.9.2.1035 and 1.9.4.1048 Beta   / Affinity Designer 1.9.2.1035 and 1.9.4.1048 Beta  / Affinity Publisher 1.9.2.1035 and 1.9.2.1024 Beta

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.