본문으로 건너뛰기
RAISE LAB
← 목록으로

제품 UI, 사진, 음악

블루 헤이즈에서 시작해 클릭으로 이어지는 12초 제품 스팅

로고 클릭에서 앱 아이콘, 메뉴 막대 프롬프트 상자, 답 페이지, 카드, 검은 엔드 카드까지 이어지는 12초 정사각형 제품 모션그래픽을 만드는 프롬프트입니다.

Full Prompt 결과물

원문으로 돌린 결과

Full Prompt로 RAISE LAB 이 직접 만든 결과물입니다. (Claude Opus 5.5 사용)

렌더 모델 Opus 5.5추론 노력 높음(high)

Full Prompt

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

  • 원문은 제품명·로고·색·문구를 사용자에게 먼저 묻게 했지만, 강한 판은 제품명과 입력 문장을 한국어로 정해 두고 묻지 않고 바로 만든다.
  • 프레임 단위 좌표와 키프레임 표 대신 「클릭 하나가 다음 장면이 된다」는 하나의 콘셉트로 장면 전환 규칙을 정했다.
  • 색은 원문의 여러 파랑·민트 팔레트 대신 흰색, 파랑, 남색 세 가지와 흑백으로 줄였고, 서체는 Inter에서 Pretendard 한 종으로 바꿨다.
  • 원문이 허용한 글로우, 블러 디졸브, 반응형 이징을 금지 목록에 맞춰 글로우·크로스페이드·바운스 이징 금지로 바꿨다.
  • 박자는 124 BPM 한 마디에 기법 하나, 첫 프레임과 마지막 프레임 일치로 새로 정했고, 캔버스는 형식에 맞춰 1920x1080으로 했다.
  • 원문의 4장 스틸 확인 요청 대신 0.5초 간격 스틸 검토로 바꿨다.
12초짜리 제품 소개 모션그래픽을 만든다. 목표는 로고를 누르고, 한 문장을 입력하고, 답을 받는 과정을 기능 나열이 아니라 한 번의 클릭이 이어지는 하나의 흐름으로 남기는 것이다.
콘셉트: 「클릭 하나가 다음 장면이 된다」. 로고 원이 앱 아이콘이 되고, 아이콘이 메뉴 막대로 접히고, 메뉴 막대에서 프롬프트 상자가 열리고, 답 페이지 위로 카드가 올라오고, 카드가 다시 로고 원으로 돌아온다. 모든 장면은 앞 장면에서 변형돼 나온다. 컷도 페이드도 없고, 커서 하나가 처음부터 끝까지 이어진다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어(제품명은 「프레임 바이 프레임」, 입력 문장은 「내 앱 출시 영상을 만들어 줘」). 색은 흰 바탕 #FDFDFB, 파랑 #2F6BFF, 남색 #1E2F52 세 가지와 흑백만. 보라와 주황은 쓰지 않는다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 124 BPM, 박마다 무엇인가 바뀐다. 한 마디에 기법 하나(커서 이동, 확대, 궤도 회전, 타자, 위로 쓸기 순). 모든 움직임은 빠르게 들어와 서서히 멈추는 감속 곡선. 첫 프레임과 마지막 프레임을 같게.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

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

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy.
…
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
…
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom.
…
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width
…
One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.

출처dawood46 @notdwd (새 탭에서 열림)Opus 5.5