LottieFiles
UFO Camping Scene
0:000:00

Animation gratuite 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 optimiséRecommandé

    Taille de fichier la plus petite avec prise en charge des thèmes, des machines à états et de l'interactivité.

  • dotLottie
    22 KB

    Animation Lottie compressée qui prend en charge les thèmes et les machines à états.

  • Lottie JSON optimisé
    137.6 KB

    Format JSON optimisé pour un chargement plus rapide avec une prise en charge Lottie standard.

    19 % plus petit que Lottie JSON
  • Lottie JSON
    169.1 KB

    Format d'animation Lottie standard avec une large compatibilité entre les outils et les plateformes.

Other export formats

Interactions et plugins

Voir tout
figma
after-effects
framer
canva
webflow
wix

Gratuit à utiliser sous la licence Lottie Simple