모션을 고르고, 원하는 장면을 설명합니다.
지금은 손그림 도해, 움직이는 차트, 지도 영상, 글자 애니메이션을 만드는 방법이 각각 다릅니다. 제안하는 방식에서는 yt9 안에서 모션을 고른 뒤, 같은 입력창에 원하는 내용을 적습니다. 도구가 달라도 선택하고 수정하는 방법은 같아집니다.
“AI가 반복 노동을 맡고 사람이 판단하는 구조를, 6초 동안 순서대로 그려줘. 사람은 초록색으로 강조해.”
손그림 도해를 골랐다면 AI와 사람의 역할을 그림으로 표현합니다. 글자 애니메이션을 골랐다면 같은 이야기를 움직이는 문장으로 표현합니다. 색을 바꾸거나 길이를 늘릴 때도 같은 화면에서 요청하면 됩니다.
먼저, 자동으로 제작 주문서를 만듭니다.
입력한 문장을 곧바로 영상으로 만들기보다, 무엇을 어떻게 만들지 정리합니다. 이 제작 주문서를 기술 문서에서는 MotionSpec이라고 부릅니다. 사람이 따로 작성할 필요는 없습니다. 시스템이 만들고, 화면에서 해석 결과를 확인하게 합니다.
화면에 보이는 제목, 그림의 항목, 비교할 숫자, 등장 순서도 이 주문서에 담습니다. 수정하면 새 주문서를 만들고, 이전 주문서는 편집 기록에 남깁니다. 해석할 수 없거나 아직 지원하지 않는 요청은 따로 표시합니다.
다음으로, 각 제작 도구가 알아듣게 바꿉니다.
도구마다 필요한 정보가 다릅니다. 손그림 도해는 아이콘과 라벨이 필요하고, 차트는 항목과 숫자가 필요합니다. 지도는 장소와 경로가 필요합니다. 제작 주문서를 각 도구에 맞는 입력으로 바꾸는 역할을 변환기(adapter)가 맡습니다.
| 고른 제작 도구 | 변환기가 정리해서 넘기는 내용 |
|---|---|
| WP 도해 | 그림에 넣을 아이콘과 라벨, 큰 항목 안에 들어갈 작은 항목 |
| Remotion 차트 | 비교할 항목과 숫자, 각 막대나 숫자가 언제 나타나고 움직일지 |
| yt8 M 타입 | 지도에 표시할 장소와 경로, 장소와 이동 경로가 드러나는 순서 |
| HTML 모션 | 움직일 글자와 색상, 나타나는 시점과 움직이는 시간 |
차트에 없는 숫자를 임의로 만들거나, 지도에 없는 장소를 알아서 추가하지 않습니다. 고른 모션에 필요한 정보가 부족하면 채울 내용을 알려 주는 방식으로 구현해야 합니다.
사용자는 이 흐름만 따라가면 됩니다.
- 모션을 고릅니다.손그림, 차트, 지도, 글자 움직임을 미리보기와 출처 설명으로 비교합니다.
- 원하는 장면을 말로 적습니다.“사람은 초록색으로”, “마지막 숫자는 80으로”, “등장 시간을 더 천천히”처럼 수정합니다.
- 결과를 재생해서 확인합니다.멈추거나 원하는 시점으로 이동해 내용과 순서를 보고, 해석되지 않은 요청도 확인합니다.
- 확인한 결과를 제작에 사용합니다.목표는 승인한 주문서로 최종 영상을 만들고, yt9의 해당 장면에 연결하는 것입니다.
기존 코드를 재사용하는 이유
회사에 이미 있는 도해, 차트, 지도 제작 기능을 효과마다 다시 만들면 관리할 코드가 늘고 결과도 달라질 수 있습니다. 기존 기능은 그대로 쓰고, 공통 주문서를 받아들이는 연결 부분을 추가하는 편이 효율적입니다. 새 모션도 같은 규칙으로 목록에 등록하고 변환기를 연결하면 편집 화면에서 고를 수 있습니다.
또한 미리보기와 최종 영상이 같은 주문서를 사용해야 합니다. 미리보기에서 고친 초록색, 6초 길이, 등장 순서가 최종 영상에도 반영되도록 만드는 것입니다. 음성에 맞춘 장면이라면 실제 발화 시간도 이 주문서에 연결합니다.
현재 샘플과 다음 구현 단계
현재 화면에서는 모션 선택, 자연어 수정, 직접 설정, 시간 탐색, 화면 비율 변경, 이전 계획 복원, 계획 JSON·현재 프레임 SVG·무음 WebM 저장을 사용할 수 있습니다. 미리보기는 브라우저에서 그림을 그리는 공통 SVG 방식으로 동작합니다.
회사 원본 제작 도구와의 연결은 다음 단계입니다. 회사의 WP 도해, Remotion, yt8 제작 코드를 실제로 연결한 뒤, 확인한 주문서가 최종 MP4와 yt9 장면에 그대로 반영되는지 검증해야 합니다. 현재의 대표 모션 미리보기는 이 편집 흐름을 확인하기 위한 샘플입니다.