클로드 모션 + Gemini, 100% 무료로 가볍게 시작하기 (2026.11 최신 가이드)
예제 파일 · 보충 자료1
📌 관련 링크 (구글 계정으로 무료 가입 후 진행합니다)
- Claude (구글 계정으로 무료 가입 가능)
ClaudeClaude is Anthropic's AI, built for problem solvers. Tackle complex challenges, analyze data, write code, and think through your hardest work.HTTPS://CLAUDE.AI - 구글 AI 스튜디오
Google AI StudioThe fastest path from prompt to production with Geminihttps://aistudio.google.com/ - 구글 Gemini
Google Gemini구글 Gemini 바로가기https://gemini.google.com/
1. AI 스튜디오 - 대본 만들기
- 모델 : Gemini 3.8 Flash(무료 최신 모델을 선택합니다. Gemini 업데이트에 따라 모델은 달라질 수 있습니다.)
- 필요한 대본을 요청합니다.
달의 모양이 왜 바뀌는지 초등학생, 중학생에게 알려주는 모션그래픽 영상을 제작하려고 합니다. 30초 가량의 대본을 작성해주세요. -- 중학생 대상으로 원주율을 구하는 방법을 설명하는 모션그래픽 영상을 제작하려고 합니다. 30초 가량의 대본을 작성해주세요.
2. AI 스튜디오 - 나래이션 & SRT 파일 만들기
- Audio 모델에서 가장 최신의 TTS 모델을 선택합니다. (26년 11월 기준 3.8 Flash TTS)
- 밝은 나래이션 톤 추천 프롬프트
Bright, sunny, welcoming morning greeting with a subtle vocal smile and crisp pacing - 힘있는 나래이션 톤 추천 프롬프트
Confident, efficient, and encouraging wrap-up with clear articulation - 다운받은 wav 파일을 Gemini 3.8 Flash 에 붙여넣은 후, SRT 파일을 준비합니다.
3. Gemini - 배경음악 만들기
- Gemini 에서 [음악 만들기]를 선택한 후, 원하는 스타일의 배경음악을 제작합니다.
- 길이는 짧게, 보컬 없는 연주곡으로 생성
예) 원주율을 구하는 방법이라는 설명 영상에 사용할 중고등학교 흥미롭고 재미있는 피치카토 현악.
4. 클로드 - 모션그래픽 만들기
- 아래 프롬프트를 붙여넣은 후, 실행하면 모션그래픽이 완성됩니다!예시) claude.ai/artifact/1BdWb7EbBMv6GUq6LivE5K
첨부한 음성 파일(mp3·wav)과 자막 파일(SRT)은 제 내레이션입니다.
이 내레이션 기반 설명 애니메이션을 만들어 주세요.
■ 내용: [★ 원주율을 구하는 방법]
■ 길이·화면: 내레이션 길이 + 1초 / 16:9
■ 소리 및 배경음악 : 첨부한 음성파일과 배경음악 MP3를 활용합니다.
■ 스타일 : 스타일은 클로드에 위임하겠습니다. 최고의 퀄리티를 보여줄 수 있는 스타일로 생성하세요.
■ 만드는 방법: HTML 파일 하나로 된 애니메이션 아티팩트
- GSAP는 cdnjs에서 불러오고, 모든 움직임은 타임라인 하나로
- 아래에 재생 · 처음부터 · 진행 막대 · 「녹화 모드」(막대를 숨기고 처음부터 한 번 재생) 단추
- 소리와 그림이 어긋나지 않게 gsap.ticker.lagSmoothing(0)
- 한글 글꼴: 구글 폰트 Black Han Sans(제목) · Noto Sans KR(본문) — 못 불러오면 굵은 기본 글꼴로
- 코드는 400줄 안으로 간결하게
먼저 문장마다 어떤 그림이 나올지 표로 보여 주고, 제가 확인하면 만들어 주세요.5. 완성된 자료 녹화하기
- Win + Shift + R 을 눌러 윈도우 녹화를 켭니다.
- 녹화한 영상은 ClipChamp 또는 Google Vid 에서 앞/뒤만 잘라내면 영상이 완성됩니다.
5. 클로드를 활용한 또 다른 모션그래픽 사례
회사 프레젠테이션 자료 만들기
예제) claude.ai/artifact/R3Wvdudw8t9YryzEhUj4dx
(단위 : 백만원)
매장 7월 8월 9월 7월 대비
강남역점 192 194 195 1.54%
홍대점 171 168 166 -3.01%
성수점 158 183 206 23.30%
여의도점 149 148 147 -1.36%
판교점 144 152 161 10.56%
잠실점 136 138 139 2.16%
광화문점 121 120 118 -2.54%
해운대점 105 131 128 17.97%
전체 합계 1,176 1,234 1,260 6.67%
---
이 내용으로 9월 매장별 매출 현황 발표하려고 합니다.
발표 영상에 사용할 30초 가량의 내레이션 대본을 써 주세요.첨부한 음성 파일(mp3·wav)과 자막 파일(SRT)은 제 내레이션입니다.
이 내레이션 기반 설명 애니메이션을 만들어 주세요.
■ 내용: [두두커피 9월 매장별 매출 현황 보고]
■ 데이터: [엑셀 파일 첨부 또는 데이터 복붙]
■ 길이·화면: 내레이션 길이 + 1초 / 16:9
■ 소리 및 배경음악 : 첨부한 음성파일과 배경음악 MP3를 활용합니다.
■ 스타일 : 흰색 배경에 고급스러운 민트그린 강조색을 활용한 기업IR 프레젠테이션 스타일
■ 만드는 방법: HTML 파일 하나로 된 애니메이션 아티팩트
- GSAP는 cdnjs에서 불러오고, 모든 움직임은 타임라인 하나로
- 아래에 재생 · 처음부터 · 진행 막대 · 「녹화 모드」(막대를 숨기고 처음부터 한 번 재생) 단추
- 소리와 그림이 어긋나지 않게 gsap.ticker.lagSmoothing(0)
- 한글 글꼴: 구글 폰트 Black Han Sans(제목) · Noto Sans KR(본문) — 못 불러오면 굵은 기본 글꼴로
- 코드는 400줄 안으로 간결하게
먼저 문장마다 어떤 그림이 나올지 표로 보여 주고, 제가 확인하면 만들어 주세요.복스(Vox) 스타일 결혼식 소개 영상 만들기
claude.ai/artifact/EwHVwkx9CY25Gx3EFEEc9E
아래 대본으로 복스(Vox) 설명 영상풍 종이 콜라주 영상을 만들려고 합니다.
필요한 그림 목록을 정하고, 그림마다 구글 AI 스튜디오 이미지 생성에 넣을 영어 프롬프트를 써 주세요.
- 그림은 8~9장: 배경 사진(장소 · 16:9)과 오려 붙일 그림(인물 · 물건)
- 오려 붙일 그림은 끝에 「isolated on a perfectly flat, uniform pure chroma-key green background (#00FF00) with no shadow」를 붙이기 — 나중에 초록을 빼서 오린다 · 옷과 물건에는 초록을 쓰지 않습니다.
- 같은 사람이 여러 장에 나오면 인물 사진을 먼저 만들고, 다음 장면은 그 사진을 기준 그림으로 함께 넣어 같은 얼굴로 생성합니다.
- 모두 사진풍(editorial photograph, 35mm film look) · 그림 안에 글자 · 간판 · 로고 없이
- 표로: 파일 이름 · 어느 문장 · 배경/오리기 · 기준 그림 · 영어 프롬프트
■ 대본 :
우리 커플은 카페에서 처음 만났어요.
제가 음료를 마시고 있는데, 한 남자가 다가와 물었어요.
"혹시… 하늘 좋아하세요?"
그 엉뚱한 한마디에서, 우리 인연이 시작됐어요.
그리고 지금, 저는 결혼식장에서 그 사람과 반지를 나눠 끼고 있네요.
"한우 먹고 싶으면, 언제든 맘껏 사 줄게."
그렇게 말해 준 남편과, 행복한 결혼 생활을 하고 있습니다첨부한 음성 파일(mp3·wav)과 자막 파일(SRT)은 제 내레이션이고 첨부한 그림들은 이 영상에 쓸 사진입니다.
이 내레이션 기반 복스(Vox) 스타일 모션그래픽을 만들어 주세요.
■ 내용: [우리 커플의 결혼 스토리]
■ 길이·화면: 내레이션 길이 + 1초 / 16:9
■ 그림: 첨부한 그림을 파일 이름의 쓰임대로 오려 붙입니다. 초록 바탕 그림은 코드(캔버스)로 초록을 투명하게 빼고 흰 테두리 스티커로 넣습니다.
■ 소리 및 배경음악 : 첨부한 음성파일과 배경음악 MP3를 활용합니다.
■ 스타일 : 복스(Vox) 설명 영상풍 종이 콜라주
■ 만드는 방법: HTML 파일 하나로 된 애니메이션 아티팩트
- GSAP는 cdnjs에서 불러오고, 모든 움직임은 타임라인 하나로
- 아래에 재생 · 처음부터 · 진행 막대 · 「녹화 모드」(막대를 숨기고 처음부터 한 번 재생) 단추
- 소리와 그림이 어긋나지 않게 gsap.ticker.lagSmoothing(0)
- 한글 글꼴: 구글 폰트 Black Han Sans(제목) · Noto Sans KR(본문) — 못 불러오면 굵은 기본 글꼴로
- 코드는 400줄 안으로 간결하게
먼저 문장마다 어떤 그림이 나올지 표로 보여 주고, 제가 확인하면 만들어 주세요.
