## 소개
클로드 디자인 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
