따라 만들기 · 보통 · 약 30분~1시간
AI로 58초 모션그래픽 만들기
글이나 PDF 자료 하나로 세로 모션그래픽을 만드는 과정이에요. AI에게 바로 만들어 달라고 하지 않고, 정할 것부터 물어보게 하는 게 핵심이에요.
Claude CodeRemotionNode.js
준비물
- 코드를 직접 만들고 실행해 주는 AI 도구 (예: Claude Code)
- 영상의 내용이 될 자료 한 가지 (PDF, 글, 메모)
- Node.js가 설치된 컴퓨터 — Remotion은 React 코드로 영상을 만들어요
1. 자료를 주고 “무엇을 정해야 하는지”부터 물어보기
바로 “영상 만들어 줘”라고 하면 AI가 길이·비율·분위기를 마음대로 정해요. 대신 정해야 할 것을 선택지로 달라고 하세요.
이 PDF 내용으로 모션그래픽을 만들 거야. 이 파일을 참고해서 내가 무엇을 정해야 하는지 선택지를 줘. 영상 콘셉트, 길이 같은 것들. 내가 고를게.
2. 선택지 고르기
실제로 고른 설정이에요. 처음 만든다면 그대로 따라 해도 좋아요.
- 플랫폼: 쇼츠·릴스용 9:16 세로
- 길이: 45~60초, 핵심 문장 5개
- 콘셉트: 비포/애프터 대비
- 소리: 자막 + 배경음악 (내레이션 없음)
- 비주얼: 어두운 배경 + 포인트 컬러 하나
- 제작 방식: 코드로 MP4 만들기 (Remotion)
3. 스토리보드를 보고 제작 요청하기
AI가 장면 순서(스토리보드)를 보여 주면 확인한 뒤에 만들라고 해요. 설치할 패키지를 먼저 알려 달라고 하면 모르는 프로그램이 설치되는 걸 막을 수 있어요.
이 스토리보드대로 Remotion 프로젝트를 만들어 줘. 설치할 패키지는 먼저 알려 줘. 음원과 PDF 링크는 일단 임시 자리만 잡아 줘.
4. 렌더링하고 다듬기
첫 영상이 나오면 보고 고칠 점을 말하면 돼요. 음원이 없다면 직접 합성해 달라고 할 수도 있어요. 외부 음원을 쓰지 않으니 저작권 걱정이 없어요.
음원도 네가 알아서 만들어 넣어 줘.
팁
- 코드로 만든 영상은 문구 하나를 고쳐도 다시 렌더링만 하면 돼요. 버전 관리도 쉬워요.
- 마지막 장면에 넣을 링크(자료 받기 주소 등)는 공개 전에 꼭 실제 주소로 바꾸세요.
제작 프롬프트
이 작품을 만들 때 AI에게 준 프롬프트예요. 복사해서 직접 만들어 보세요.
실제로 쓴 프롬프트 전체
[1] 처음 요청 — 참고 자료(PDF)를 붙여서
이 PDF 내용으로 모션그래픽을 만들 거야. 이 파일을 참고해서 내가 무엇을 정해야 하는지 선택지를 줘. 영상 콘셉트, 길이 같은 것들. 내가 고를게.
[2] 고른 설정
- 플랫폼: 쇼츠·릴스 (9:16 세로)
- 길이: 45~60초, 치트시트 5문장
- 콘셉트: 비포/애프터 대비
- 소리: 자막 + 배경음악만 (내레이션 없음)
- 비주얼: 다크 배경 + 포인트 컬러
- 제작 방식: 코드로 MP4 만들기 (Remotion)
- 마지막 장면: 무료 PDF 받기 안내
[3] 제작 요청
이 스토리보드대로 Remotion 프로젝트를 만들어 줘. 설치할 패키지는 먼저 알려 줘. 음원과 PDF 링크는 일단 임시 자리만 잡아 줘.
[4] 수정 요청
음원도 네가 알아서 만들어 넣어 줘.가져가기
완성본을 무료로 받아 참고하거나 그대로 써도 돼요 · CC BY 4.0 · 출처: ChronoCode (chronocode-hub.pages.dev)