Transparent gradient not completed fade out on the edge

[Johnny Chin]

Hey guys, I'm trying to make a black to transparent fading gradient, I drew a rectangle shape on 1/3 height of the page and use the transparent tool to click on bottom of the shape and drag to the top straight, midpoint set the standard 50% but on top of the shape, it appear to have noticeable edge and not completely fade to transparent and blend in to the background image, can you guys let me know how to settle this?

I try to set the midpoint to 55% because I want the black are to be a bit higher and then make a second midpoint and set it to 45% and the edge don't noticeable much but because there's 2 midpoints, the gradient looks like a 3 bar with black, dark gray and light gray shading. 

And how do i make sure tire's no banding problem with amazon KDP print?

Please help!

Gradient Test.afdesign

[walt.farrell]

It looks like the gradient on your 50% layer runs from 100% opaque black on the left to 100% opaque gray on the right. If you want it to fade to transparency, shouldn't you go to 0% opacity on the right end?

[Johnny Chin]

9 hours ago, walt.farrell said:

It looks like the gradient on your 50% layer runs from 100% opaque black on the left to 100% opaque gray on the right. If you want it to fade to transparency, shouldn't you go to 0% opacity on the right end?

Hi thanks for reply, no it can't be, i see you chose the fill tool right? I used the transparent tool actually, and as you can see it's color to transparent, I can't choose color here and it just based on the color of my rectangle shape, which is black originally 

[Dan C]

Hi Johnny Chin

AFAIK, this is the correct behaviour for the transparency (or gradient) tool.

I've replicated your document in Photoshop and the effect looks very similar visually -

What sort of effect are you looking for?

18 hours ago, Johnny Chin said:

And how do i make sure tire's no banding problem with amazon KDP print?

Unfortunately I have no experience with Amazon KDP,  perhaps other forum members may be able to assist here.

[Johnny Chin]

6 hours ago, Dan C said:

Hi Johnny Chin

AFAIK, this is the correct behaviour for the transparency (or gradient) tool.

I've replicated your document in Photoshop and the effect looks very similar visually -

What sort of effect are you looking for?

Unfortunately I have no experience with Amazon KDP,  perhaps other forum members may be able to assist here.

Thanks for reply! Sorry I just found out is better to reduce the height of the rectangle for the gradient so the shading doesn’t cover up my content even it’s transparent.

i can’t access my laptop right now but I want the rectangle to be 2.875 inches height from the bottom of the page exclude the bleed, midpoint of the gradient is 57%. It is using to act as a background for the white description text that going to put on top of the gradient, there is going to be a full page background image behind the gradient too.

 

Dp you think the top edge of the gradient at this new setting going to be too visible ? My eyes are very sensitive to tiny details, the 2 original setting in the files posted even tho should be ok but I can notice it, I think it can be more smooth if the rectangle is taller but it can’t be happened here. Glad to know it’s normal based on your replicas but do you think they going to be noticeable especially the new setting? 

[firstdefence]

Why not make the rectangle taller than it needs to be and the gradient to have a finite height, this would eliminate a potential hard edge of the rectangle and allow the gradient to feather out to 0% opacity.

The other option here is to test the opacity with the eye dropper tool. does it read no colour and 100% alpha?

[Johnny Chin]

8 hours ago, firstdefence said:

Why not make the rectangle taller than it needs to be and the gradient to have a finite height, this would eliminate a potential hard edge of the rectangle and allow the gradient to feather out to 0% opacity.

The other option here is to test the opacity with the eye dropper tool. does it read no colour and 100% alpha?

I can't, because I only want that gradient edge to reach certain height so it don't cover the bottom of my content, I tried to make the shape full page and draw the transparent gradient line from bottom to the only height i want but it still looks the same

[firstdefence]

The colour picker shows the boundary edge of the rectangle and just before as 255 255 255 which would indicate transparency, it gradually goes down from there so the transparency is being applied consistently and incrementally. I wonder if this isn't just a consequence of the monitor and the transmissive effect of light.

Have you tried printing a page out to see the printed effect?

I don't see much in the way of options here, you would have to lose some black by moving the mid point to 45% to get a wider feather to 0% opacity, to solid the black back up you could duplicate the rectangle and drops it's layer opacity to 50% this does "clump" the black at the bottom but I'm thinking this is more an exercise in compromise.