I have a rectangular JPG graphic placed on top of a solid color background. I want to the graphic to fade to transparent on the right edge, blending into the background.
I cannot figure out for the life of me how to make it fully fade—there is always a harsh edge. Is there a way to achieve a gradient that fades softly all the way to transparent? I took a screenshot of just the problem area to demonstrate the issue I'm facing.
I am a generalist at a nonprofit trying to make it all work, so my apologies if this question reveals general ignorance of Photoshop's functionality. I feel like there should be a simple solution, and I'm losing my marbles after scouring the internet for answers for hours and trying everything I can think of.
Explore related tutorials & articles
6
Replies
When you drag a Gradient into the mask, place the start point of the gradient just inside the edge of the image, and drag the end into the image, holding the Shift key to constrain the direction.
Once done, when the mask and the Gradient tool are both selected, you will see the controls on screen, so you can adjust the position later, if desired.
Dave's explained what is happening with your mask and how to fix it, but another wee tip that might be useful is to unlink the mask by clicking on its chain icon. You can then move the mask independently of the layer, and nudge it to the left to hide the hard edge.
Just had this happen to me, gradient had a hard edge to it in the PS file itself but when exporting the image the gradient appeared smooth as expected.
Turns out it was an issue with how my proof setup was displaying the gradient. View > Proof Setup was set to Working CMYK (this was for an RGB file). I changed it to Monitor RGB and made sure Proof Colors was selected under View.
Working CMYK:
Monitor RGB:
AdChoices
