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

제품 UI, 폰, 코드

Commotion 앱 쇼릴: 타일 레이아웃과 모델 자동 분류기를 담은 20초 모션그래픽

모션 디자이너의 쇼릴처럼 Commotion 앱의 타일 레이아웃과 모델 자동 분류기 등 주요 기능을 보여 주는 20초 모션그래픽을 Claude에게 만들게 하는 프롬프트입니다.

Full Prompt 결과물

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

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

Full Prompt

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

  • 「아낌없이 전력을 다해」라는 모호한 주문 대신 「타일 하나가 나뉘어 인터페이스 전체가 된다」라는 하나의 콘셉트를 정했습니다.
  • 서체는 Pretendard 한 종, 화면 글자는 한국어, 색은 파랑·주황·연두 세 가지와 흑백으로 못 박았습니다.
  • 파티클 폭발, 글로우, 크로스페이드 등 흔한 결과물의 티가 나는 효과를 금지 목록에 넣었습니다.
  • 20초를 120 BPM 열 마디로 나누고 마디마다 기법 하나를 배정했으며, 첫 프레임과 끝 프레임을 일치시켰습니다.
  • 1920x1080 HTML 한 파일과 window.seek(t) 방식으로 빌드 형식을 정하고, 0.5초 간격 스틸 검토 단계를 추가했습니다.
  • 원문의 「네가 판단하는 다른 기능」은 한두 가지만 직접 고르게 하되 지어낸 수치는 쓰지 못하게 제한했습니다.

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

20초짜리 [Commotion] 앱 쇼릴 모션그래픽을 만든다. 목표는 「뛰어난 모션 디자이너」라는 인상을 기법의 나열이 아니라 하나의 생각으로 남기고, 타일 레이아웃과 모델 자동 분류기를 화면 안에서 보여 주는 것이다.
콘셉트: 「타일 하나가 나뉘어 인터페이스 전체가 된다」. 처음엔 타일 하나로 시작해 나뉘고 정렬되며 타일 레이아웃을 보여 주고, 타일 속 항목이 자동 분류기를 거쳐 제자리를 찾아간다. 모든 장면은 앞 장면에서 변형돼 나온다. 그 밖에 어울리는 기능 한두 가지는 직접 골라 같은 타일 안에서 보여 준다. 지어낸 수치는 쓰지 않는다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어(앱 이름 [Commotion]만 영문). 색은 파랑, 주황, 연두 세 가지와 흑백만.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 120 BPM, 한 마디가 2초이니 모두 열 마디. 마디마다 기법 하나, 박마다 무언가 바뀐다. 첫 프레임과 마지막 프레임을 같게 해 반복해도 이어지게 한다.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸로 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.
시작: 먼저 마디별 스토리보드를 적고, 묻지 말고 바로 만든다.
대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.

원문 프롬프트

make a dynamic 20s motion graphics video that shows what an incredible motion designer you are, like it's your showreel for this app commotion, highlighting tiling layout, auto model classifer and other features you deem fit to be in video. Go all out.

출처Amol Sawrikar @Amol909S (새 탭에서 열림)Opus 5.5

한국어 번역

뛰어난 모션 디자이너임을 보여 주는, 역동적인 20초짜리 모션그래픽 영상을 만들어 줘. Commotion 앱의 쇼릴처럼, 타일 레이아웃과 모델 자동 분류기, 그리고 영상에 넣을 만하다고 네가 판단하는 다른 기능들을 부각해 줘. 아낌없이 전력을 다해 줘.