클로드 코드로 모션그래픽 영상 만들기 - AI한테 말로 시켜서 영상 제작하는 법
최창희 (스토리위너코치)
AI & 글쓰기로 세상을 바꾸는 콘텐츠
이 글의 핵심
- - 클로드 코드 + 리모션(Remotion)으로 말만 하면 영상이 만들어지는 방식
- - 준비물: Claude 구독(Pro $20/월) + VS Code(무료) + Node.js(무료)
- - 핵심 워크플로우: 기획 의도 말하기 → 구성안 받기 → 수정하기 → 렌더링
- - 퀄리티 올리는 법: 파티클, BGM, 페이드 전환, 카운트업 효과
- - 한 번 만든 템플릿은 텍스트만 바꿔서 재활용 가능
클로드(Claude)한테 “영상 만들어줘”라고 하면, 진짜 영상이 만들어집니다.
AI가 알아서 만들어주는 실사 영상 수준은 아니지만, 텍스트와 도형으로 이루어진 모션그래픽 영상은 꽤 쓸만하게 만들어주더라고요. 홍보 영상이나 인트로 같은 걸 가볍게 만들어보기에 유용합니다.
**클로드 코드(Claude Code)**라는 AI 코딩 도구와 **리모션(Remotion)**이라는 영상 프레임워크를 조합하는 방식인데요. 코드를 한 번도 써본 적 없어도 따라할 수 있게, 설치부터 실전 영상 만들기, 퀄리티 올리는 꿀팁까지 영상에 담았습니다. 여기에는 핵심 내용을 간단히 정리해봤어요.
[영상 순서]
- (0:00) 완성 영상 미리보기
- (0:17) 인트로
- (1:26) 영상 만들기 준비물
- (1:47) 설치 ① Node.js + VS Code
- (2:11) 설치 ② Claude Code 확장 프로그램
- (3:38) 설치 ③ 프로젝트 폴더 + Remotion 설치
- (5:30) 설치 ④ Remotion Skills 설치
- (6:09) 설치 확인 - 스튜디오 열기
- (7:17) 실전 - 영상 만들기
- (10:51) 첫 결과 확인 + 수정하기
- (11:11) 렌더링 (MP4 뽑기)
- (11:33) 꿀팁 - 퀄리티 올리는 법
- (13:00) 꿀팁 - Props 패널 활용
- (14:01) 가이드 파일 소개
- (14:58) 활용 아이디어
- (15:16) 마무리
어떤 영상을 만들 수 있나?
**클로드 코드(Claude Code)**와 **리모션(Remotion)**이라는 도구를 조합하면, 이런 영상들을 코딩 없이 만들 수 있습니다.
| 활용 | 설명 |
|---|---|
| 강의/코칭 홍보 | 기수 바뀔 때마다 텍스트만 바꿔서 재생산 |
| 유튜브 인트로/아웃트로 | 한 번 만들면 모든 영상에 재사용 |
| 전자책/상품 소개 | 제목 + 핵심 포인트 + CTA |
| SNS 숏폼 | 인스타 릴스, 유튜브 쇼츠 |
| 이벤트/공지 | 세일, 라이브 일정 등 빠른 공지 영상 |
실제로 위너책쓰기 31기 홍보 영상과 행글라이터 채널 인트로/아웃트로도 이 방식으로 만들었어요.
준비물
코딩으로 만드는 영상이라 처음에 어렵게 느껴질 수 있는데, 설치만 잘 따라하면 그 다음부터는 말로 하면 됩니다. PC 사양도 걱정 안 하셔도 돼요. 웬만한 컴퓨터면 다 됩니다.
설치 (딱 3단계)
Step 1: Node.js + VS Code 설치
Node.js는 코딩 도구를 돌리기 위한 엔진이라고 생각하시면 돼요. VS Code는 코드 편집기인데, 우리는 코드를 직접 안 씁니다. Claude Code를 실행하기 위한 도구로 쓰는 거예요.
Step 2: Remotion 프로젝트 + Skills 설치
VS Code에서 Claude Code 확장 프로그램을 설치하고, 터미널에서 이 명령어를 입력합니다.
npx create-video@latest .
npx skills add remotion-dev/skills첫 번째 명령어는 영상 프로젝트의 빈 캔버스를 만들어주는 것이고, 두 번째는 Remotion Skills를 설치하는 겁니다. Claude가 영상을 잘 만들 수 있도록 가르쳐주는 가이드 파일이에요. 이걸 설치하면 Claude가 Remotion 전문가가 됩니다.
Step 3: 스튜디오 열기
터미널에 npm run dev를 입력하면 브라우저에서 미리보기 화면이 뜹니다. 여기서 만든 영상을 실시간으로 확인할 수 있어요.
설치는 처음에만 하면 됩니다. 다음부터는 VS Code 열고 바로 시작하면 돼요.
핵심 워크플로우: 기획 → 구성안 → 수정 → 렌더링
1. 기획 의도 말하기
바로 “영상 만들어줘”가 아니라, 기획부터 Claude한테 시키는 게 포인트입니다.
위너책쓰기 31기 모집 홍보 15초 영상을 만들려고 해.
1080x1920 세로형. 다크 배경.
7주 만에 전자책 출간하는 프로그램이야. 지금까지 150권 나왔어.
씬 구성안 만들어줘.이렇게 하면 Claude가 씬 구성안을 제안해줍니다.
2. 구성안 수정하기
“두 번째 씬에 숫자 카운트업 넣어줘” 이런 식으로 대화하듯 다듬으면 돼요. 구성안이 마음에 들면 “이 구성안으로 영상 만들어줘”라고 하면 됩니다.
3. 수정하기 (여기서부터가 진짜)
첫 결과가 바로 완벽하진 않아요. 대화하듯이 조금씩 다듬어가는 게 핵심입니다.
- “글씨가 너무 작아. 더 키워줘”
- “이 장면 너무 짧아. 1초 더 늘려줘”
- “배경에 반짝이 효과 넣어줘”
- “음악 넣어줘. 페이드인/아웃으로”
한 번에 완벽하게 시키려고 하지 마세요. 디자이너한테 피드백 주듯이 조금씩 다듬는 게 훨씬 좋은 결과가 나옵니다.
4. 렌더링
Claude에게 “렌더링해줘”라고 하면 끝. 15초 영상 기준 1~2분이면 MP4 파일이 나옵니다.
퀄리티 확 올리는 꿀팁
처음 결과가 밋밋할 때, 이것만 추가해보세요.
| Claude에게 이렇게 말하세요 | 효과 |
|---|---|
| ”배경에 반짝이 파티클 넣어줘” | 고급스러운 느낌 |
| ”BGM 넣어줘. 페이드인/아웃으로” | 영상이 확 살아남 |
| ”장면 전환 fade 효과 넣어줘” | 매끄러운 흐름 |
| ”글씨가 통통 튀면서 등장하게” | 역동적인 느낌 |
| ”숫자가 올라가는 카운트업 효과” | 임팩트 |
스튜디오 사이드바 활용
Claude에게 “문구나 글씨 크기, 장면 길이를 스튜디오에서 직접 조절할 수 있게 만들어줘”라고 하면 슬라이더가 생겨요. 글씨 크기를 이리저리 바꿔보고 “아 이 정도가 딱이다” 싶으면 Claude에게 정확한 수치를 요청하면 됩니다.
템플릿 재활용
한 번 만든 영상은 텍스트만 바꿔서 새 영상으로 재생산할 수 있어요. 예를 들어 31기 홍보를 32기용으로 바꾸려면 “텍스트만 32기로 바꿔줘”하면 끝입니다.
정리
확 뛰어난 퀄리티는 아니지만, 홍보 영상이나 인트로 같은 걸 빠르게 만들고 싶을 때 정말 유용합니다. 코딩을 아예 몰라도 이 정도까지 만들 수 있고, 앞으로 AI 스킬들이 더 나오면 퀄리티도 점점 좋아질 거예요.
코드로 영상을 만드는 방식이 아직은 생소하실 수 있는데, 한 번 해보시면 “이거 꽤 재밌는데?” 하실 거예요. 가볍게 시작해보시면 좋겠습니다!
궁금한 점 있으시면 유튜브 영상에 댓글로 남겨주세요.^^
관련 콘텐츠
Claude 3.5 Sonnet 무료 활용법, 챗GPT보다 좋았던 것들만 모아봤어요
Claude 3.5 Sonnet을 무료로 사용하는 방법과 챗GPT보다 특히 좋았던 활용 분야를 정리했습니다. 글쓰기, PDF 분석, 엑셀 도표, 프로그램 개발까지.
AI 활용법구글 AI 스튜디오 바이브코딩으로 로그인까지 되는 앱 무료로 만들기 (초보자 가이드)
구글 AI 스튜디오가 풀스택으로 업그레이드되면서 로그인, 데이터베이스까지 갖춘 앱을 무료로 만들 수 있게 됐습니다. 기획부터 배포까지 5단계 바이브코딩 과정을 초보자도 따라 할 수 있게 정리했습니다.
AI 활용법구글 Flow로 AI 감성 영상 만들기 - Whisk, ImageFX 통합 업데이트 총정리
구글 영상 플랫폼 Flow가 Whisk와 ImageFX를 통합하면서 이미지와 영상을 한 곳에서 만들 수 있게 됐습니다. Nanobanana 모델로 캐릭터를 만들고 스토리형 영상까지 제작하는 과정을 정리했습니다.
매주 메일로 정성껏 보내드릴게요
현장에서 검증한 AI 활용법, 콘텐츠 노하우
를 가장 먼저 받아보세요