motion-piece — 그래픽은 코드로, 푸티지는 필요한 곳에만은(는) 무엇을 하나요?
Claude Motion 튜토리얼의 핵심 교훈: 생성된 클립 + 편집 가능한 코드 그래픽은 망가진 샷만 재생성하면 되고, 전체 영상을 다시 만들 필요가 없다는 것입니다. 코드 그래픽은 크레딧이 0이고 몇 초 만에 변경됩니다. AI 스타트업은 SaaS 및 런칭 영상을 가장 많이 요청합니다.
일반적으로 효과적인 접근법 (사용자 취향에 맞게 조정)
- "모션 그래픽"은 보통 키네틱 타입 + UI + 지속적인 움직임을 의미하며, 추상적인 파티클이 아닙니다.
- 캐릭터와 스토리는 종종 타입만으로 전달하는 것보다 효과적입니다. 런칭 영상의 경우, 상황이 맞다면 작은 인간적인 순간을 넣으세요.
- 화면에 텍스트는 적게; 모든 단어는 크고, 짧고, 명확하게.
- 실제 제품 단어만 사용하세요 (예: 노트 앱의 경우 빠른 캡처, 검색, 공유 노트북, 오프라인 동기화). 절대 기능을 지어내지 마세요.
- 계획 전에
~/.claude/skills/taste/taste.md를 읽으세요.
기본 Claude 스타일을 만들지 마세요
코드로 만든 모션 영상들은 어디서나 비슷해지고 있습니다: 선 위로 떠오르는 마스킹 텍스트, 부드러운 발광 오브, 스프링 팝인, 유리 카드, 그라데이션 단어, 같은 이징. 어떤 프레임이 누군가의 Claude 영상에서 나온 것처럼 보인다면 바꾸세요. 제작 전:
- 기본값이 아닌 사용자의 작업에서 시작하세요.
style.md, 브랜드 파일, 사용자가 과거에 만든 필름(리소 그레인, 회화적 터치, 16mm 게이트, HD 픽셀 아트, 컷 페이퍼 등)에서 스타일을 가져오세요. 새로운 효과를 만들기 전에 사용자가 이미 사용한 효과를 재사용하세요. - 음악을 우선하세요.
sound-pass(사용자 자신의 음악 우선)에서 트랙을 가져와 모든 큰 움직임을 비트(beats.json)에 맞추세요. 음악이 코드가 아닌 속도를 결정합니다. - 이 필름을 위해 1~2개의 시그니처 무브를 고르고 다른 것은 사용하지 마세요; 위의 기본 무브는 브랜드가 필요로 하지 않는 한 금지합니다.
- 오픈소스 효과 사용: 브러시 스트로크(p5.brush), 파티클(tsParticles), 셰이더 전환(gl-transitions / xfade-easing), 애니메이션 텍스트(moving-letters). 명확한 라이선스(MIT/Apache/CC0)가 있고 코드를 읽은 경우에만; 다운로드한 코드를 맹목적으로 실행하지 말고; 라이선스가 요청하는 곳에 저자를 표시하세요.
0단계 — 항상 사용자에게 먼저 물어보세요
계획 전에 ~/.claude/skills/taste/intake.md로 인테이크를 실행하세요: 브랜드, 폰트, 색상, 참고 자료, 선호도, 음악, 효과. 각 항목은 "건너뛰기" 가능합니다.
1단계 — 비트 계획하기
길이(기본 1530초), 화면비(16:9; 릴/쇼츠는 9:16; 피드는 1:1), 47개의 비트를 결정합니다: 훅 → 무엇인지 → 어떻게 작동하는지 (2~3개의 제품 순간) → 증거 또는 보상 → 로고/CTA. 각 비트는 어떤 부분이 코드(타입, UI, 카운터, 차트, 전환, 로고)이고 어떤 부분이 필요하다면 푸티지(사람, 실제 장소, 물리적 제품 샷)인지 명시합니다.
기본값은 전체 코드입니다. 비트에 실제 인간이나 물리적 순간이 필요한 경우에만 푸티지를 추가하세요. 푸티지 클립은 팩토리(asset-sheet → kling-prompt)에서 가져오며, 음소거되고, 각각 3~5초입니다.
계획을 한 장의 짧은 카드("만들기" / "변경하기")와 함께 영상의 크레딧 비용(전체 코드면 0)을 사용자에게 보여주세요.
2단계 — Claude Motion 필름으로 제작하기
- Motion 아티팩트 타입(Artifact 도구의
quickstart나 타입 목록으로 찾기)으로 Motion 아티팩트를 시작하고, 실제title(필름 이름)과auto_open: "after_first_write"를 설정하세요. 그런 다음 create 결과가 전달하는 지침을 따르세요 — 그것이 Motion 필름이 채워지는 방식(스토어 문서, 씬 모듈, 에셋, 스코어)과 거부하는 것(기존 노래, 다른 회사의 로고나 독점 디자인, 알려진 캐릭터 없음)에 대한 권위입니다. - 첫 번째 단계에서 스타일 / 색상 / 길이를 묻습니다. 인테이크(0단계)에서 이미 답변했다면 그 답변을 사용하고, 그렇지 않으면 Motion 타입이 질문하도록 하세요.
- 브랜드: 사용자가 해당 회사를 소유하거나 일하거나 브랜드 키트를 가지고 있는 경우에만 회사의 실제 색상, 폰트, 로고를 사용하세요.
- 푸티지: 각 클립을 필름에 비디오 에셋으로 업로드하세요(mp4, 작게 — 음소거된 삽입에는 480p/720p로 충분). 클립은 음소거로 재생되며 필름의 스코어는 코드로 구성됩니다.
3단계 — 리뷰
Motion 필름은 스크러빙 및 댓글 기능이 있는 자체 페이지를 가집니다. 사용자의 결정을 위해, 타입의 도구가 허용하는 경우에만 완성된 필름을 MP4로 내보내거나 녹화하고, 그렇지 않으면 필름 링크("시청 후 결정하세요")와 함께 배송 / 변경하기를 보내세요. 선택적으로 리뷰 페이지에 표시할 수 있습니다(~/.claude/skills/taste/desk.md 참조). 변경 사항은 한 줄 이유나 필름 타임라인의 댓글로 돌아옵니다; 언급된 부분만 수정하세요.
Motion이 적합하지 않은 경우
- 내레이션, 립싱크 또는 실제 대화 오디오가 필요한 경우 → Motion에서 그래픽을 제작하고, 내보낸 후
rough-cut(또는 일반 코드 파이프라인:index.html+render.mjs→ MP4)에서 VO와 함께 조립하세요. - 약 60초보다 길거나 Premiere에서 추가 편집이 필요한 경우 → Motion에서 MP4로 내보내고 Premiere에서 편집; 오버레이를 별도 레이어로 원할 경우 → 코드 파이프라인에서 투명 ProRes로 내보내세요.
- 튜토리얼에서 After Effects 및 Blender로의 내보내기를 보여줬지만, 여기서는 확인된 Motion 기능이 아닙니다 — 약속하지 마세요.
수정
작동하는 것은 고정하고, 사용자가 지명한 것만 변경하세요. 기존 계획/파일을 유지하고, 지명된 부분만 편집하세요 (예: "그레인 더 강하게", "모든 비주얼에 하나의 스타일", "텍스트가 더 튀게", "템포 더 빠르게"), 사용자가 보낸 새 참고 자료를 추가하고, 다시 렌더링하세요. 메모 하나 때문에 처음부터 다시 만들지 마세요.
절대 하지 말 것
- 사용자가 해당 회사에서 일하거나 그 회사의 브랜드 키트를 가지고 있지 않은 한, 다른 회사의 로고, UI 또는 독점 디자인을 절대 사용하지 마세요.
- 실제 노래를 스코어로 절대 사용하지 마세요.
- 푸티지 안에 AI 생성 텍스트를 절대 넣지 마세요 — 모든 텍스트는 코드입니다.