Search

How to create spheres in Adobe XD

  • Share this:
post-title
Start by drawing an ellipse.
Add a radial gradient to the ellipse.
Change the direction of the gradient to match what is seen in the image above.
Add two more colours to the gradient. In total, you should have four colours.
The first two colours represent the first point of contact for the light source, with the first one receiving the most light. The third colour is where very little or no light hits. And the fourth colour represents the light that reflects unto the sphere from the surface it sits on.

Go ahead and experiment with what you’ve just learned. I hope you found this useful.

I'm a UX/UI designer based in Accra, Ghana. I've been designing since 2015 and I am currently a Product Designer at Hubtel. In my free time, I like to write about design online.
View all posts (125)