I'd like to know how to make an android style loading icon in Illustrator. Can anyone help? It doesn't have to spin, i'd just like to know how to create the opacity on the circular object.

This is the one i'm talking about:

Android loading icon


You can do this really easily in CS6 or later by applying a gradient to a stroke with a rounded end cap. I've circled the relevant appearance settings below:

Illustrator Screenshot

Older versions of Illustrator do not have the ability to apply gradients to strokes. If you don't have CS6+, you can an art brush instead. Follow the same technique described here (replace the straight bars with an expanded gradient).

| improve this answer | |
  • Nice tutorial. I was able to make one in a few minutes. :) – ryanjohnsond Nov 18 '15 at 23:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.