LottieFiles
UFO Camping Scene
0:000:00

Animación gratuita UFO Camping Scene

Up until now I’ve shared some loaders, icons, characters, etc but this time around I wanted to create something more illustrative. So here’s a bearded guy in his sleeping bag being abducted by aliens! My goal with this was to create a web-only animation that felt fairly detailed without sacrificing file size. I explored using the Gaussian blur effect with Lottie to add glows and shading, which in moderation worked great, but quickly became a performance killer. Instead, I decided to stick with gradients and masks. In the end, this scene landed at 173kb, which is not too shabby!

Up until now I’ve shared some loaders, icons, characters, etc but this time around I wanted to create something more illustrative. So here’s a bearded guy in his sleeping bag being abducted by aliens! My goal with this was to create a web-only animation that felt fairly detailed without sacrificing file size. I explored using the Gaussian blur effect with Lottie to add glows and shading, which in moderation worked great, but quickly became a performance killer. Instead, I decided to stick with gradients and masks. In the end, this scene landed at 173kb, which is not too shabby!

  • dotLottie optimizadoRecomendado

    El tamaño de archivo más pequeño con compatibilidad con temas, máquinas de estados e interactividad.

  • dotLottie
    22 KB

    Animación Lottie comprimida que admite temas y máquinas de estados.

  • Lottie JSON optimizado
    137.6 KB

    Formato JSON optimizado para una carga más rápida con compatibilidad estándar con Lottie.

    19% más pequeño que Lottie JSON
  • Lottie JSON
    169.1 KB

    Formato de animación Lottie estándar con amplia compatibilidad entre herramientas y plataformas.

Other export formats

Interacciones y complementos

Ver todo
figma
after-effects
framer
canva
webflow
wix

Gratis para usar bajo la Licencia Simple de Lottie