AI 모션 그래픽을 만드는 방법은 두 가지입니다. AI 영상 모델에 텍스트를 클립에 입혀 달라고 요청하고 모든 단어의 철자가 맞길 바라는 방법이 있고요. 아니면 OpenArt에서 그림을 만들고 Claude에게 코드로 움직임을 구현하게 할 수도 있습니다. 모든 단어, 색상, 동작을 계속 편집할 수 있어서, 오타 하나도 새로 생성할 필요 없이 한 줄만 고치면 됩니다.
이 가이드는 크리에이터 Mia Meow와 함께한 전체 과정을 따라갑니다. 세 가지 워크플로(움직이는 인스타그램 캐러셀, AI 영상 위에 올리는 그래픽, 코드로 만든 완성형 애니메이션 영상)와 일회성 초기 설정을 다룹니다.
한줄 요약
OpenArt에서 이미지를 만든 다음, Claude가 Remotion으로 코드에서 애니메이션을 입히게 하세요. 한 줄씩 편집할 수 있는 모션 그래픽을 얻을 수 있습니다.
- 텍스트는 코드로 다시 만들어지므로, 헤드라인을 바꿔도 영상을 새로 생성하는 비용이 들지 않습니다.
- Claude는 OpenArt MCP를 통해 여러분의 OpenArt 이미지, 레이어, 보이스오버를 계정에서 바로 가져옵니다.
- Claude Code가 포함된 Claude 데스크톱 앱, Remotion 플러그인, 그리고 OpenArt 계정이 필요합니다. OpenArt MCP는 모든 OpenArt 요금제에서 작동합니다.
AI 모션 그래픽이란?
모션 그래픽은 움직이는 텍스트, 도형, 이미지를 말합니다. 타이틀 카드, 제품 라벨, 애니메이션 소셜 게시물, 영상 자막 같은 것들이죠. AI 모션 그래픽은 AI로 그림이나 움직임, 또는 둘 다를 만듭니다.
두 가지 접근 방식은 매우 다르게 작동합니다:
| 접근 방식 | 작동 방식 | 변경이 필요할 때 일어나는 일 |
|---|---|---|
| 텍스트가 삽입된 AI 영상 | 영상 모델이 텍스트를 그림의 일부로 그려냅니다 | 클립 전체를 다시 생성하고 새 글자가 제대로 나오길 바랍니다 |
| 이미지는 AI로, 모션은 코드로 | OpenArt가 그림을 만들고, Claude가 애니메이션을 코드로 작성합니다 | 한 줄만 바꾸고 다시 내보내면 됩니다 |
이 가이드는 두 번째 방법을 알려줍니다. AI 영상 모델은 인물, 제품, 장면에 뛰어나죠. 코드는 헤드라인 철자를 매번 똑같이 쓰는 데 더 뛰어납니다.
모션 그래픽에 Claude를 사용하는 이유는?
이 워크스루에서 특히 돋보이는 세 가지 이유가 있습니다.
모든 글자를 계속 편집할 수 있습니다. Claude는 보여준 스타일과 폰트에 맞춰 텍스트를 코드로 다시 구성합니다. 단어가 틀려도 간단한 텍스트 편집이면 됩니다.
더 이상 재생성에 돈을 쓰지 않아도 됩니다. 텍스트가 AI 영상 안에 들어 있으면 수정할 때마다 새로 생성해야 하고 크레딧도 더 들죠. 코드를 쓰면 크레딧은 정말 원하는 이미지와 클립에만 쓰입니다. 텍스트 변경과 타이밍 조정은 코드에서 처리하면 됩니다.
광고 테스트가 저렴해집니다. 같은 제품 영상으로 두 가지 헤드라인을 테스트하고 싶으신가요? 한 줄만 바꾸고 다시 내보내면 됩니다. 제품 숏은 그대로 유지되므로 테스트는 오직 헤드라인만 측정합니다.
워크플로 1: 움직이는 인스타그램 캐러셀 만드는 방법
캐러셀은 그만한 가치가 있습니다. Metricool의 2026 인스타그램 연구(2,400만 개 이상 게시물 분석)에 따르면 캐러셀은 단일 이미지 게시물보다 약 9배 많은 저장을 받습니다. 움직이는 캐러셀은 피드에서 더욱 눈에 띕니다. 정적인 게시물의 경우 인스타그램 게시물 생성기 가 더 빠른 길입니다.
한 번의 Claude 채팅에서 만든 세 개의 캐러셀 슬라이드로, 각각 고유한 움직이는 헤드라인을 가집니다.
1단계: Claude 안에서 이미지를 만드세요. OpenArt MCP가 연결되면 Claude는 다음과 같이 작동합니다 Claude AI 이미지 생성기. 덕분에 아이디어 기획, 카피 작성, 이미지 생성을 한 번의 대화에서 모두 할 수 있습니다. 실습에서 Mia는 Claude에게 신발 사진과 자신의 사진을 주었고, Claude는 다음을 사용해 슬라이드 이미지를 만들었습니다 GPT Image 2.5 OpenArt에서요.
2단계: 이미지를 레이어로 분할하세요. 열기 레이어 추출 OpenArt의 이미지 도구에서 시작해 이미지를 업로드하세요. 원하는 최대 레이어 수를 2에서 16 사이로 설정하세요. Mia는 6으로 설정했습니다. 다음에 관한 가이드 이미지를 편집 가능한 레이어로 분리하는 방법 이 도구를 더 자세히 다룹니다.
레이어 추출 기능은 평면 이미지 하나를 각각 따로 움직일 수 있는 여러 레이어로 나눠줍니다.
3단계: Claude가 레이어를 가져오게 하세요. 레이어를 OpenArt 계정에 저장하세요. Claude가 MCP를 통해 가져오므로 다운로드하거나 드래그할 필요가 없습니다. 그런 다음 각 레이어가 어떻게 움직여야 하는지 Claude에게 알려주세요. 인물은 슬라이드로 들어오고, 배경은 흘러가고, 신발은 튀어나오게요.
4단계: 코드로 텍스트 다시 만들기. Extract Layers에서 나온 텍스트 레이어는 글자 모양의 그림입니다. Claude에게 스타일과 폰트를 맞춰 실제 텍스트로 코드에 다시 만들어 달라고 요청하세요. 그러면 헤드라인을 완전히 편집할 수 있게 됩니다.
프로젝트 폴더와 스타일 라이브러리가 어떻게 도움이 되나요?
프로젝트 폴더와 스타일 라이브러리는 이후의 모든 프로젝트를 더 빠르게 만들어 줍니다.
먼저 하나의 프로젝트 폴더를 유지하세요. 가이드의 설정 프롬프트가 입력, 참조, 오디오, 완성 영상, 템플릿은 물론 Claude가 따르는 규칙 파일까지 대신 만들어 줍니다.
모든 것을 하나의 폴더에. Claude가 이미지, 보이스오버, 저장된 스타일을 어디서 찾을지 알고 있습니다.
둘째, 모션 그래픽 스타일 라이브러리를 만드세요. 마음에 드는 룩을 만들면 저장하세요. 다른 곳에서 좋아하는 모션 스타일을 발견하면 참고 영상을 넣고 Claude에게 재현해 달라고 요청하세요. 다음번에는 Claude가 라이브러리를 읽고 어울리는 스타일을 제안하며, 처음부터 시작하는 대신 코드를 재사용합니다.
워크플로 2: AI 영상에 모션 그래픽 추가하는 방법
AI 영상 위에 그래픽을 더하는 것은 제품 광고에 가장 유용한 워크플로입니다. 브리프로 완성하는 전체 광고는 여기를 참고하세요 Claude에서 AI로 영상 광고를 만드는 방법.
1단계: 깔끔한 클립을 만드세요. Mia는 Seedance 2.5로 짧은 신발 클립을 만들었습니다, 위치는 AI 영상 생성기. 간단하게 유지하고, 영상 프롬프트에는 텍스트를 넣지 마세요. 텍스트는 나중에 코드로 들어갑니다. 프롬프트 아이디어는 다음을 참고하세요 MCP용 AI 비디오 프롬프트 예시.
2단계: 스틸로 룩을 고르세요. 처음 버전들은 밋밋해 보였어요. 그래서 그녀는 클립에서 선명한 프레임 하나를 뽑아, MCP를 통해 GPT Image 2.5로 세 가지 아트 스타일을 만들어 달라고 Claude에게 요청했습니다. 패션 매거진 느낌, 비디오 게임 화면 느낌, 손으로 그린 낙서 느낌이었죠.
손으로 그린 낙서 스타일로, 애니메이션 작업 전에 한 프레임에서 테스트한 세 가지 룩 중 하나입니다.
3단계: Claude에게 클립과 스틸을 주세요. 클립이 기본입니다. 스틸은 어떻게 보여야 하는지 보여줍니다. Claude는 비디오 위에 모든 글자와 그래픽을 코드로 다시 구성합니다.
입력: 평범한 클립 하나와 스타일링된 스틸 이미지 하나. 출력: 실시간으로 편집 가능한 그래픽이 더해진 동일한 클립.
4단계: 쉬운 말로 장면을 설명하세요. 여기서는 일상적인 단어로도 충분합니다. Mia의 촬영 계획은 네 줄이었습니다: Cloud Flow 이름, 메시의 클로즈업, 클라우드 폼 기술, 긁힘 방지 힐. Claude는 이것을 화면 텍스트와 타이밍으로 바꿔주었습니다. 더 많은 제어를 원한다면, Claude에게 무언가를 만들기 전에 샷 리스트를 보여달라고 요청하세요.
왼쪽은 Mia가 말한 내용, 오른쪽은 각 샷에 맞게 Claude가 작성한 텍스트입니다.
5단계: 새로 생성하지 않고 헤드라인 테스트하기. 코드에서 헤드라인 줄만 바꾸고 다시 내보내세요. 제품 숏은 바뀌지 않고, 두 번째 영상에 크레딧을 쓰지 않아도 됩니다.
같은 클립에 헤드라인 A와 헤드라인 B. 코드는 딱 한 줄만 바꿨습니다.
이건 특히 퍼포먼스 마케터에게 중요합니다. 좋은 클립 하나로 여러 광고 버전을 한꺼번에 만들고, 결과로 승자를 가려낼 수 있죠. 다음 가이드를 참고하세요: AI로 광고 크리에이티브 테스트하기 이 테스트를 계획하는 방법을 보여줍니다.
워크플로 3: 코드로 완성형 애니메이션 영상 만드는 법
영상 모델을 아예 건너뛸 수도 있습니다. Mia의 예시는 완벽한 오믈렛을 만드는 고양이를 다룬 아늑한 게임 스타일 영상 "Mimi is hungry"입니다. 텍스트 박스, 메뉴, 미니게임, 결과 화면 모두 코드로 만들었습니다.
캐릭터. OpenArt의 GPT Image 2.5가 단색 녹색 배경 위에 여섯 가지 포즈의 고양이 시트와 주방 배경을 만들었습니다. Claude는 각 포즈를 분리해 종이 스톱모션처럼 시간에 맞춰 교체했습니다. 이 방식은 거칠고 수작업 느낌의 룩에 가장 잘 어울립니다. Claude는 코드로 직접 간단한 손그림 캐릭터를 그릴 수도 있습니다.
이미지 하나, 포즈 여섯 개. Claude가 이들을 번갈아 전환해 고양이를 움직이게 만듭니다.
사운드. 목소리는 OpenArt의 보이스오버 만들기 도구에서 가져왔습니다. 효과음과 8비트 음악은 코드로 작성했습니다.
방향. Mia가 스토리와 스타일을 설명하자 Claude가 움직임을 알아서 구현했습니다. 같은 방식은 오리지널 음악이 들어간 뮤직비디오, 설명 영상, 짧은 브랜드 스토리에도 통합니다. 코드로 작업하는 게 꺼려진다면, AI 애니메이션 생성기 프롬프트로 애니메이션 영상을 만듭니다.
모션 그래픽을 위한 Claude와 OpenArt 설정 방법
설정은 한 번만 하면 됩니다.
- 데스크톱 앱에서 Claude Code를 여세요. Code 탭을 열고 새 프로젝트 폴더를 만든 뒤, Claude Code에서 열고 접근을 허용하세요. Claude에서 비주얼 제작이 처음이라면 이것부터 시작하세요 Claude Opus 5.5 이미지 및 비디오 생성 가이드.
- Remotion 플러그인을 추가하세요. Remotion은 Claude의 코드를 영상으로 바꿔주는 코드 라이브러리입니다. Claude 데스크톱 앱에서 Code, Customize, Plugins, Discover 순으로 선택하세요. "remotion"을 검색해 플러그인을 추가합니다.
- 설정 프롬프트를 실행하세요. 설정 패키지는 비디오 설명에 링크되어 있습니다. 프롬프트는 Node.js와 Git이 없으면 설치하고, Remotion 프로젝트를 구성하며, 템플릿과 규칙 파일을 추가하고, 짧은 테스트 비디오를 만듭니다. Claude가 매 단계마다 묻지 않고 작업할 수 있도록 권한을 "edit 수락"으로 설정하세요.
- OpenArt MCP를 연결하세요. Claude 데스크톱 또는 claude.ai에서 Customize로 이동한 다음 Connectors로 들어갑니다. Add custom connector를 클릭하고 이름을 OpenArt로 지정한 뒤 이 서버 URL을 붙여넣으세요:
https://mcp.openart.ai/mcp. Add를 클릭한 뒤 Connect를 눌러 OpenArt 계정으로 로그인하세요. 다른 에이전트의 전체 단계는 OpenArt의 MCP 페이지.
툴에 관한 참고 사항: OpenArt MCP가 이미지와 영상을 생성하고, Claude가 코드로 애니메이션을 처리합니다. 레이어 추출과 보이스오버 생성은 OpenArt 웹사이트에서 실행됩니다. 거기서 레이어나 보이스오버를 만들어 저장하면 Claude가 계정에서 가져옵니다.
Remotion 참고 사항: 개인과 3인 이하 팀은 무료입니다. 4인 이상 기업은 Remotion 기업 라이선스가 필요합니다.
애니메이션 캐러셀 슬라이드 하나처럼 작은 프로젝트 하나로 시작하세요. 폴더와 스타일 라이브러리가 갖춰지면 나머지는 한꺼번에 처리하세요.
비용은 얼마인가요?
관련된 계정은 두 개입니다.
Claude. Claude 데스크톱 앱에 있는 Claude Code가 필요합니다.
OpenArt. 크레딧은 OpenArt가 생성하는 이미지, 비디오 클립, 레이어, 보이스오버에 사용됩니다. 코드에서 텍스트, 타이밍, 모션을 편집하는 작업에는 OpenArt 크레딧이 들지 않습니다. 텍스트가 제대로 나올 때까지 AI 비디오를 다시 생성하는 것과 비교하면 이것이 가장 큰 절약입니다.
| 필요한 것 | 어디에서 나오는가 |
|---|---|
| OpenArt MCP 접근 권한 | 월 $14 Starter 요금제를 포함한 모든 OpenArt 요금제에 포함 |
| 이미지와 캐릭터 | OpenArt의 GPT Image 2.5 및 기타 이미지 모델 |
| 제품 클립 | OpenArt의 Seedance 2.5 및 기타 비디오 모델 |
| 레이어와 음성 | OpenArt에서 레이어 추출 및 보이스오버 생성 |
| 애니메이션과 텍스트 | Remotion과 함께하는 Claude Code |
모션 그래픽이 클라이언트 작업이나 광고용이라면, 상업적 권리는 해당되는 유료 플랜에 적용된다는 점을 참고하세요. 신규 계정은 40 무료 크레딧을 받아 체험할 수 있으며 신용카드가 필요 없습니다. 다음을 확인하세요 요금제 페이지 최신 요금제와 크레딧 정보를 확인하세요.
자주 묻는 질문
Claude로 모션 그래픽을 만들 수 있나요?
네. Claude Code와 Remotion 플러그인을 사용하면 Claude가 애니메이션을 코드로 작성하고 비디오로 내보냅니다. Claude에는 자체 이미지 모델이 없습니다(여기 Claude가 이미지를 생성할 수 없는 이유이므로 OpenArt MCP와 함께 사용하세요. 그러면 Claude는 Claude AI 비디오 생성기 그리고 애니메이션으로 만들 이미지, 캐릭터, 클립을 생성할 수 있습니다.
After Effects나 애니메이션 기술이 필요한가요?
아닙니다. 실습의 모든 결과물은 After Effects 없이 만들어졌습니다. 스토리, 스타일, 숏을 평범한 말로 설명하면 Claude가 움직임을 처리합니다.
왜 AI 영상 프롬프트에서 텍스트를 빼야 하나요?
AI 비디오 모델은 텍스트를 그림의 일부로 그립니다. 단어 하나라도 틀리면 클립 전체를 다시 생성해야 합니다. 텍스트가 코드로 존재하면 빠른 편집으로 고칠 수 있고, 나머지 비디오는 그대로 유지됩니다.
Claude와 Remotion 설정이란 무엇인가요?
Remotion은 영상을 만드는 코드 라이브러리입니다. Claude Code용 Remotion 플러그인은 Claude가 Remotion 프로젝트를 구축하는 데 필요한 것을 제공합니다. Claude 데스크톱 앱의 플러그인 섹션에서 추가할 수 있습니다.
Remotion은 무료인가요?
Remotion은 개인과 최대 3명 규모의 팀에게 무료입니다. 4명 이상인 회사는 Remotion의 회사 라이선스가 필요합니다.
어떤 OpenArt 요금제가 필요한가요?
OpenArt MCP는 Starter를 포함한 모든 요금제에서 작동합니다. 상위 요금제일수록 이미지와 클립에 쓸 수 있는 월간 크레딧이 더 많아집니다. 상업적 사용 권한은 대상 유료 요금제에 적용됩니다.