제품 UI와 실제 영상으로 만드는 20초 미니멀 프로모션

Full Prompt

원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.

• 원문의 「먼저 입력을 묻고 스토리보드를 승인받는다」를 「주어진 재료를 쓰고, 스토리보드를 적은 뒤 묻지 말고 만든다」로 바꿨습니다.
• 서체를 Geist 또는 Inter 중 고르게 한 것을 Pretendard 한 종으로, 화면 글자를 한국어로 정했습니다.
• 색은 강조색 하나와 흑백으로 고정하고, 마침표 없는 화면 글자 규칙은 그대로 두었습니다.
• 금지 목록에 크로스페이드, 범용 그라디언트, 0.5초 넘는 정지를 더했습니다.
• 콘셉트를 「한 단어가 제품이 된다」로 잡고, 이후 장면이 앞 장면에서 변형되도록 정했습니다.
• 모션 블러 서브프레임, 효과음 피크 정렬, 라우드니스 같은 후반 작업 세부는 덜어내고 박 격자 보정과 스틸 검토만 남겼습니다.

20초짜리 제품 소개 모션그래픽을 만든다. 목표는 제품의 약속 한 줄이 실제 영상과 UI를 거쳐 로고로 남게 하는 것이다.
콘셉트: 「한 단어가 제품이 된다」. 첫 마디의 후크 단어 하나가 제품 UI로 변하고, 버튼에서 열린 원이 어두운 장면이 되며, 이후 모든 장면은 앞 장면의 요소가 변형돼 나온다. 장면마다 생각은 하나, 여백은 넓게.
타이포와 색: 서체는 Pretendard 한 종만, 자간은 좁게. 화면 글자는 전부 한국어이고 문장 끝에 마침표를 찍지 않는다. 색은 강조색 하나와 흑백만. 카메라 언어는 부드러운 하나로 통일한다. 영상은 실제 클립만 쓰고 자리표시 카드는 쓰지 않는다.
금지: 파티클 폭발, 충격파 링, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 번쩍이는 배경, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 120 BPM, 2초짜리 10마디. 1마디 후크가 박마다 한 단어씩, 2마디 UI에서 커서 입력과 클릭, 드롭에서 원이 열림. 이후 마디마다 기법 하나: 실제 클립 벽과 스캔 라인, 핵심 결과 큰 글자, 3D 캐러셀, 폰과 결과 패널, 큰 수치, 세 단어 티커, 로고, 암전. 컷은 강박에, UI 동작은 박에 놓는다. 첫 프레임과 마지막 프레임은 같은 검정으로 맞춘다.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. CSS 애니메이션과 타이머는 쓰지 않는다. 영상은 30fps 이미지 시퀀스로 풀어 프레임마다 바꾼다. 음원은 상업 이용이 가능한 것만 쓰고, 분석한 박 격자와 드롭에 컷을 맞춘다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 제품명, 약속 한 줄, UI 장면, 강조색, 클립, 음원이 주어졌으면 그대로 쓴다. 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

긴 프롬프트라 일부만 옮겼습니다. 전문은 크리에이터의 원 게시물에서 볼 수 있습니다.

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.
…
10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.
…
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
…
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
…
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

출처zero @twoclipping (새 탭에서 열림)·Opus 5.5