AI & IT · AI 뉴스 ·

클로드로 AI 영상 만들기, Animation Base 설치부터 MP4 제작까지

클로드(Claude)와 Animation Base를 활용하면 짧은 손그림 스타일의 애니메이션을 기획하고 MP4 파일로 제작할 수 있습니다. 다만 Animation Base는 웹에서 클릭만 하면 영상이 완성되는 서비스가 아니라, Claude Code 같은 코딩 에이전트와 함께 사용하는 오픈소스 제작 도구입니다. 설치에 필요한 프로그램부터 영상 출력까지 차례대로 알아보겠습니다.

📌 핵심 요약

  • Animation Base는 p5.js와 p5.brush를 이용해 캐릭터 애니메이션을 만드는 스타터 프로젝트입니다.

  • 실행에는 Node.js, Google Chrome, FFmpeg가 필요합니다.

  • 프로젝트를 내려받아 npm install로 의존성을 설치합니다.

  • 기본 예제는 node render.mjs --clip --out=out/video.mp4로 MP4 출력이 가능합니다.

🎬 Animation Base는 어떤 영상에 적합할까요?

Animation Base는 그림을 한 장씩 생성하는 대신 코드로 움직임을 구성합니다. 특히 캐릭터의 표정과 동작이 살아 있는 2D 만화, 짧은 이야기, 손그림 느낌의 영상에 잘 맞습니다. 기본 프로젝트에는 ‘Clawd’ 캐릭터와 다양한 감정 표현, 카메라·움직임 보조 코드가 포함되어 있습니다.

실사 장면을 자동 생성하거나 일반적인 영상 편집을 대신하는 프로그램은 아닙니다. Claude가 장면을 설계하고 코드를 작성하는 데 도움을 주며, 실제 렌더링은 로컬 컴퓨터의 도구가 수행합니다.

💻 설치 전에 무엇을 준비해야 하나요?

먼저 컴퓨터에 Node.js, Google Chrome, FFmpeg를 준비하세요. 프로젝트를 Git으로 복제하려면 Git도 필요하며, Git 없이 저장소의 ZIP 파일을 내려받아 압축을 풀어도 됩니다. Claude Code를 이용하면 자연어로 장면을 요청하기 편하지만, 저장소 자체는 다른 코딩 에이전트로도 활용할 수 있습니다.

터미널에서 다음과 같이 진행합니다.

git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
cd ClaudeAnimationBase
npm install

설치 과정에서 오류가 발생하면 Node.js 설치 여부와 터미널의 현재 폴더를 먼저 확인하세요. 프로젝트가 사용하는 렌더링 환경에 따라 Chrome 또는 FFmpeg 경로 설정이 추가로 필요할 수 있습니다.

✍️ 클로드에게 장면을 어떻게 요청하나요?

프로젝트 폴더를 Claude Code에서 열고 ANIMATION_GUIDE.md 파일을 먼저 읽도록 요청하세요. 이어서 등장인물, 행동, 길이, 분위기를 구체적으로 설명하면 됩니다.

예를 들어 “ANIMATION_GUIDE.md를 읽고, Clawd가 나비를 쫓는 15초짜리 손그림 애니메이션을 만들어 줘. 코드를 작성하기 전에 스토리보드부터 보여 줘”라고 요청할 수 있습니다. 영상 길이와 동작은 예시이며, 원하는 장면에 맞춰 바꾸면 됩니다.

처음부터 긴 영상을 만들기보다 한 장면을 먼저 완성하세요. 스토리보드에서 동선과 전환을 확정하면 수정해야 할 코드를 줄이는 데 도움이 됩니다.

🖼️ 미리보기부터 MP4 저장까지

image

기본 데모를 확인하려면 Chrome으로 프로젝트의 studio.html을 열어 애니메이션을 미리 봅니다. 예제 MP4를 출력할 때는 아래 명령을 사용합니다.

node render.mjs --clip --out=out/video.mp4

명령이 정상 완료되면 지정한 경로인 out/video.mp4를 확인할 수 있습니다. 새로운 장면을 만들었다면 해당 장면이 프로젝트 구성과 렌더링 설정에 반영되었는지도 확인해야 합니다. 미리보기만 보고 완성됐다고 판단하지 말고, 최종 MP4를 재생해 장면 전환과 움직임을 점검하세요.

⚠️ 제작 시간을 줄이는 실용적인 방법

Animation Base의 수채화 채색 효과는 GPU가 없는 환경에서 프레임 렌더링이 느려질 수 있습니다. 이런 경우 Claude에게 수채화 채색을 줄이고 단순한 평면 색상이나 선화로 바꾸도록 요청해 보세요. 생성한 이미지·음악·캐릭터의 사용 권한도 업로드 전에 별도로 확인하는 것이 좋습니다.

지금 바로 할 일은 Animation Base 프로젝트를 내려받고 npm install을 실행해 기본 데모가 동작하는지 확인하는 것입니다.