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

제품 UI

pen 디자인으로 만드는 제품 출시 모션그래픽 영상

pen에 담긴 제품 디자인을 활용해 모션그래픽 기반의 제품 출시 영상을 만들도록 Claude에게 요청하는 프롬프트입니다.

Full Prompt 결과물

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

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

Full Prompt

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

  • 원문이 정하지 않은 길이를 15초로, 박자를 120 BPM 일곱 마디와 마지막 1초로 정했습니다.
  • 「제품」이 무엇인지 열려 있던 부분을 「pen 디자인 화면을 그대로 쓰고 새로 그리지 않는다」로 고정했습니다.
  • 장면 연결 방식을 정했습니다. 대표 화면 한 장에서 확대, 이동, 펼침으로 변형하고 컷과 페이드는 쓰지 않습니다.
  • 서체는 Pretendard 한 종, 화면 글자는 한국어, 색은 세 가지 이내와 흑백으로 제한했습니다.
  • 파티클 폭발, 글로우, 바운스 이징 등 흔한 모션그래픽 습관을 금지 목록으로 적었습니다.
  • 빌드 방식(HTML 한 파일, window.seek)과 0.5초 간격 스틸 검토, 묻지 않고 바로 시작한다는 규칙을 추가했습니다.
15초짜리 제품 출시 모션그래픽 영상을 만든다. 목표는 제품이 무엇이고 왜 쓰는지를 화면 디자인만으로 한 번에 전달하는 것이다. 화면은 pen 파일에 있는 디자인을 그대로 가져다 쓰고 새로 그리지 않는다.
콘셉트: 「화면 한 장이 제품의 전부가 된다」. 첫 장면은 제품의 대표 화면 한 장이다. 이후 모든 장면은 그 화면의 일부를 확대하고, 옮기고, 펼쳐서 앞 장면에서 변형돼 나온다. 컷도 페이드도 없다. 카메라 언어는 천천히 다가가는 줌 하나만 쓴다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어. 색은 pen 디자인에서 뽑은 세 가지 이내와 흑백만 쓴다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 120 BPM, 한 마디는 4박(2초). 앞 일곱 마디는 마디마다 기법을 하나씩만 쓴다(예: 확대, 이동, 펼침, 글자 등장, 수치 카운트, 화면 전환 마스크, 로고 수렴). 마지막 1초는 첫 프레임으로 돌아온다. 첫 프레임과 마지막 프레임을 같게 맞춘다.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸을 뽑아 겹침, 빈 프레임, 박자 어긋남, 글자 가독성을 확인하고 고친다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

Create a professional product launch video with motion graphics. You have access to the designs in pen

출처Sacha Arbonel @sachaarbonel (새 탭에서 열림)Opus 5.5

한국어 번역

모션그래픽을 사용한 전문적인 제품 출시 영상을 만들어 줘. 너는 pen 안에 있는 디자인에 접근할 수 있어.