비디오 프롬프트 · Claude Opus 5.5
Opus 5.5 모션 디자인 필름 프롬프트
HTML/Canvas를 사용하여 타이포그래피, 스프링 그래프 및 형태 변형을 통해 장면을 연결하는 주황색 점을 특징으로 하는 15초 2D 모션 디자인 필름을 제작하기 위한 상세 프롬프트입니다.
프롬프트 (한국어)
<inputs> 다음을 나에게 물어볼 것: 첫 번째 토글의 짧은 라벨, 핵심 단어 하나, 그래프에 쓸 퍼센트, 마지막 카드에 들어갈 텍스트, 포인트 컬러 하나, 그리고 비트가 분명한 트랙. </inputs> <direction> 16:9 2D 모션 디자인 영상. 따뜻한 오프화이트 캔버스, 거의 검정에 가까운 배경, 굵은 타입, 선명한 주황색 포인트 하나를 사용한다. 주황색 점이 모든 장면을 잇는다: UI에서 시작해 글자 위의 점이 되고, 스프링 그래프를 그리고, 도형으로 확장되며, 엔드 카드에 다시 나타난다. 커서가 오프닝의 클릭에 실감을 더한다. 움직임은 또렷하고 통제되게 유지하되, 은은한 스프링 오버슈트를 주고 빈 정지 구간은 두지 않는다. 금지: 스톡 영상, 그라디언트, 글로우, 파티클 폭발, 임의의 전환, 이미 화면에 있는 것에서 자라나지 않은 움직임. </direction> <structure> 약 15초, 주요 비트마다 시각적 변화를 준다. 오프닝: 커서가 "Reduce Motion" 옆의 주황색 토글을 클릭한다. 글자들이 휘어지고 이동하며 제자리를 잡아 "Motion"만 남고, "i" 위에 주황색 점이 놓인다. 스프링: 점이 단어에서 튀어 나가 그래프 위에 내려앉는다. 그 궤적이 스프링 응답을 그리며 목표를 지나쳤다가 "+22%" 콜아웃 옆에 안착한다. 도형: 점이 선을 따라 질주하다가 주황색 원으로 확장되어 프레임을 채운다. 그 안에서 검은 둥근 사각형이 회전하다가 알약 모양으로 늘어난다. 모든 것이 수축해 검은 바탕 위의 주황색 점 하나가 된다. 타입: "SPRINGS", "EASING", "KINETIC TYPE", "3D", "SOUND" 등의 단어가 점 주위를 돈다. 단어의 고리가 작은 점들의 필드로 퍼진다. 리빌: 하프톤 필드가 확장되며 검게 변하고, 마지막 카드가 드러난다: "Opus 5.5", "Motion designer.", "0 keyframes". 리턴: 주황색 점이 하프톤, 그래프, 토글을 거슬러 되돌아간다. 마지막 프레임이 첫 프레임과 일치하게 해서 끊김 없는 루프를 만든다. </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 first toggle, one main word, a percentage for the graph, 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 type and one vivid orange accent. The orange dot links every scene: it begins in the UI, becomes the dot above a letter, draws a spring graph, expands into a shape and reappears on the end card. A cursor makes the opening click feel real. Keep the movement crisp and controlled, with subtle spring overshoots and no empty pauses.
Banned: stock footage, gradients, glows, particle bursts, arbitrary transitions and movement that doesn't grow from something 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 shift into place until only "Motion" remains, with the orange dot above the "i".
Spring: the dot leaps away from the word and lands on a graph. Its trajectory draws a spring response, passes the target and settles next to a "+22%" callout.
Shape: the dot races along a line, expands into an orange circle and fills the frame. A black rounded square rotates inside it, then extends into a pill. Everything contracts into one orange dot on black.
Type: words including "SPRINGS", "EASING", "KINETIC TYPE", "3D" and "SOUND" circle the dot. The ring of words spreads into a field of tiny dots.
Reveal: the halftone field expands and turns black, uncovering the final card: "Opus 5.5", "Motion designer." and "0 keyframes".
Return: the orange dot travels back through the halftone, graph and toggle. Make the last frame match the first for a seamless loop.
</structure>
<build>
1. Use one HTML file, 1920x1080 at 60fps. Calculate every visual from time inside seek(t): no CSS transitions, timers or state carried between frames.
2. Use closed-form springs for the toggle, moving dot and graph. Draw the graph with the same spring function that controls the dot.
3. Move the letters individually as "Reduce Motion" becomes "Motion". Keep the orange dot above the "i" until it jumps away.
4. Treat the orange circle, rotating square and pill as states of one shape. Carry its position and momentum through each change.
5. Arrange the words on a circular path, then send their letters outward to transition into the halftone grid.
6. Draw the halftone as a dot grid whose sizes react to the orange dot. Expand it beyond the frame before showing the end card.
7. Align the click, dot landing, graph peak, shape changes and final title with measured beats. Render one frame per beat to check timing before the full export.
</build>작성자 ultima · 원문 보기
수집 자료의 원작성자와 출처를 표시합니다. 개별 자료의 이용 조건은 원문에서 확인하세요.
갤러리에서 열어 복사·저장하기 →이 프롬프트 쓰는 법
- 원문 프롬프트를 복사해 Claude Opus 5.5에 붙여 넣습니다.
- 주인공과 장소처럼 내 것으로 바꿀 부분만 고칩니다. 카메라 움직임과 장면 순서를 적은 부분은 그대로 둡니다.
- 같은 프롬프트로 두세 번 만들어 보고 고릅니다. 매번 조금씩 다르게 나옵니다.
