Circular HUD Elements Loop Tutorial

Please subscribe to my newsletter to download free HUD pack


Check your spam folder, if you do not get the mail with the download link.


Please complete your name and email to receive free item.
You are free to:

Share — copy and redistribute the material in any medium or format

Adapt — remix, transform, and build upon the material for any purpose, even commercially.

This license is acceptable for Free Cultural Works.

The licensor cannot revoke these freedoms as long as you follow the license terms.

Under the following terms:

Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.

ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.

No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
I agree with the Terms & Conditions
Get Download Link


This tutorial shows how to create a looping abstract cirtcular HUD element in After Effects.


  • Grid effect
  • Using masks
  • Create different shape layers (fill, stroke, dashes, repeater, position,etc.)
  • Create looping animation using the loopOut expression
  • Create a looping wiggle expression
  • Colorize elements with CC Toner effect





After Effects