I'm working on a music app in Sketch where the top part of the screen is a full-bleed album art that fades into a dark background. There will be some content on top of the album art, so I've applied a gradient overlay to the bottom of the image. The problem I'm having is that there seems to be a strong line where the background and image meet (where the gradient starts). I've tried manually adding extra stops to the gradient, but can't seem to get it right. Has anyone had success with this before? I've added an example of my setup...
It has to do with the linearity of the gradient — going from one color to another, with no stops in between.
What you'll want is a gradient that follows more of a natural curve, as you'd see in a natural environment with soft lighting.
Luckily, there's a Sketch plugin that helps make it way easier 👍
I use this plugin everyday, and couldn't imagine living without it.