Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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

share|improve this question

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).

share|improve this answer
+1 for previous CS versions solution – SaturnsEye Jun 26 '14 at 8:23
Nice tutorial. I was able to make one in a few minutes. :) – ryanjohnsond Nov 18 '15 at 23:17

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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