반응형
분류 전체보기
-
[Archive] 모션 Lottie로 공유하기 그리고 오류디자인 2022. 1. 11. 03:39
(아카이브 회의시간) 디자이너: 영상은 Lottie로 전달드리면 될까요? 개발자: 네네~ 나: (노티? 로티?? 그게 뭐예요?) 낯선 용어에 들리는 대로 구글에 검색을 했다. Lottie란? 애니메이션 효과를 실시간으로 렌더링 하여 네이티브 앱에 적용시키기 위해 Airbnb가 만든 오픈소스 라이브러리이다. 이하 자세한 설명은 이미 잘 정리해주신 분들이 있기 때문에 생략 후 적용 과정에 집중해서 기록해두려 한다. 우선 필요한 모션은 애펙(After Effects)으로 작업했다. 따라서 다음은 After Effect 작업물을 Lottie 파일로 렌더링 한 과정에 대한 기록이다. Step 1. After Effect에서 모션만들기 1. 모션에 필요한 그래픽 요소들을 피그마에서 SVG로 내보내기 2. SVG 파..
-
반응형