반응형 lottie2 Cinema 4D로 Lottie 애니메이션 제작하기 이전 글에서 애프터 이펙트를 활용해 로띠를 만드는 법을 소개했습니다. 용량상의 문제가 거의 없고 개발에도 용이하지만, 로띠가 지원하지 않는 애프터 이펙트 기능들이 많습니다. 그래서 의도한 디자인과 애니메이션을 담을 수 없는 경우가 많습니다. 그렇다면 유려하고 멋진 모션을 로띠에 담을 수는 없을까요? 이번 글에서는 Cinema 4D에서 형태와 모션을 완성한 후에 애프터 이펙트로 불러와 로띠를 제작하는 방법을 소개하고자 합니다. 방법은 이렇습니다. C4D로 디자인과 애니메이션을 완성합니다. 이것의 각 키 프레임마다 아웃라인을 뽑아내 일러스트레이터로 옮기고, 다시 이 패스들을 애프터 이펙트로 보내 애니메이션을 만들면 됩니다. 보통 애프터 이펙트에서는 한 애니메이션 덩어리를 위해 한 가지 소스를 이용합니다. 소.. 2023. 11. 20. After Effects로 Lottie 애니메이션 제작하기 Lottie는 에어비앤비에서 모바일 프로덕트를 위해 개발한 오픈소스 라이브러리입니다. Lottie는 벡터 데이터를 json 형식의 데이터로 만드는 파일이기 때문에 픽셀의 정보를 가지는 이미지나 동영상 파일에 비해 용량이 굉장히 적습니다. 벡터 기반이기 때문에 해상도에 구애받지 않으며, 또 개발 친화적이기에 IOS, AOS, web 어떤 환경에서도 수정하지 않고 사용할 수 있습니다. 또한 애니메이션 요소들을 상호작용 하도록 수정하기도 용이합니다. 그래서 모바일 프로덕트에 동적 디자인 요소를 추가하기 위해 Lottie를 많이 사용합니다. Lottie는 주로 After Effects에서 디자인을 제작해 json 파일로 추출합니다. After Effects에서 만든 디자인을 Lottie로 제작하는 방법을 설명해.. 2023. 11. 20. 이전 1 다음
