About Loading Glass

Loading glass is a simple five-second animation that I have created in Adobe After Effects.

After viewing a tonne of loading animations on both Dribbble and Behance, I felt inspired to have a go at creating my own animation!

The original icon was made using Adobe Illustrator. I then imported the SVG file as a layer into the composition and converted the layer into a shape layer.

With the shape layer now created, I applied a trim paths effect to the shape.

Modifying the keyframes to ease in the end from 0% to 100%, and applying a rotation before reversing.

Although the loading glass animation is short and simple, it is a step in the right direction for learning about Adobe's products and how they intertwine.

Animation

loading glass, a 5-second animation of an hour glass being drawn, rotated and then the draw effect reversed

Related Blog Posts