클로드로 만드는
애니메이션 스타일 8가지
영상 속 8가지(예시 소재: 테슬라 로드스터 시연)는 전부 그림 AI 없이 코드로만 만들었어요. 그래서 몇 번을 고쳐도 영상 생성 비용이 들지 않습니다. 아래 문장을 복사해서 클로드에게 붙여 넣으세요.
먼저 한 번만 준비. 영상 프로젝트가 없다면 AI 쇼츠 만드는 순서의 1~2단계(Claude 데스크톱 앱 Code + HyperFrames 프로젝트 만들기)를 먼저 해 두세요. 아래 문장은 그 프로젝트 폴더를 연 상태에서 씁니다. ○○ 자리는 내 문구로 바꾸세요.
1아이소메트릭
크림색 바닥판 위에 아이소메트릭(30도 비스듬히 내려다보는) 작은 모형 세상을 SVG로 만들어 줘. 주제는 "○○". 상자 면마다 밝기를 달리해 입체감을 주고, 주인공 물체가 정해진 길을 따라 움직이게. 중요한 곳 2개에 가는 선으로 이름표를 달아 줘.
2종이 공작
밤하늘 그라데이션, 달, 겹겹이 쌓인 종이 언덕을 SVG로 만들어 줘. 층마다 그림자(drop-shadow)를 주고 종이 질감 노이즈를 살짝 덮어 줘. 주제는 "○○". 앞 층은 빠르게, 뒤 층은 느리게 옆으로 흘러서 깊이가 느껴지게.
33D 타임라인
three.js로 어두운 바닥 위에 3D 기둥 3개를 세워 줘. 기둥은 순서대로 솟아오르고, 카메라는 천천히 옆으로 돌게. 기둥 위에 연도와 사건 이름을 붙여 줘(주제: "○○"). 아직 안 일어난 일은 반투명 점선 기둥으로.
4신스웨이브
three.js로 분홍 와이어프레임 계곡이 끝없이 다가오는 80년대 신스웨이브 화면을 만들어 줘. 뒤에는 줄무늬가 있는 노을 해, 가운데 위에는 크롬 느낌 큰 글자로 "○○". 안개로 멀어질수록 흐려지게.
53D 제품 샷
three.js로 어두운 스튜디오, 위에서 내리꽂는 스포트라이트, 바닥 그림자가 있는 제품 샷을 만들어 줘. 주인공은 "○○"(간단한 도형으로 직접 만들기, 실제 회사 로고·디자인은 넣지 말 것). 천천히 돌다가 떠오르게, 왼쪽 아래에 01 번호와 한 줄 설명.
6수학 다이어그램
모눈종이 바탕에 계산 과정을 상자로 하나씩 보여 주는 다이어그램을 만들어 줘. 주제: "○○". 상자는 순서대로 튀어나오고, 마지막 답은 빨간 도장처럼 찍히게. 아래에 간단한 그래프 선이 그려지게, 숫자 출처를 작은 글씨로.
7카툰 설명
손으로 그린 듯 살짝 떨리는 선(SVG 노이즈 변형)으로 네모 캐릭터를 만들어 줘. 캐릭터가 놀란 표정으로 말풍선 "○○?!"을 하고, 옆에 ①②③ 세 칸 만화가 차례로 나타나게.
8빛나는 궤도
남색 우주 바탕에 금색으로 빛나는 궤적 선이 그려지고, 그 위를 작은 물체가 따라가게 해 줘. 주제: "○○". 중요한 지점 3곳에 빛나는 점과 이름표, 아래에 핵심 숫자 3개를 한 줄로.
잘 안 될 때
방금 만든 장면을 1.5초 간격으로 캡처해서 글자가 잘리거나 겹치는 곳, 너무 빨리 지나가서 못 읽는 곳이 있는지 확인하고 고쳐 줘.
3D 스타일(3·4·5번)은 three.js를 씁니다. 클로드에게 "three.js 장면을 시간에 맞춰 그리게 해 줘"라고 덧붙이세요. 한 스타일을 3초 안팎으로 만들고, 마음에 드는 것만 골라 이어 붙이면 됩니다. 남의 캐릭터·로고·게임 화면을 그대로 따라 만들지는 마세요.
다음 코드도 받아 보세요.
인스타 @doncode.kr 영상 댓글을 남기면 이런 따라 하기 자료를 DM으로 보내드려요.
인스타 @doncode.kr 영상 댓글을 남기면 이런 따라 하기 자료를 DM으로 보내드려요.