Copy link to clipboard
Copied
Hey, im trying to get two gradients to meet smoothly, instead I get sharp edge. Is this bug or am I missing something? Why does it work with white but not other colors?
1 Correct answer
They're meeting at an angle. You are getting a smooth transition at the very bottom-right of the shapes, because that's where the absolute ends of the gradients are meeting. If you want it completely smooth, your gradients need to end at or before the point where the shapes meet (the top-left of the transition point).
Explore related tutorials & articles
Copy link to clipboard
Copied
They're meeting at an angle. You are getting a smooth transition at the very bottom-right of the shapes, because that's where the absolute ends of the gradients are meeting. If you want it completely smooth, your gradients need to end at or before the point where the shapes meet (the top-left of the transition point).
Copy link to clipboard
Copied
Still strange that the slider didnt work. even if I added More gradient sliders. maybe the distance is too short?
Copy link to clipboard
Copied
What do you mean when you say the slider didn't work? You can't adjust the gradient?
Copy link to clipboard
Copied
Never mind, it was the another shape creating the edge. You can delete these posts, thanks for the help.
Copy link to clipboard
Copied
While still fresh do you have idea why those lines are shown on the edges of shapes? How to prevent it?
Overlapping works but it is extra work specially on rounded corners
Copy link to clipboard
Copied
Antialiasing perhaps? Is that an exported file?
Copy link to clipboard
Copied
Yep. So I have to export it as huge file and scale smaller if I want to get rid of it?

