랜딩 페이지를 읽어 만드는 30초 제품 런칭 영상 (Remotion)

Full Prompt

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

• 원문의 「글로우」 요구를 빼고 금지 목록에 넣었으며, 깊이감은 레이어 크기 차이와 시차로 대신했습니다.
• 원문의 폰트와 색을 랜딩 페이지에서 가져오라는 부분을 Pretendard 한 종, 대표색 세 가지와 흑백으로 정했습니다.
• 5개 장면을 각 6초로 고정하고 120 BPM 열다섯 마디로 나눠, 마디마다 기법 하나만 쓰게 했습니다.
• 「스프링 이징」은 튕김 없는 높은 감쇠로 한정하고, 바운스 이징은 금지했습니다.
• 로고 도형이 장면마다 변형되는 콘셉트를 새로 정해 장면 사이를 컷 없이 이었고, 첫 프레임과 끝 프레임의 구도를 맞추게 했습니다.
• 확인 방식을 0.5초 간격 스틸 검토로 구체화하고, 스토리보드를 먼저 적은 뒤 묻지 않고 만들도록 했습니다.

[ ] 로 감싼 값은 바꿔 쓸 수 있는 자리입니다. 복사한 뒤 그 자리의 화면 글자·이름·색만 고치면 그만큼 영상이 바뀝니다. 그대로 두고 돌려도 됩니다.

30초짜리 [제품] 런칭 영상을 Remotion 코드로 만든다. 목표는 시장, 고통, 해결, 결과를 하나의 이야기로 보여 주고, 사용자가 코드를 고쳐 다시 렌더할 수 있게 하는 것이다.
콘셉트: 「로고의 도형 하나가 이야기를 끌고 간다」. 먼저 랜딩 페이지와 코드베이스를 읽어 실제 문구와 로고 파일을 가져오고, 로고는 SVG로 따서 움직일 수 있게 한다. 장면은 다섯 개(시장, 고통, 해결, 결과, 로고)이고 장면마다 짧은 제목을 하나 둔다. 각 장면은 앞 장면의 도형이 변형돼 나온다. 컷은 없고, 한 장면은 6초로 읽을 시간을 충분히 준다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어이고 제목은 단어 단위로 박자에 맞춰 들어온다. 색은 제품의 대표색에서 고른 세 가지와 흑백만 쓴다. 카메라 언어는 천천히 밀고 옆으로 훑는 움직임 하나뿐이다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면. 스프링은 튕김 없이 감쇠가 큰 값만 쓰고, 깊이감은 레이어 크기 차이와 시차로 낸다.
박자: 120 BPM, 한 마디가 2초이니 열다섯 마디다. 마디마다 기법 하나(단어별 타이포, 스프링 등장, 밀기, 훑기, 도형 변형 등)만 쓴다. 요소는 박에 맞춰 하나씩 쌓이듯 들어오고, 나타날 때마다 부드러운 효과음 하나, 그 밖에는 무음이다. 마지막은 로고 공개와 태그라인, URL로 끝내고 첫 프레임과 끝 프레임의 구도를 같게 맞춘다.
빌드 방법: 1920x1080, 30fps, 장면마다 파일 하나. 모든 상태는 시간 t의 함수로 계산하고 window.seek(t)로 어느 시각이든 바로 그릴 수 있게 한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸을 뽑아 겹침, 잘림, 빈 프레임, 박자 어긋남, 가독성을 직접 확인하고 고친 뒤 결과를 보여 준다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.
대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.

원문 프롬프트

Act as a senior motion designer and build a 30-second launch video for [product] in Remotion, entirely in code so I can edit and re-render it: first read my landing page and codebase to pull the real story, copy, colors, font and logo file (trace the logo to SVG so it stays sharp and can be animated), then write the video as one story (why the market matters, why it's painful today, how [product] fixes it, what you get) in 4 to 5 scenes with one short title each, animate everything like a premium product film (kinetic typography word by word, spring easing, smooth camera pushes and pans, depth and glow, elements that build in on the beat instead of just appearing), keep each scene on screen long enough to read, add one soft sound effect for every element that appears and silence otherwise, and end on a memorable animated logo reveal with the tagline and URL, then render it, check the frames yourself and fix anything that overlaps, clips or feels rushed before showing me the result.

출처Axel Schapmann @aschapmann (새 탭에서 열림)·Opus 5.5