Gradient fade to transparency?

[gumbo23]

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?

[Callum]

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

[gumbo23]

 

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?

[Callum]

Hi Gumbo23,

 

If the Rectangle is above the image layer it should work fine :)

 

 

C

[gumbo23]

Here's the image. 

 

You can see the clear lines of the gradient.

 

How do I set this up so that it is smooth?

[MEB]

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.

[Bri-Toon]

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.

[gumbo23]

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.

 

What is the transparency tool? And where is it?

[MEB]

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.

[Bri-Toon]

On 9/15/2016 at 4:58 AM, gumbo23 said:

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.

[Pacius]

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.

[Fixx]

Probably the reason is that masks are much more powerful way to add transparency.

[Bri-Toon]

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.

[Pacius]

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

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.

[Bri-Toon]

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.

[gabiange]

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

[firstdefence]

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

[gabiange]

okay but @firstdefence I don't even know how to do it in publisher...

[walt.farrell]

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.

[gabiange]

I want to make a transparency gradient to a group of objets so they can progressively disappear... So a mask that allows me to take 100% visibility to 0% with only one step for all the group of objects. 

[gabiange]

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... 

[walt.farrell]

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?

[JimmyJack]

@gabiange Try setting the group with the mask to Normal instead of Passthrough.

 

[gabiange]

@JimmyJack is does kind of the job but not the best result with the dark blue lines =/ P.S. I linked my off.pub file!

autoportraitPinShop_Affinity.afpub

[MEB]

Hi gabiange,
Welcome to Affinity Forums
Why not simply apply the Transparency Tool directly to the portrait group?

autoportraitPinShop_Affinity (MEB).afpub