## 소개
클로드 디자인 23기로 함께하고 있습니다.
## 시도하고자 했던 것과 그 이유
유튜브에 PPT 모핑으로 슬라이드에 애니메이션을 주는 영상들이 있습니다. 연도 숫자가 슬롯머신처럼 촤르륵 돌아가고, 인물 카드가 스르륵 커지는 영상들이요. 이런 영상 7편의 조회수를 합치면 500만이 넘습니다. 사람들이 이런 움직임을 좋아한다는 뜻이죠.
그래서 해봤습니다.
1. 따라 하기 — 그 영상 7편을 실제로 프레임 단위로 쪼개서 움직임을 재고, 클로드 디자인에 줄 "모션 설명서" 만들기
2. 써먹기 — 그 설명서로 제 사이트([seoncoder.com](https://seoncoder.com))의 고객 방문용 구글 디멘드젠 광고 소재 만들기
## 결과부터 보여드립니다
만든 소재입니다. 디멘드젠은 지면마다 비율이 달라서, 가로·세로·정방형을 한 벌로 만들었습니다.
가로형 (16:9)
- 소재 1 (13초): https://youtu.be/Ej54On2Pjyk
- 소재 2 (8초): https://youtu.be/cppU3KiCCNE
- 소재 3 (14초): https://youtu.be/-ZynKCrWA4k
- 소재 4 (6초): https://youtu.be/qisE1EduYbo
세로·정방형
- 3:4 (6초): https://youtube.com/shorts/8rktnewBNWg
- 1:1 (6초): https://youtube.com/shorts/PwqF1LI7reg
이제 어떻게 만들었는지 순서대로 말씀드릴게요.
## 진행 방법
전체 흐름은 4단계입니다.
```
1단계. 클로드 코드 : 유튜브 영상을 쪼개서 움직임을 잰다 → 모션 설명서 7개
2단계. 클로드 웹 : 내 사이트를 분석시키고 광고를 기획한다
3단계. 클로드 디자인: 모션 설명서 + 광고 카피를 넣어 소재를 만든다
4단계. 화면 녹화 → 캡컷 편집 → 유튜브 업로드
```
### 1단계. 영상을 쪼개서 움직임을 잰다
시작할 때 클로드 코드에 넣은 핵심 프롬프트입니다. 지시는 두 줄이 전부이고, 분석할 영상 목록과 함께 원 사례글(링크는 맨 아래 '도움 받은 글')을 붙여넣었습니다.
```
아래 사례글을 직접 실습해보고 싶어. 영상을 하나만 샘플로 선정해서 유튜브 영상을
프레임 단위로 분석하고, 클로드 디자인에 줄 모션 프롬프트를 만드는 실습을 해보자.
[분석 대상 샘플 영상 7편]
https://www.youtube.com/watch?v=bsnDyMHrYOU
https://www.youtube.com/watch?v=XtW3Rm3Klkw
https://www.youtube.com/shorts/ZotoANMTxRg
https://www.youtube.com/shorts/I7k6JmjjWGU
https://www.youtube.com/shorts/dQc-TS6nNuc
https://www.youtube.com/watch?v=6bLNJB-f0Ek
https://www.youtube.com/shorts/6mGhpPTn4Fs
(이 아래에 원 사례글 본문을 통째로 붙여넣었습니다)
```
한 편이 끝난 걸 확인한 뒤에는 이렇게만 말했습니다.
```
나머지 6편도 같은 방식으로 하고 각각 프롬프트 만들어줘
```
이 프롬프트를 받은 클로드 코드가 하는 일은 이렇습니다. 영상은 1초에 사진 24장이 연속으로 넘어가는 것입니다. 그래서 영상을 사진 수백 장으로 쪼개서 "연도 숫자가 이번 장에서 몇 픽셀 움직였나"를 장마다 재면, 움직임의 정체가 숫자로 드러납니다.
재면 두 가지가 나옵니다.
- 얼마나 오래 움직이나 — 예: 0.68초
- 어떤 리듬으로 움직이나 — 예: 시작하자마자 확 빨라졌다가, 뒤의 절반 동안 살살 눌러 담듯 멈춤
이 "리듬"은 cubic-bezier(0.33, 0.26, 0.38, 0.88) 같은 숫자 네 개로 적히는데, 외울 필요 없습니다. 이 네 숫자가 곧 그 영상의 손맛이고, 클로드 디자인에 그대로 주면 손맛이 재현된다 — 이것만 기억하시면 됩니다.
[이미지 1 — 측정 그래프: 영상에서 측정한 데이터 점들 위에 곡선이 정확히 겹쳐진 차트]
첫 한 편으로 방법을 잡고, 나머지 6편은 클로드 코드가 같은 방법으로 알아서 재게 했습니다. 7편을 재보니 이랬습니다.
| 눈에 보이는 움직임 | 재보니 실제 정체는 | 시간 |
|---|---|---|
| 연도가 슬롯머신처럼 돌아감 | 숫자 기둥이 위아래로 미끄러짐 | 0.68초 |
| 글자 속으로 화면이 빨려 들어감 | 글자 구멍 뚫린 검은 판이 17.7배 커짐 (사진은 정지) | 2.1초 |
| 인물 카드 하나가 커짐 | 카드가 제자리에서 옆으로만 늘어남 | 0.37초 |
| 신제품이 스르륵 등장 | 색 패널 뒤에 숨겨놨다 밀어 꺼냄 | 0.5초 |
| 폰 화면 속으로 들어감 | 폰이 90° 돌며 3.6배 확대 | 0.74초 |
재보고 알게 된 것 두 가지.
- 7편이 전부 거의 같은 리듬입니다. "바로 빨라지고, 길게 감속." 흔히 쓰는 "천천히 시작해 천천히 끝나는" 리듬은 7편 어디에도 없었습니다. 통념과 정반대였어요.
- 하지만 시간은 제각각입니다. 0.37초~2.1초. "모핑은 0.5초" 같은 만능 숫자는 없고, 멀리 움직일수록 오래 걸립니다.
이렇게 영상마다 "모션 설명서"를 하나씩, 총 7개 만들었습니다. 대표로 하나만 붙입니다. 길지만 다 읽지 않으셔도 됩니다. "부드럽게" 한 마디 대신 이만큼 구체적으로 적어야 재현된다는 것만 봐주세요.
```
### 2단계. 사이트 분석 + 광고 기획
모션 설명서를 클로드 웹으로 가져가서, 먼저 제 사이트를 분석시키고 그 위에 광고 기획을 얹었습니다.
```
https://seoncoder.com 사이트를 분석해줘.
어떤 서비스인지, 핵심 고객이 누구인지, 방문을 유도하려면 어떤 메시지가 후킹이 될지 정리해줘.
그다음, 아래 모션 프롬프트를 참고해서 구글 디멘드젠(고객 방문 목표) 광고 소재를 기획해줘.
- 소재별로 어떤 모션 패턴이 어울리는지
(내용이 순서라면 연도 슬롯머신, 여럿 중 하나 강조라면 카드 확대,
전체에서 부분으로 들어가는 얘기라면 줌 계열)
- 각 소재의 카피와 장면 구성
[모션 프롬프트 붙여넣기]
```
포인트는 모션을 "예쁜 것" 순이 아니라 내용의 구조로 고르게 한 것입니다. 내용이 순서인지, 여럿 중 하나를 강조하는지, 전체에서 부분으로 들어가는지에 따라 어울리는 움직임이 정해진다 — 원 사례글의 핵심 통찰입니다.
### 3단계. 클로드 디자인에서 소재 만들기
기획이 나오면 클로드 디자인에 모션 설명서를 붙여넣고, 설명서 속 [여기에 데이터] 자리에 광고 카피를 채웁니다. 그게 전부입니다. 움직임 숫자는 하나도 안 건드렸습니다. 첫 결과물이 나온 뒤에는 대화로 수정을 반복하며 완성도를 올렸습니다.
컴퓨터에 설치된 한국어 앱의 스크린샷
[이미지 2 — 클로드 디자인 작업 화면]
### 4단계. 영상으로 만들기
여기서 복병을 만났습니다. 클로드 디자인은 mp4 다운로드가 안 됩니다. 광고 소재는 결국 영상 파일이 필요한데 말이죠. 그래서 완성된 화면을 재생하면서 화면 녹화를 하고, 캡컷에서 컷 편집으로 다듬어 위의 6편을 만들었습니다.
어도비 프리미어 프로 HTML 편집기
[이미지 3 — 캡컷 편집 화면 또는 완성 소재 한 장면]
## 결과와 배운 점
### 배운 점과 나만의 꿀팁
- "부드럽게"는 지시가 아닙니다. 뭐가 / 어디서 어디로 / 몇 초 / 어떤 리듬 / 어떤 순서 — 다섯 칸을 숫자로 채워야 원본의 느낌이 납니다. 비워두면 AI가 자기 기본값으로 채우는데, 그 기본값이 "어딘가 밋밋함"의 정체였습니다.
- 모션 설명서는 한 번 만들면 계속 쓰는 자산입니다. 소재 6편을 만드는 동안 움직임은 그대로 두고 카피만 갈아 끼웠습니다. 소재 제작이 "디자인 고민"에서 "빈칸 채우기"로 바뀐 게 가장 큰 소득입니다.
- 꿀팁 1: 검증 체크리스트를 같이 주세요. 설명서 끝에 "만들고 나서 이 4가지를 스스로 확인해라"를 붙이니 수정 왕복이 확 줄었습니다.
- 꿀팁 2: 원하는 기본 상태는 문장으로 적으세요. "자동재생 없음, 클릭으로만 진행"처럼요. 안 적으면 AI가 알아서 자동재생을 켜 두는 식의 서프라이즈가 생깁니다.
### 시행착오
- mp4 내보내기 불가 → 화면 녹화 + 캡컷으로 우회. 영상 파일이 최종 목표라면 이 후처리를 처음부터 계획에 넣으세요.
- 소문과 실제가 달랐습니다. "이 영상은 연도 슬롯머신 패턴"이라고 알고 갔는데 재보니 전혀 다른 움직임이었던 게 7편 중 3편. 알려진 정보 말고 실측을 믿어야 했습니다.
- 어떤 영상은 완성본이 화면 캡처가 아니라 모니터를 카메라로 찍은 것이라 측정이 훨씬 어려웠습니다. 비스듬한 화면의 좌표를 반듯하게 펴서 복원하는 방식으로 해결했습니다.
### 도움이 필요한 부분
- 이미지 소재 고민이 남았습니다. 움직임은 숫자로 잡았는데, 결국 그 안에 들어가는 사진·비주얼의 퀄리티가 소재의 인상을 좌우하더라고요. 디멘드젠용 이미지를 고르거나 만드는 기준, 경험자분들의 조언을 듣고 싶습니다.
- 클로드 디자인 결과물을 영상 파일로 뽑는 더 좋은 방법이 있다면 공유 부탁드립니다.
### 앞으로의 계획
- 초안은 나왔으니 이미지 소재를 보강해 완성도를 올릴 계획입니다.
- 다른 모션 패턴(제품 스왑, 카드 확대 등)으로 변형 소재를 늘려 디멘드젠에서 A/B 테스트를 돌려보려 합니다.
## 도움 받은 글
- 원 사례글: 「조회수 500만 PPT 모핑 영상을 프레임 단위로 재서 클로드 디자인에 시켜봤습니다 (6개 중 5개 성공)」 —
- 원 사례글 저자의 스킬 저장소: https://github.com/mincheol10007/slide-motion-skill
