CLAUDE MOTION STYLES · 30

Claude 모션
스타일 도감

Claude로 직접 만든 모션그래픽 스타일 30종입니다. 원본 영상을 만든 렌더 코드를 그대로 돌려서 보여드려요. 느리게 돌려 보고, 프롬프트를 복사하고, 내 문구로 바꿔 쓰세요.

01 키네틱 타이포그래피

스타일 30종

카드를 누르면 느리게 돌려 보고 프롬프트를 가져갈 수 있어요. + 담기로 여러 개를 고르면 장면마다 다른 스타일을 쓰는 프롬프트로 묶어 드립니다.

처음이라면 스타일 하나로 6초짜리 영상부터 만들어 보세요. 결과를 보고 문구·색·움직임을 한 가지씩 바꾸면 무엇이 달라졌는지 보기 편합니다.

먼저 화면을 볼 때

Claude 웹이나 앱의 채팅에서 요청합니다. 움직이는 웹 화면(아티팩트)으로 먼저 보고 고치기 좋습니다. MP4 파일까지 받는 것은 환경에 따라 다르니, 실제로 내려받아 재생되는지 확인하세요.

코딩을 잘 모르는 초보자야. 아래 내용을 움직이는 웹 화면으로 만들어줘.
설명이나 코드만 보여주지 말고, 지금 환경에서 실행 가능한 미리보기 또는 HTML 파일로 만들어줘.
먼저 스타일 하나로 6초짜리 화면을 만들고, 중요한 문구가 충분히 멈춰 읽히게 해줘.

MP4까지 만들 때

데스크톱 앱의 Code 탭에서 작업 폴더를 고르고 요청합니다. 파일을 만들고 실행할 수 있어서 미리보기부터 MP4 렌더까지 한 대화에서 진행할 수 있어요. 로고·음원은 작업 폴더에 넣어 두세요.

이 폴더에서 처음 모션그래픽을 만들어볼 거야.
6초짜리 세로 미리보기를 먼저 만들고, 그다음 MP4 영상으로 받아보려고 해.
지금 환경에서 만들 수 있는지 먼저 확인하고, 준비가 더 필요하면 내가 할 일을 쉬운 말로 알려줘.

코드만 나왔을 때

지금 결과를 어디에서 재생해볼 수 있는지 알려줘.
미리보기 링크나 HTML 파일을 제공하고, 초보자도 따라 할 수 있게 여는 방법을 설명해줘.

글자가 작거나 잘릴 때

색과 전체 구도는 유지해줘.
제목이 너무 작으니 더 크게 만들고, 등장 뒤에는 멈춰 읽을 시간을 늘려줘.
한글이 깨지거나 화면 밖으로 나가는지 미리보기에서 먼저 확인해서 고쳐줘.

MP4로 받을 때

현재 미리보기의 문구·색·타이밍을 유지해서 6초 MP4로 렌더해줘.
1080×1920, 30fps 기준으로 만들고, 완성 파일 경로와 재생 가능한 파일을 알려줘.
렌더 도구가 없거나 실행에 실패하면 영상이 완성됐다고 쓰지 말고, 남은 단계를 알려줘.

꼭 HTML·JavaScript로 만들라고 해야 하나요?

아니요. '원본 템플릿'에 적힌 제작 방식은 이 30종을 만들 때 쓴 방법을 남긴 것입니다. 원하는 결과(길이, 화면비, MP4)를 말하면 제작 방식은 Claude가 지금 환경에 맞춰 고르게 해도 됩니다.

여기 미리보기와 똑같이 나오나요?

같은 프롬프트라도 결과는 매번 조금씩 달라요. 미리보기는 방향을 잡는 레퍼런스로 보고, 결과를 보며 한 가지씩 맞춰 가세요. 미리보기 이미지를 캡처해 함께 첨부하면 구도와 질감을 설명하기 쉬워집니다.

음악에 맞춰 만들려면요?

쓸 음원을 먼저 첨부하고, 시작 시점과 길이를 알려 주세요. 프롬프트의 BPM은 음원이 없을 때 움직임을 계산하는 기준일 뿐이라, 실제 곡이 있으면 곡의 박자로 바꿉니다.

미리보기 속 숫자나 문구를 그대로 써도 되나요?

미리보기의 숫자·지명·문구는 스타일을 보여 주기 위한 예시입니다. 실제 영상에는 확인된 내 자료를 넣어 주세요.