로띠파일 애니메이션을 내 블로그에 달아보자.Lottiefiles animations

로띠파일(Lottiefile)은 웹, 안드로이드,ios 등에 애니메이션을 넣는데 유용하게 쓰입니다.

기존에는 gif로 많이 하였지만 화질이나 프레임이 좋지 않았던 기억이 납니다.

 

로띠파일(Lottiefile)을 이용하면 깔끔하고 용량도 많지 않은..(음 사실 이건 용량은 조금 더 많은 느낌도 있습니다)

선명한 애니메이션을 웹,앱에 넣을 수 있습니다.

위에 애니메이션은 시네마4D라는 3D툴로 만들어서 에프터이펙트로 가지고 온 뒤

json파일로 변환을 한것입니다.

 

이건 제가 테스트로 만들어 본것이구요.

 

로띠파일 홈페이지로 가시면 세계 각국 사람들이 만든

다양한 애니메이션이 있습니다.

 

이 애니메이션을 자신의 블로그나 웹사이트에 넣고 싶으신분은 

아래 로띠파일 사이트로 오셔서 애니메이션검색에

"쿠팡"이라고 검색하시면 위에 애니메이션이 나옵니다

 

html 클릭하시면 코드복사하는곳으로 이동 가능합니다.

테스트를 해보니 네이버블로그는 안나오는데 이유를 모르겠습니다.

 

 

그리고 한포스팅에 하나의 로띠파일만 적용이 됩니다. 

아마 로띠플레이어로 실행이 되어서 그런거 같은데

개발자분들이 만약 보시면 해결방법 좀 알려주세요~

 

 

하트를 내 블로그에 넣고 싶다 하시는 분은

 

코드만 복사해서 블로그에 붙여 넣으면 끝!

 

사이트는 여기 https://lottiefiles.com/

LottieFiles - Free animation files built for Lottie, Bodymovin

쿠팡파트너스 하시는 분들 제 애니메이션 한번 넣어보세요~

반응 좋으면 다음엔 고퀄리티로 만들어서 배포해 보겠습니다.

 

다음 포스팅은 저런 애니메이션이 만들어지는 과정을 한번

포스팅해 보겠습니다.

https://youtu.be/-gYOrdgvRjc