How to Control Gradient Fills in Adobe Illustrator

Object is a plastic sphere that is illuminated by a point light source. The object is located on a colored background.

To fill such an object, use a radial gradient, the center of which move towards the source of light. Do not forget about the reflex on the surface area, which must be the same color as the background, but a darker shade. Here I would like to recommend you to start coloring objects only after you will create background of the illustration. This will allow you to choose the right color intensity, direction of the gradients and reflex colors.

When illuminating the metal sphere, we need to use more contrasting colors and add some new color stops to adjust color transitions.

Object is a metal cylinder.

In this case, we need to use a linear gradient.

The plane area can be filled with a linear or radial gradient, it all depends on what effect you want to achieve.

Online HTML Email Template Builder

With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Try now for free!

Learn MoreOther Products

In order to add volume to more complex objects we will need to combine several gradients, using opacity masks and gradient meshes. And all this will be discussed in our next tutorials. Let today’s tutorial be a good foundation for exploring the new material.

1 2
Iaroslav Lazunov

My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or Facebook and visit my blog Vectorboom.

Posts by Iaroslav Lazunov

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree