[Lottie] 로티 애니메이션 만들기 4편 - 에프터 이펙트 영상을 로티 파일로 만들기 (혹은 json파일)

지난번에는 에프터 이펙트에 로티 플러그인을 설치하는 법을 알아봤다.
아래 링크에서 로티 플러그인 설치 방법 확인하기 👇

[Lottie] 로티 애니메이션 만들기 3편 - 에프터 이펙트에 로티 플러그인 설치하기 (어도비 플러그인

이번엔 에프터 이펙트로 만든 영상을 로티 플러그인을 이용해서 lottie파일이나 json으로 만드는 방법을 안내하려고 한다. 우선 영상을 만드는 방법 자체는 여기서 다루지 않을 예정이니, 서비스에 들어갈 영상을 에펙에서 완성했을 때 이 포스트를 보면 좋을 것 같다. 로티 플러그인도 에펙에 잘 설치됐는지 먼저 확인하시길!

---

After Effect 에프터 이펙트로 만든 영상을
json, lottie 파일로 만드는 방법

1) Lottie files 플러그인을 열어서로그인하기

[Window] > [Extensions] > [LottieFiles]

2) 웹에서 로그인 이후, 작업한 컴포지션 선택하기

json / lottie파일로 저장할 컴포지션을 선택하기

3) 공유 버튼 눌러서 json, lottie파일 형식 선택하면, 끝!

참고로, 2번 이미지에서 컴포지션 선택 후 렌더링 로딩화면이 5초 이상 길어지면 변환이 실패했을 가능성이 높다. 변환에 실패해도 로딩이 멈추지 않고 계속되기 때문에 성공 여부를 바로 알 수없다. 여타 어도비 프로그램과 다르게 시간이 엄청 오래 걸리는 작업이 아니기 때문에 어느정도 정도 기다렸는데도 계속 로딩이 된다면 Cancel을 눌러서 오류 메시지가 뜨는지 확인해 보길 추천한다. 보통 에러 코드는 cancel을 눌러야 뜨는 경우가 많았던 것 같다.


저장 방법 자체는 아~주 간단하다. 하지만 이 과정에서 정말 수많은 이유로 저장이 안 되는 경험을 하곤 했다... 문제는 로티 플러그인에서 어떠한 피드백도 없고, 오류코드도 알려주지 않는 경우도 많아서 하나하나 뜯어보며 원인을 파악해야만 했다. 이렇게 로티가 작동하지 않는 케이스는 또 다른 포스팅에서 다뤄보겠다!

혹시 궁금한 점이 있다면 댓글로 남겨주세요! :-)

---

After effect 없이 Figma 피그마에서 로티 애니메이션 바로 만들어보기👇

Figma 피그마에서 로티 애니메이션 만들기 1편

Lottie 무료 애니메이션 파일 사용법이 궁금하다면?👇

[Lottie] 로티 애니메이션 만들기 2편 - 무료 애니메이션 json 파일 다운받기

&
최신 로티 피그마 플러그인 업데이트 내용 한 눈에 보기 👇

[Lottie] 로티 애니메이션 x 피그마 플러그인 최신 업데이트