낭만 프로그래머

Lottie를 사용하기 위해 애프터이펙트에 bodymovin 플러그인 설치 본문

Android

Lottie를 사용하기 위해 애프터이펙트에 bodymovin 플러그인 설치

조영래 2020. 9. 5. 01:24

Android 에서 고급스러운 애니메이션을 만들기 위해서는 Lottie 라이브러리를 사용해야한다.
Lottie를 사용하기 위해서는 애니메이션 소스가 작성되어야 하는데 애프터이펙트에서 작업하여 만들수 있다.
단지 애프터이펙트 파일을 바로 Android에서 Lottie가 바로 사용하지 못하므로 bodymovin 플러그인을 사용하여 로딩가능한 소스로 변환 시켜줘야 한다.
그 첫걸음으로 애프트이펙트에 bodymovin 플러그인을 설치해 보자

1. Lottie 사이트로 간다 ( https://airbnb.design/lottie/ )

2. BodyMovin 링크를 클릭한다

 

3. build 링크를 클릭한다

 

4. extention 링크를 클릭한다

 

5. bodymovin.zxp 링크를 클릭한다

 

6. Download를 클릭하여 다운로드 한다

 

7. 다시 Lottie Git Hub 사이트로 간다 ( https://github.com/airbnb/lottie-web )

8. ZXP installer 링크를 클릭한다

 

9. Download를 클릭하여 다운로드 한다

 

10. 다운로드한 인스톨러를 실행한다

 

11. 라이센스를 동의 체크하고 Install을 클릭하며 완료되면 Close한다

 

12. ZXP Installer를 실행하여 File - Open 을 클릭한다

 

13. 처음에 받은 bodymovin 파일을 연다

 

14. 확인 후 Close한다

 

15. 애프트이펙트를 실행한다

 

16. 창 - 확장명 - Bodymovin 을 클릭한다

 

17. 팝업 창이 띄면 완료되었다