ClearSkye: logo fill video (on white)
Rendered from the delivered Lottie file on this page.
Skip to page content and links
Work
ClearSkye: Lottie Logo Fill
An animated Lottie version of the ClearSkye logo: the cloud mark fills in through seven layered blues before the wordmark appears, delivered with a mark-only variant for use as a site preloader.
Client: Clearskye
ClearSkye / Lottie logo / 2021
A cloud mark that fills in, layer by layer.
My role: Logo animation and Lottie export
Delivered: Two Lottie files (full logo, and cloud mark only), 1500×1500 at 60 fps, about 4 seconds each, plus the After Effects project
Tools: Illustrator, After Effects, Lottie (Bodymovin export)
The brief
ClearSkye hired me on Upwork to turn its logo into an animated Lottie file. The job ran over four days in January 2021, and on the earlier portfolio the result was listed as a preloader animation.
The build
I prepared the vector logo in Illustrator and built the animation in After Effects as seven blue shape layers, each revealed through its own mask so the cloud fills in step by step, with the wordmark revealed last. The first pass ran 3 seconds; the final runs about 4. The delivery package also included a "Cloud solo" variant without the wordmark and the final After Effects project.
The delivered experience
The final Fill v3 file is the same file that was hosted on LottieFiles for the earlier mograph.life portfolio.
Client feedback
> Ilya was awesome to work with! Knowledgeable, personable, and a real Lottie animation pro! Looking forward to our next project together.
— Shawn Gross, ClearSkye
Project media
ClearSkye logo fill (Lottie)
Final delivered Lottie: cloud mark fills in, wordmark follows. 1500×1500, 60 fps.
Have a project in mind?
Explore motion design and interactive animation services, or get in touch about your project.