가이드 · 2026년 10월 10일 업데이트

Claude로 애니메이션 만드는 방법

Claude는 여러 방법으로 애니메이션을 작성할 수 있습니다. 어떤 방법이 맞는지는 영상 파일이 필요한지, 어떤 요금제를 쓰는지에 따라 달라집니다.

1. 애니메이션 아티팩트 요청하기

어떤 요금제에서든 채팅에서 Claude에게 애니메이션이 있는 HTML 또는 SVG 아티팩트를 요청할 수 있습니다. 대화 옆에 표시되고 브라우저에서 재생됩니다. 빠르게 시각 자료를 만들 때 좋습니다. 한계는 웹 페이지일 뿐 영상 파일이 아니고, 타임라인도 없다는 점입니다.

2. 워크스페이스에 있다면 Motion 사용하기

Motion은 Team과 Enterprise용으로 Anthropic이 제공하는 베타 기능으로, Claude 안에서 편집 가능한 애니메이션 설명 영상을 만들고 MP4로 내보낼 수 있습니다.

3. 렌더러와 함께 Claude Code 사용하기

Pro와 Max에 포함된 Claude Code는 타임라인이 있는 HTML 파일로 전체 애니메이션을 작성할 수 있습니다. 그런 다음 HyperFrames 같은 오픈소스 렌더러가 내 컴퓨터에서 프레임 단위로 캡처해 MP4로 만듭니다.

MotionKit이 패키지로 제공하는 방식이 바로 이 방법입니다. 빈 화면에서 프롬프트를 시작하는 대신, 에이전트가 완성된 스타일과 숫자를 정확하게 유지하는 워크플로에서 출발합니다.

세 가지 방법 모두에 적용되는 팁

길이를 정해 주세요. "30초"처럼 제한하면 모델이 중요한 내용을 직접 골라야 합니다.
바뀌면 안 되는 것을 알려 주세요. "모든 수치는 적힌 그대로 유지해 주세요."
애니메이션을 만들기 전에 스토리보드부터 요청하세요.
장면마다 하나의 아이디어만 담으세요. 한 장면에 문장이 두 개 필요하다면 장면을 둘로 나누세요.

1분 만에 보는 광합성

수업

Chalk Lesson으로 제작. 7개 장면, 전용 이미지 2개.

3분기 이사회 업데이트

보고서

Ledger로 제작. 7개 장면, 전용 이미지 2개.

앱 출시 티저

출시

Kinetic Poster로 제작했습니다. 7개 장면, 직접 그린 이미지 2장.

신입 사원을 위한 보안 기본 수칙

교육

Aubergine으로 제작했습니다. 6개 장면, 직접 그린 이미지 2장.

1분 시드 투자 피칭

피칭

Quiet Keynote로 제작했습니다. 6개 장면, 직접 그린 이미지 2장.

API 릴리스 노트

변경 내역

Terminal로 제작했습니다. 6개 장면, 직접 그린 이미지 2장.

수면이 중요한 이유

설명 영상

Paper Editorial로 제작했습니다. 7개 장면, 직접 그린 이미지 2장.

캐시 레이어의 작동 방식

시스템 설계

Blueprint로 제작했습니다. 6개 장면, 직접 그린 이미지 2장.

콘퍼런스 요약

요약

Sunrise로 제작. 6개 장면, 직접 그린 그림 2점.

가격 변경 설명

고객 안내

Harbor로 제작. 6개 장면, 직접 그린 그림 2점.

내년 채용 계획

계획

Midnight로 제작. 6개 장면, 직접 그린 그림 2점.

팀 회고

회고

Pastel Shapes로 제작. 6개 장면, 직접 그린 그림 2점.

주민 대상 연간 보고

공공 보고서

Newsprint 스타일로 제작. 장면 7개, 전용 그림 2개.

가정 내 재활용

하우투

Botanical 스타일로 제작. 장면 6개, 전용 그림 2개.

게임 업데이트 소개

패치 노트

Neon Night 스타일로 제작. 6개 장면, 직접 그린 그림 2장.

제품 투어: 공유 받은편지함

제품 투어

Clay 스타일로 제작. 6개 장면, 직접 그린 그림 2장.

디자인 리뷰: 새 패키지

디자인 리뷰

Riso Print 스타일로 제작. 6개 장면, 직접 그린 그림 2장.

시장 진출: 진행 또는 보류

전략

Boardroom 스타일로 제작. 7개 장면, 직접 그린 그림 2장.

브랜드 스토리: 찻집

브랜드 스토리

Ink Brush 스타일로 제작. 6개 장면, 직접 그린 그림 2장.