비디오 프롬프트 · Claude Opus 5.5
모션 디자인 시스템 프롬프트
Claude Opus 5.5를 위한 프롬프트로, 주황색 점으로 시작하는 시스템을 보여주는 15초 분량의 모션 디자인 영상을 제작합니다. 타이포그래피, 스프링 물리 효과, 도형 및 키네틱 타이포를 다룹니다.
프롬프트 (한국어)
<inputs> 나에게 요청할 것: 시작 토글의 짧은 라벨, 주인공 단어 하나, 그래프에 쓸 퍼센트, 마지막 카드에 들어갈 텍스트, 포인트 컬러 하나, 비트가 분명한 트랙. </inputs> <direction> 16:9의 2D 모션 디자인 필름. 따뜻한 오프화이트 캔버스, 거의 검정에 가까운 배경, 굵은 타이포그래피, 선명한 주황색 포인트 컬러 하나를 쓴다. 주황색 점이 모든 장면을 잇는다. UI에서 시작해 글자 위의 점이 되고, 스프링 그래프를 그리고, 도형으로 커지며, 엔드 카드에서 돌아온다. 커서가 오프닝의 클릭을 실감 나게 만든다. 움직임은 날카롭고 절제되게, 작은 스프링 오버슈트와 죽은 시간 없이 유지한다. 금지: 스톡 영상, 그라디언트, 글로우, 파티클 폭발, 무작위 전환, 이미 화면에 있는 요소와 연결되지 않은 움직임. </direction> <structure> 약 15초, 주요 비트마다 시각적 변화가 있다. Open: 커서가 "Reduce Motion" 옆의 주황색 토글을 클릭한다. 글자들이 휘어지며 제자리로 움직여 "Motion"만 남고, 주황색 점이 "i" 위에 있다. Spring: 점이 단어에서 튀어 올라 그래프에 내려앉는다. 그 경로가 스프링 응답을 그리고, 목표를 지나쳤다가 "+22%" 콜아웃 옆에 안착한다. Shape: 점이 선을 가로질러 쏘아져 나가 주황색 원으로 커지며 프레임을 가득 채운다. 그 안에서 검은 둥근 사각형이 회전하다가 알약 모양으로 늘어난다. 장면이 검은 배경 위의 주황색 점 하나로 수축한다. Type: "SPRINGS", "EASING", "KINETIC TYPE", "3D", "SOUND" 같은 단어들이 점 주위를 공전한다. 글자로 된 원이 열리며 작은 점들의 장으로 펼쳐진다. Reveal: 하프톤 장이 확장되다가 검정으로 뒤집히며 마지막 카드를 드러낸다: "Opus 5.5", "Motion designer.", "0 keyframes". Return: 주황색 점이 하프톤, 그래프, 토글을 거슬러 돌아간다. 영상이 깔끔하게 반복되도록 마지막 프레임을 첫 프레임과 일치시킨다. </structure> <build> 1. HTML 파일 하나, 1920x1080, 60fps. 모든 시각 요소를 seek(t) 안에서 시간으로부터 계산한다. CSS 트랜지션, 타이머, 프레임 간에 이어지는 상태 없음. 2. 토글, 튀는 점, 그래프에 닫힌 형태(closed-form)의 스프링을 쓴다. 점을 움직이는 것과 같은 스프링 함수로 그래프를 그린다. 3. "Reduce Motion"에서 "Motion"으로 바뀌는 변형은 글자를 하나하나 따로 애니메이션한다. 주황색 점은 점프를 시작할 때까지 "i"에 붙어 있게 한다. 4. 주황색 원, 회전하는 사각형, 알약을 같은 도형의 서로 다른 상태로 만든다. 각 변형을 거치는 동안 위치와 움직임을 유지한다. 5. 공전하는 단어들을 원형 경로를 따라 배치한 다음, 글자를 바깥쪽으로 옮겨 하프톤 그리드에 화면을 넘겨준다. 6. 하프톤은 주황색 점에 반응해 크기가 변하는 점의 그리드로 그린다. 엔드 카드를 드러내기 전에 프레임 가장자리 밖까지 커지게 한다. 7. 클릭, 점의 안착, 그래프 정점, 도형 변화, 마지막 타이틀을 측정된 비트에 동기화한다. </build>
원문 프롬프트
<inputs>
Ask me for: a short label for the opening toggle, one hero word, a percentage for the graph, the text for the final card, one accent color, and a track with a clear beat.
</inputs>
<direction>
A 2D motion design film in 16:9. Use a warm off-white canvas, near-black backgrounds, bold typography and one vivid orange accent. The orange dot connects every scene: it starts in the UI, becomes the dot over a letter, traces a spring graph, grows into a shape and returns on the end card. A cursor makes the opening click feel real. Keep the motion sharp and controlled, with small spring overshoots and no dead time.
Banned: stock footage, gradients, glows, particle bursts, random transitions and motion that isn't connected to an element already on screen.
</direction>
<structure>
Around 15 seconds, with a visual change on every major beat.
Open: a cursor clicks the orange toggle beside "Reduce Motion". The letters bend and move into place until only "Motion" remains, with the orange dot above the "i".
Spring: the dot jumps away from the word and lands on a graph. Its path draws a spring response, overshoots the target and settles beside a "+22%" callout.
Shape: the dot shoots across a line, grows into an orange circle and fills the frame. A black rounded square rotates inside it, then stretches into a pill. The scene contracts to a single orange dot on black.
Type: words like "SPRINGS", "EASING", "KINETIC TYPE", "3D" and "SOUND" orbit the dot. The circle of type opens out into a field of tiny dots.
Reveal: the halftone field expands and flips to black, revealing the final card: "Opus 5.5", "Motion designer." and "0 keyframes".
Return: the orange dot moves back through the halftone, graph and toggle. Match the final frame to the first so the video loops cleanly.
</structure>
<build>
1. One HTML file, 1920x1080 at 60fps. Compute every visual from time inside seek(t): no CSS transitions, timers or state carried between frames.
2. Use closed-form springs for the toggle, bouncing dot and graph. Draw the graph from the same spring function that moves the dot.
3. Animate letters individually for the "Reduce Motion" to "Motion" transformation. Keep the orange dot attached to the "i" until it begins its jump.
4. Make the orange circle, rotating square and pill different states of the same shape. Preserve its position and motion through each transformation.
5. Place the orbiting words along a circular path, then move their letters outward to hand the frame over to the halftone grid.
6. Draw the halftone as a grid of dots whose sizes respond to the orange dot. Let it grow past the frame edges before revealing the end card.
7. Sync the click, dot landing, graph peak, shape changes and final title to measured beats.작성자 testarossa · 원문 보기
수집 자료의 원작성자와 출처를 표시합니다. 개별 자료의 이용 조건은 원문에서 확인하세요.
갤러리에서 열어 복사·저장하기 →이 프롬프트 쓰는 법
- 원문 프롬프트를 복사해 Claude Opus 5.5에 붙여 넣습니다.
- 주인공과 장소처럼 내 것으로 바꿀 부분만 고칩니다. 카메라 움직임과 장면 순서를 적은 부분은 그대로 둡니다.
- 같은 프롬프트로 두세 번 만들어 보고 고릅니다. 매번 조금씩 다르게 나옵니다.
