클로드(Claude) + 리모션(Remotion) + 캡컷(CapCut) AI 영상 자동화 파이프라인 완성하기
클로드(Claude) + 리모션(Remotion) + 캡컷(CapCut) AI 영상 자동화 파이프라인 완성하기
수작업 모션 그래픽 편집은 끝! 프롬프트와 코드 연동만으로 고퀄리티 그래픽 영상을 대량 생산하는 실전 가이드
유튜브나 쇼츠 영상을 제작할 때 가장 많은 시간이 소요되는 작업 중 하나가 바로 숫자 카운팅, 텍스트 하이라이트, 카드 등장 애니메이션 같은 모션 그래픽 효과입니다.
본 포스팅에서는 Claude 3.5(Chat & Code)와 개발자용 모션 그래픽 프레임워크인 Remotion, 그리고 CapCut을 조합하여 영상 제작 공정을 극적으로 단축하는 3가지 실전 파이프라인 기법을 매우 구체적으로 설명합니다.
| 기법 | 사용 도구 | 핵심 메커니즘 | 난이도 |
|---|---|---|---|
| 1. 동적 카운팅 자막 | Claude Chat + CapCut | SRT 자막 파일 자동 생성 후 타임라인 속도 제어 | 하 (쉬움) |
| 2. OCR 텍스트 하이라이트 | Claude Code + CapCut | 이미지 내 글자 좌표 자동 추적 및 모션 레이어 합성 | 중 |
| 3. Remotion 그래픽 공장 | Claude Code + Node.js + Remotion | 레퍼런스 이미지 기반 코드 생성 & 투명 MP4 내보내기 | 중상 |
0. 기본 환경 설정 및 필수 도구 준비
본 작업을 진행하기 전에 아래 프로그램들이 컴퓨터에 정상적으로 준비되어 있는지 확인해 주세요.
- Claude 데스크톱 앱: 웹 브라우저보다 앱 설치 버전이 로컬 파일 읽기/생성에 훨씬 용이합니다. 상단 메뉴에서
Chat과Code모드를 주로 활용합니다. - CapCut (캡컷): 생성된 자막 및 모션 그래픽 비디오 레이어를 최종 편집 및 합성할 도구입니다.
- Node.js (LTS 버전): Remotion 엔진을 실행하기 위한 필수 런타임 환경입니다.
Node.js 공식 홈페이지에서 다운로드할 때 'Docker' 방식이 아닌 설치 프로그램(.MSI) 버튼을 클릭하여 기본값 설정대로 설치를 완료해야 터미널 명령어가 정상 동작합니다.
1. 기법 1: SRT 자막을 활용한 동적 카운팅 & 카운트다운 연출
조회수 상승, 매출 강조, 타임머신 효과 등에 필수적인 숫자가 0에서 목표치까지 연쇄적으로 올라가거나 내려가는 효과입니다.
Claude Chat에서 SRT 자막 파일 생성
Claude의 Chat 메뉴를 열고 아래 프롬프트를 입력합니다.
0에서 10까지 올라가는 카운팅 숫자 SRT 파일 만들어 줘. (단위가 필요할 경우: 숫자 뒤에 '만원', '%', '$' 추가)
카운트다운 효과의 경우 프롬프트 문구 중 '60에서 1로 내려가는 카운트다운 숫자 SRT 파일 만들어 줘'로 문구만 변경하면 됩니다.
Claude가 출력한 파일을 저장할 때 파일 이름 끝이 반드시 .srt로 지정되어 있는지 확인하세요. 만약 .txt 파일 형태로 저장되면 CapCut 타임라인에서 자막 데이터로 인식되지 않습니다.
CapCut 타임라인 합성 및 속도 제어
- CapCut을 실행하고 프로젝트를 생성합니다.
- 다운로드한 SRT 파일을 CapCut 타임라인으로 직접 드래그&드롭합니다. (시간대별 숫자 자막 레이어가 자동으로 배열됩니다.)
- 우측 패널에서 폰트 스타일, 크기, 색상, 테두리를 원하는 디자인으로 수정합니다.
- 전체 자막 레이어를 마우스 드래그로 선택한 후 우클릭하여 [복합 클립 만들기(Create Compound Clip)]를 실행하여 하나로 합칩니다.
- 합쳐진 클립의 [속도(Speed)] 옵션으로 이동하여 재생 배속을 빠르게 조절하면 숫자가 부드럽게 쭉 상승/하강하는 고품질 모션 효과가 완성됩니다.
2. 기법 2: OCR 기반 텍스트 위치 추적 & 형광펜 하이라이트
뉴스 스크랩, 기사 이미지, 홍보 포스터 등 특정 단어나 숫자가 등장할 때 쓱- 그려지는 형광펜 강조 효과입니다.
Claude Code 메뉴를 통한 이미지 해석 및 모션 생성
- Claude 앱 좌측 상단 메뉴에서
Code모드를 선택하고 새 섹션을 생성합니다. - 강조할 이미지를 채팅창에 드래그하여 첨부합니다.
- 아래 프롬프트를 복사하여 입력합니다.
첨부된 이미지를 불러오고 OCR로 텍스트 위치를 좌표 추적한 다음, '[강조할 단어]' 단어 위로 부드럽게 칠해지는 형광펜 모션 하이라이트 비디오 효과를 만들어 줘.
Claude Code 실행 시 컴퓨터 파일 접근 권한 팝업창이 뜨면 '항상 허용(Always Allow)'을 선택하면 매번 권한을 묻지 않아 작업 속도가 대폭 향상됩니다. 만약 이미지를 읽지 못할 경우 클로드가 안내하는 바탕화면 로컬 경로/폴더에 이미지 파일을 넣고 다시 실행해 주세요.
렌더링 및 CapCut 비디오 레이어 탑재
코드 작업이 완료된 후 [Render] 버튼을 눌러 생성된 동영상 파일(MP4)을 다운로드합니다. 이후 CapCut 타임라인의 배경 영상 위에 상단 레이어로 올려 위치와 타이밍을 맞춥니다.
3. 기법 3: Remotion + Claude Code 모션 그래픽 자동화 엔진 구축
전문적인 카드 슬라이딩, 순차적 박스 등장 모션, 토글 애니메이션 등 방송급 모션 그래픽을 코딩 없이 프롬프트로만 자동 생성하는 최첨단 기법입니다.
Node.js 설치 확인 및 Remotion 환경 세팅
터미널(Mac) 또는 명령 프롬프트 CMD(Windows)를 열고 버전을 확인합니다.
숫자 버전(예: v20.x.x)이 출력되면 정상 설치된 상태입니다.
이제 Claude Code 메뉴 입력창에 Remotion 설치 명령어를 입력합니다. (※ 주의: Chat이나 Co-work 메뉴가 아닌 반드시 Code 메뉴에서 실행해야 합니다.)
설치 과정 중 질문이 나오면 템플릿은 helloworld, 폴더 이름은 기본값(엔터)을 선택해 진행합니다. 완료 후 필요 패키지 연동을 위해 추가 명령어를 입력합니다.
레퍼런스 이미지 기반 모션 그래픽 생성
- 핀터레스트 등에서 마음에 드는 모션 디자인 레퍼런스 이미지를 다운로드합니다.
- Claude Code 창에 레퍼런스 이미지를 드래그하여 입력하고 아래 프롬프트를 전달합니다.
이 레퍼런스 이미지의 디자인 스타일과 모션을 분석해서 Remotion 애니메이션 코드로 구현해 줘. place this titles within them: [박스 1 텍스트], [박스 2 텍스트], [박스 3 텍스트]
배경 투명화(Alpha Channel) 처리 및 파일 내보내기
미리보기 웹 브라우저가 자동으로 실행되어 생성된 애니메이션을 시각적으로 확인할 수 있습니다. CapCut 영상 위에 얹어 사용하려면 투명 배경 설정이 필수입니다.
비디오의 배경을 투명하게(Transparent) 설정해 줘. 박스와 그래픽 요소 자체는 가독성이 어색해지지 않도록 선명하게 유지해 줘.
투명 배경 처리가 완료되면 브라우저의 [Export / 내보내기] 버튼을 눌러 알파 채널이 적용된 동영상 파일로 내보낸 후, CapCut 타임라인의 오버레이 레이어로 배치합니다.
4. 클로드 AI 영상 자동화 성공을 위한 3가지 골든 룰
- 질문 및 프롬프트 구조화: '이거 만들어 줘' 방식보다는 [목적 - 조건 - 출력 포맷]을 명확히 명시하세요.
- 수정 요청 시 요소 번호 지정: '글씨 바꿔줘' 대신 '2번째 카드의 텍스트 크기를 20% 늘려주고 주황색으로 변경해 줘'처럼 구체적 숫자로 피드백합니다.
- 확장자 최종 검증: 자막은
.srt, 이미지 레이어는.png, 모션 비디오는 투명 채널이 포함된.mp4 / .webm포맷인지 확인하는 습관을 들입니다.
마치며
과거에는 에프터 이펙트(After Effects)를 켜고 키프레임을 하나하나 찍어야 했던 복잡한 모션 그래픽 작업이, 이제는 Claude의 코드 생성 능력과 Remotion 프레임워크의 결합으로 단 몇 분 만에 자동 생성됩니다.
오늘 소개해 드린 파이프라인을 자신의 영상 제작 스타일에 맞춰 세팅해 두시면 반복적인 영상 편집 노가다에서 완전히 벗어나 고품질 콘텐츠 생산에 집중하실 수 있을 것입니다!
댓글
댓글 쓰기