In this video I will walk you through a simple Android / Google Material Design loading wheel in Adobe After Effects. I hope you learn something new! Thanks for watching and enjoy.

Chapters / Timestamps for better understanding:
0:00 — Final Result
0:11 — Creating the initial composition (one full loop)
1:18 — Adding trim paths to animate the basic cycle
3:50 — Multiplying the basic cycle to create one full loop
4:38 — Each cycle needs to have an incremental “Trim Path” Offset
5:03 — Multiplying additional basic cycles
6:23 — This is what one full loop looks like now
6:41 — Adjusting composition length to match one loop length (CMD+Shift+X)
6:52 — Renaming the layers to reflect the logic
7:29 — “U” to view all keyframes
7:51 — Select all keyframes, apply strong easing
8:18 — Apply motion blur to make this seem more natural
8:33 — Changing the cap to Round Cap (creates round path edges)
10:35 — Attempting to correct the dip in opacity after each basic cycle (unsuccessfully)
12:32 — Changing the color of the circle (apologies for having the color dialog on my second screen)
12:58 — Creating a sequence to apply rotation
13:23 — Figuring out the right rotation amount
13:52 — Creating the main composition to present the animation
14:20 — Creating the background
14:46 — Applying a simple glow to the loading wheel
15:58 — Creating a static part of the loading wheel
16:37 — FINAL RESULT

Cheers,
Mavi

————
© 2020 Mavi Design