Adrian Taylor

About The Author

Adrian Taylor Adrian is an Interactive Creative Director and Principal at Pushstart Creative, a multidisciplinary agency focused on the convergence of physical product, interactive technology and brand experience. While much of his current work is focused on research, strategy development, and UX he will always have a passion for pushing pixels. Stop by designtaylor.com or find Adrian on Twitter.

Reviewing Adobe Illustrator's Extensive Gradients Toolset

While vector based artwork lets designers take advantage of small file sizes and lossless scaling it can also be limiting when trying to add depth and richness to a design. Adobe Illustrator offers a plethora of gradient tools that can help artist produce more organic and vivid pieces. This extended video tutorial covers a wide variety of topics including basic gradient tools (0:30),...

While vector based artwork lets designers take advantage of small file sizes and lossless scaling it can also be limiting when trying to add depth and richness to a design. Adobe Illustrator offers a plethora of gradient tools that can help artist produce more organic and vivid pieces.

This extended video tutorial covers a wide variety of topics including basic gradient tools (0:30), the appearance pannel and multiple gradient fill layers (2:30), creating gradients with the blending tool (3:45), gradient strokes (6:30), gradient mesh (7:45), using gradients with type (14:00), wrapping gradients with envelope distort (16:30), and using opacity masks.

Highlights and Takeaways:

  • Use the gradient tool (from the tool palette) rather then the gradient window to edit your gradients within the context of the object.
  • Gradients can have several sliders each of which has its own opacity.
  • The appearance window lets you add multiple gradient fills and strokes to a single object.
  • Every fill or stroke applied to an object can have a unique opacity and blending mode, and each stroke can have a different line weight.
  • Gradient strokes can be applied within, along, or across an object’s stroke for a variety of effects.
  • Use the blend tool (set to smooth color) to create gradients that align more closely to complex or organic shapes.
  • The gradient mesh tool is great for developing complex vectors that can be used to illustrate organic shapes, but they can also be hard to work with pretty quickly. To avoid frustration, start with the basic shape (like a circle) that most clearly matches the object you want to illustrate and try to shape it to match before adding additional points.
  • When creating a gradient mesh, be sure to set the fill for your base shape to the most prevalent color on the object you are trying to illustrate.
  • When using an image for reference, make the image layer a template. This will allow you to switch to outline mode without hiding the image.
  • You can use the envelope distort command to bend rectilinear gradient shapes into natural curves.
  • Gradient opacity masks let you fade the opacity of an object (or group) to create natural blends.

Please feel free to add your favorit gradient tips and tricks!


More Articles on

Desktop Wallpaper Calendars: October 2012 (Halloween Edition)

by The Smashing Editorial

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one—desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for over four years now, and we are...

Read more

Desktop Wallpaper Calendars: September 2012

by The Smashing Editorial

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one—desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for over four years now, and we are...

Read more

"I Draw Pictures All Day"

by Alma Hoffmann

“So, you do nothing all day.” That’s how many people would respond to someone who says they spend the day with a pen or pencil in their hand. It’s often considered an empty practice, a waste of time. They’re seen as an empty mind puttering along with the busy work of scribbling. But for us designers and artists, drawing pictures all day is integral to our process and to who we are as...

Read more