클로드 오퍼스 5.5(Claude Opus 5.5)로 MCP, 외부 API, 영상 생성 AI 없이 30초 모션그래픽을 만드는 과정을 소개합니다. Claude Opus 5.5가 HTML 코드로 모션그래픽과 효과음을 만들고, 완성된 결과물을 Python과 FFmpeg를 활용해 MP4 영상으로 출력하는 과정까지 확인할 수 있습니다.
안녕하세요, AI Matters입니다. 이번 영상에서는 클로드 데스크톱 앱의 코드 탭에서 작업 폴더를 연결하고, 서로 다른 두 가지 프롬프트로 모션그래픽을 제작합니다.
먼저 영상 제작에 사용할 공식 문서 PDF 네 개와 Python 파일 하나를 작업 폴더에 넣었습니다. 영상에 들어갈 자료를 매번 첨부하는 대신 작업 폴더에 미리 넣어 두면 작업이 편리하고, 문서 내용도 영상에 더 정확하게 반영할 수 있습니다.
모델은 Opus 5.5를 선택하고 노력 수준은 높음으로 설정했습니다. 첫 번째 방식은 화면 크기, 색상, 폰트, 장면별 시간과 등장 순서를 하나씩 지정해 30초 인포그래픽 영상을 만드는 방법입니다.
참고할 영상이 있다면 파일 위치를 알려 주고 리듬, 질감, 색상만 참고하도록 요청할 수 있습니다. 프롬프트를 입력하면 바로 영상을 제작하지 않고 장면표를 먼저 보여 주며, 막대 순서와 등장 속도 등 제작에 필요한 내용을 질문합니다.
질문에 답한 뒤 진행을 요청하면 필요한 폰트를 직접 적용하고, 가격과 벤치마크, 노력 수준이 포함된 30초 인포그래픽을 완성합니다. 화면 구성과 장면의 등장 순서를 세밀하게 통제하고 싶을 때 활용할 수 있는 방식입니다.
두 번째 방식은 장면과 디자인을 구체적으로 지정하지 않고, 클로드 Opus 5.5의 모션그래픽 제작 역량을 최대한 활용하도록 요청하는 방법입니다. 영상에서는 경력직 이력서용 쇼릴처럼 역동적인 30초 모션그래픽을 만들어 달라는 두 문장만 입력했습니다.
그 결과 키네틱 타이포그래피부터 3D 파티클, 데이터 시각화까지 쉬지 않고 이어지는 30초 모션그래픽이 만들어졌습니다. 오히려 장면을 세세하게 지정한 첫 번째 프롬프트보다 자세하게 작성하지 않은 두 번째 프롬프트의 결과가 더 잘 나왔습니다.
영상에 들어가는 효과음도 별도의 음원을 사용하지 않고 코드로 직접 만들었습니다. 완성된 모션그래픽은 HTML 코드로 그린 프레임 1,800장을 이어 붙여 MP4 파일로 출력했습니다.
작업 폴더에 넣어 둔 Python 파일은 완성된 HTML을 초당 60프레임 영상으로 녹화하는 역할을 합니다. 모션그래픽 자체는 HTML이기 때문에 별도의 변환 도구가 없어도 브라우저에서 바로 재생할 수 있습니다.
MP4 파일로 출력할 때는 FFmpeg와 같은 도구가 필요합니다. Python과 Node.js는 작업 전에 직접 설치해 두는 편이 편리하며, 클로드의 코드 탭은 Pro 이상 요금제에서 사용할 수 있습니다. 영상 렌더링에는 시간이 걸릴 수 있습니다.
장면을 세밀하게 통제하고 싶다면 첫 번째 프롬프트를, 클로드 Opus 5.5의 모션그래픽 제작 능력을 최대한 끌어내 보고 싶다면 두 문장으로 구성한 두 번째 프롬프트를 활용해 보시기 바랍니다. 영상에서 사용한 두 가지 프롬프트는 고정 댓글에서 확인할 수 있습니다.
00:00 두 문장으로 만든 모션그래픽 결과 공개
00:09 클로드 Opus 5.5 모션그래픽 제작 소개
00:27 클로드 데스크톱 앱 코드 탭 설정
00:31 모션그래픽 작업 폴더 연결하기
00:35 공식 문서 PDF와 Python 파일 준비
00:48 Opus 5.5 모델과 노력 수준 설정
00:53 첫 번째 프롬프트로 인포그래픽 제작
00:58 화면 크기, 색상, 폰트와 장면 지정
01:03 참고 영상의 리듬과 질감 활용하기
01:08 장면표 확인과 세부 질문 응답
01:17 30초 인포그래픽 영상 완성
01:23 첫 번째 모션그래픽 결과 확인
01:53 더 잘 나온 두 문장 프롬프트
02:00 두 번째 프롬프트 전체 내용 공개
02:12 키네틱 타이포그래피와 3D 파티클
02:19 두 번째 모션그래픽 결과 확인
02:49 두 문장 프롬프트가 적합한 경우
02:54 음원 없이 코드로 효과음 만들기
02:57 HTML 프레임 1,800장을 MP4로 출력
03:01 Python으로 HTML을 60프레임 영상으로 녹화
03:07 HTML 모션그래픽 브라우저 재생
03:15 MP4 출력에 필요한 FFmpeg
03:20 Python과 Node.js 준비 사항
03:25 코드 탭 요금제와 렌더링 시간
03:30 영상에 사용한 두 가지 프롬프트
03:34 클로드 Opus 5.5 모션그래픽 제작 정리
Q. 클로드 Opus 5.5만으로 정말 모션그래픽을 만들 수 있나요?
A. 영상에서는 MCP, 외부 API, 별도의 영상 생성 AI 없이 클로드 Opus 5.5가 HTML 코드로 모션그래픽과 효과음을 만들었습니다. 완성된 HTML을 MP4 파일로 출력하는 과정에서는 Python 파일과 FFmpeg를 사용했습니다.
Q. 자세한 프롬프트와 두 문장 프롬프트는 무엇이 다른가요?
A. 첫 번째 프롬프트는 화면 크기, 색상, 폰트, 장면별 시간과 등장 순서를 구체적으로 지정하는 방식입니다. 두 번째 프롬프트는 경력직 이력서용 쇼릴처럼 역동적으로 만들어 달라는 두 문장만 입력했으며, 영상에서는 두 번째 결과가 더 잘 나왔습니다.
Q. HTML 모션그래픽을 MP4로 변환하려면 무엇이 필요한가요?
A. HTML 모션그래픽 자체는 브라우저에서 바로 재생할 수 있습니다. MP4 파일로 출력할 때는 FFmpeg와 같은 도구가 필요하며, 영상에서는 Python 파일을 이용해 HTML을 초당 60프레임으로 녹화했습니다.
Q. 클로드로 모션그래픽을 만들 때 Python과 Node.js가 꼭 필요한가요?
A. 완성된 HTML 모션그래픽을 브라우저에서 재생하는 것만으로는 별도의 변환 도구가 필요하지 않습니다. 다만 MP4 출력과 영상 제작 과정을 편리하게 진행하려면 Python과 Node.js를 미리 설치해 두는 것이 좋습니다.
#Opus55 #모션그래픽 #클로드 #오퍼스55 #ClaudeOpus55 #AI모션그래픽 #AI영상제작
제공: AI 매터스



