애니메이션 준비

준비는 애니메이션을 찾은 뒤 삽입하기 전에 선택적으로 거치는 단계입니다. 단순한 Lottie는 기본값을 그대로 사용해도 됩니다. 원본 검토, 시각적 조정 또는 고급 dotLottie 런타임이 필요할 때 이 장을 참고하세요.

이 장에서 다루는 내용

• 로컬 애니메이션 추가 - 로컬 원본을 Workspace에 업로드한 뒤 Webflow에서 사용합니다.

• 미리 보기 및 커스터마이즈 - 재생, 배경, 렌더러를 확인합니다.

• 애니메이션 색상 변경 - 프리셋 또는 직접 만든 팔레트를 적용하고 결과를 Workspace에 저장합니다.

• 멀티 애니메이션 파일 사용 - 하위 애니메이션을 선택하고 삽입 방식을 이해합니다.

• 테마 사용 - 고정 테마를 적용하거나 라이트 및 다크 변형을 준비합니다.

• 상태 머신 준비 - 인터랙티브 dotLottie 플레이어를 테스트하고 삽입합니다.

첫 삽입은 단순하게

게시된 경험에 dotLottie v2, 런타임 테마, 멀티 애니메이션 또는 상태 머신이 필요할 때만 고급 플레이어를 선택하세요. 일반 Lottie는 Webflow의 네이티브 요소를 사용하며 런타임 의존성이 더 적습니다.

관련 문서

• Webflow에 삽입

• 호환성 및 제한