LottieFiles
UFO Camping Scene
0:000:00

Kostenlose UFO Camping Scene Animation

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!

  • Optimiertes dotLottieEmpfohlen

    Kleinste Dateigröße mit Unterstützung für Themes, State Machines und Interaktivität.

  • dotLottie
    22 KB

    Komprimierte Lottie-Animation, die Theming und State Machine unterstützt.

  • Optimiertes Lottie JSON
    137.6 KB

    Optimiertes JSON-Format für schnelleres Laden mit Standard-Lottie-Unterstützung.

    19% kleiner als Lottie JSON
  • Lottie JSON
    169.1 KB

    Standard-Lottie-Animationsformat mit breiter Kompatibilität über Tools und Plattformen hinweg.

Other export formats

Interaktionen & Plugins

Alle anzeigen
figma
after-effects
framer
canva
webflow
wix

Kostenlos zu verwenden unter der Lottie Einfach Lizenz