프로덕션에 사용할 롯티 애니메이션 만드는 방법

런타임 계약 기획

모션의 목적과 전달할 상태부터 정하세요. 컴포지션 비율, 재생 시간, 반복 방식, 트리거, 배경, 대상 플랫폼, 최소 플레이어 버전, 모션 감소 동작과 정적 대체안을 정의합니다. 내보내기 도구와 플레이어 업그레이드 담당자도 정합니다.

• 모션은 계층과 상태 이해를 돕고 작업 완료를 지연하지 않아야 합니다.
• 중요한 의미는 모션이 없어도 전달되어야 합니다.
• 파일과 런타임 예산을 정하고 실제 앱에서 측정합니다.

점검 가능한 컴포지션 만들기

명확한 레이어 이름, 단순한 부모 관계, 재사용 가능한 프리컴프와 의미 있는 구간 마커를 사용하세요. 쓰지 않는 숨김 레이어는 제거합니다. 맞는 경우 벡터 도형을 쓰되 사진 콘텐츠를 억지로 부적합한 포맷에 넣지는 마세요.

사용할 마스크, 매트, 블렌드 모드, 효과, Expression, 3D 레이어, 텍스트 기능과 그라디언트 동작을 지원 매트릭스에서 확인하세요. 이식할 수 없는 기능은 베이크하거나 다시 설계하고 시각적 차이를 검증합니다.

추적 가능한 내보내기

버전이 있는 JSON을 내보내고 원본 파일 리비전, 내보내기 도구 버전, 설정과 에셋 정책을 기록합니다. 외부 이미지라면 안정적인 상대 경로로 묶고 배포 경로를 시험하세요. 내장 이미지라면 JSON 크기와 메모리 영향을 검토합니다.

내보낸 파일을 뷰어에 넣어 원본 크기, 프레임 범위, 재생 시간, 에셋, 레이어, 마커, 숨김 콘텐츠와 플랫폼 민감 기능을 확인하세요. 생성된 JSON을 무작정 편집하지 말고 중요한 제안을 원본까지 추적합니다.

실제 경험 검증

고정한 플레이어 버전으로 통합하고 대표 대상 기기에서 시험합니다. 다운로드, 파싱, 첫 프레임, 지속 재생, 메모리와 화면 이동 후 정리를 측정하세요. 느린 네트워크, 누락 에셋, 밝고 어두운 배경, 여러 컨테이너 크기와 모션 감소 설정도 확인합니다.

• 배포 렌더를 승인된 시각 기준과 비교합니다.
• 모션이 의미를 전달한다면 스크린리더용 텍스트나 동등한 상태 피드백을 제공합니다.
• 동일 출력을 약속하지 말고 알려진 차이와 대체안을 문서화합니다.
• 다음 수정을 위해 원본, JSON, 근거와 담당자를 함께 보관합니다.