LottieFiles
UFO Camping Scene
0:000:00

무료 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추천

    테마, 스테이트 머신 및 인터랙티브 기능을 지원하는 가장 작은 파일 크기입니다.

  • dotLottie
    22 KB

    테마와 스테이트 머신을 지원하는 압축된 Lottie 애니메이션입니다.

  • 최적화된 Lottie JSON
    137.6 KB

    표준 Lottie 지원과 함께 더 빠른 로딩을 위해 최적화된 JSON 형식입니다.

    Lottie JSON보다 19% 더 작음
  • Lottie JSON
    169.1 KB

    다양한 도구 및 플랫폼에서 폭넓은 호환성을 제공하는 표준 Lottie 애니메이션 형식입니다.

Other export formats

상호작용 및 플러그인

모두 보기
figma
after-effects
framer
canva
webflow
wix

Lottie 간단 라이선스 하에 무료 사용 가능