Motion System
Motion System을 사용하면 After Effects 컴포지션 전반에서 재사용 가능한 컬러, 폰트, 이징, 모션 프리셋, 에셋 컬렉션을 만들고 적용할 수 있습니다. 같은 Motion System을 Lottie Creator와 웹 대시보드에서도 사용할 수 있습니다.
Motion System 웹 대시보드에서 Motion System을 생성하고 시스템 자체를 관리합니다. 기존 시스템에서는 플러그인을 사용해 컬러, 이징, 폰트, 에셋 등 지원되는 아이템을 추가·수정·발행한 뒤 컴포지션에 적용할 수 있습니다.
정적 디자인 시스템에서 color element나 text style을 써 본 적이 있다면, Motion System은 그 생각을 시간 기반 속성으로 확장합니다. Easing curve, animation 프리셋, motion-specific color가 이름 있는 요소가 되어, 컴프마다 다시 정의하지 않고 애니메이션 전반에서 재사용할 수 있습니다.
이 장에서 다루는 내용
Motion System 기본 — system, section, item이 무엇인지와 draft 및 발행 방식.
섹션 편집 — system 안의 design item을 추가, 수정, 정리합니다.
Motion System 패널 컨트롤 — UI 참고 문서.
Motion System을 사용할 때
여러 Lottie가 같은 visual language(브랜드 색상, signature easing curve)를 공유해야 합니다.
AE와 Lottie Creator를 오가며 모션 전용 style의 원본 of truth를 하나로 두고 싶습니다.
light/dark, brand variant처럼 파일 전반에서 일관되게 바뀌는 themed Lottie가 필요합니다.