모션 디자인
주요 모션 예시를 살펴본 다음, 프로젝트를 브리핑하고 미리 보고 수정하고 내보내는 방법을 알아보세요. 단계별 안내에서는 별도의 Focus 연습 프로젝트를 사용합니다.
기본 제공되는 다섯 가지 예제 중 하나로 시작하기
Home에서 프롬프트 아래의 Motion design을 선택하세요. 한 번에 네 개의 행이 표시됩니다. 예제 목록 위에서 스크롤하면 맨 아래의 Product Promo가 나타납니다.
유용한 방향 찾기
- Bring Ideas to Life: 내러티브, 캐릭터, 수작업 질감을 위한 20초 길이의 종이 오리기 스타일 스토리.
- The Future Is Already Here: 비트 중심 편집, 키네틱 타이포그래피, 크롬 표면을 위한 20초 길이의 기술 릴.
- Motion Designer Showreel: 포트폴리오와 소개를 위한 15초 길이의 모션 쇼케이스.
- One-Shape UI Motion: 버튼과 로딩 상태에서 플레이어와 차트까지 이어지는 14초 길이의 연속 인터페이스 변환.
- Product Promo: 장점, 인터페이스 시연, 브랜드 엔딩을 보여 주는 15초 길이의 가상 결제 제품 영상.
먼저 Preview에서 확인한 다음 프롬프트 조정하기
썸네일을 클릭하여 Preview를 여세요. Preview를 닫은 다음 제목이나 프롬프트 텍스트를 클릭하면 예제 브리프가 작성 영역에 입력됩니다. 전송하기 전에 제품, 카피, 타이밍, 스타일을 원하는 내용으로 바꾸세요. Preview를 열어도 새 프로젝트가 생성되지는 않습니다.
시작하기 전에
AI 연결 설정을 한 번 완료하세요. 검토하기에 충분히 작은 프로젝트를 선택하세요. Focus 예시에서는 초록색 점, 작업 카드, 완료 체크 표시, 마지막 브랜드 메시지를 사용합니다. 외부 유료 미디어 생성 서비스 대신 로컬 애니메이션과 오디오를 사용합니다.
1단계 — Motion design 선택
Home(홈)에서 프롬프트 아래의 제작 유형 메뉴를 열고 Motion design(모션 디자인)을 선택하세요. 작성 영역 아래에 내장 모션 예시가 표시됩니다. 목록에는 한 번에 네 개의 행이 표시되므로 목록 안을 스크롤해 다섯 번째 항목을 확인하세요. 시작점이 필요하다면 다섯 가지 예시 모두 살펴보기를 이용하세요.
2단계 — 원하는 결과 설명
재생 시간, 화면비, 화면에 표시할 문구, 시각적 방향, 장면별 타이밍, 오디오, 최종 파일을 명시하세요. 편집 가능한 소스와 재생 가능한 MP4가 모두 필요하면 둘 다 요청하세요.
Focus라는 10초 길이의 제품 모션 영상을 1920×1080, 30fps로 제작하세요. 페이퍼 화이트 #fafafa, 잉크 #262626, 절제된 초록색 #63fe13 포인트 색상을 사용하세요. 하나의 초록색 점이 Collect 작업 카드, Done 체크 표시, 마지막 Focus 마크까지 계속 이어지도록 하세요. 0–2초에는 Focus, 2–5초에는 Collect, 5–8초에는 Done, 8–10초에는 “Make room for what matters.”를 표시하세요. 부드러운 오리지널 음악과 몇 가지 은은한 음향 효과를 추가하되, 음성 해설이나 유료 외부 미디어 서비스는 사용하지 마세요. 이 프로젝트에 편집 가능한 소스와 실제 MP4를 생성하세요.3단계 — 제작 및 렌더링 대기
에이전트가 소스 파일과 에셋을 만든 다음 영상을 렌더링합니다. 계획이나 애니메이션 소스 미리보기가 표시되더라도 MP4가 생성되었다는 의미는 아닙니다. 영상 파일이 생성되고 렌더링이 완료 상태가 될 때까지 기다리세요.
4단계 — 영상 검토
MP4 결과물을 열어 재생하세요. 문구, 모션의 연속성, 전환, 마지막 화면 유지, 음악, 음향 효과를 확인하세요. 처음부터 끝까지 시청하는 것과 함께 타임라인을 스크러빙해 살펴보세요. 계속 편집해야 한다면 편집 가능한 소스를 별도로 검토하세요.
5단계 — 한 가지 구체적인 수정 요청
같은 프로젝트에서 계속 작업하세요. 정확히 무엇을 변경하고 무엇을 그대로 유지해야 하는지 밝힌 다음 새 렌더링을 요청하세요. 실제 안내 예시에서는 두 번째 버전에서 마지막 메시지만 변경합니다. 새 MP4를 열고 수정된 문구가 표시되는지 확인하세요. 소스를 업데이트해도 이미 렌더링된 영상은 소급하여 변경되지 않습니다.
마지막 문구를 “Make room for what matters.”에서 “Focus on what matters.”로 변경하세요. 다른 장면, 10초의 재생 시간, 색상, 오디오는 그대로 유지하세요. focus-v2.mp4를 렌더링하고 비교할 수 있도록 원본 focus.mp4를 유지하세요.6단계 — 확인한 버전 다운로드
전달할 MP4를 열고 오른쪽 상단 도구 모음에서 Download를 클릭하세요. 시스템 저장 창에서 위치와 파일 이름을 선택하세요. 로컬 파일이 존재하고 재생되며 최신 수정 사항이 포함되어 있는지 확인하세요. 저장 창에서 작업을 완료할 수 없다면 프로젝트를 보존하고, 지원팀에 도움을 요청할 때 해당 창의 오류 상태를 포함하세요. Download 컨트롤을 클릭했다고 해서 저장이 완료된 것은 아닙니다.
편집 가능한 프로젝트 유지
이 예시의 엔트리 파일은 motion-source/focus/index.html입니다. 소스를 이동할 때 관련 GSAP 파일, 글꼴, 오디오도 함께 보관하세요. MP4는 재생용 결과물이며 편집 가능한 소스 프로젝트를 포함하지 않습니다.
이해하기 쉬운 브리프 작성
에이전트가 추측하게 하지 말고 화면에 표시할 문구를 구체적으로 지정하세요. 중요한 장면에는 시간 범위를 사용하고 결과물이 영상인지 인터랙티브 애니메이션인지 명시하세요. 음악과 음성 해설도 명확하게 언급하세요. 수정할 때는 장면이나 시간 범위를 지정하고 변경하지 않아야 할 요소를 밝히세요.