viralgrow 랜딩페이지 스타일의 15초 모션그래픽 쇼릴

Full Prompt

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

• 「viralgrow를 창의적으로 보여 줘」라는 열린 지시를 「점이 퍼져 성장 곡선이 된다」는 하나의 콘셉트로 정했습니다.
• 「랜딩페이지와 같은 스타일」을 서체 Pretendard 한 종, 한국어 화면 글자, 색 세 가지와 흑백으로 구체화했습니다.
• 「모든 걸 쏟아부어」 대신 파티클 폭발, 글로우, 바운스 이징 등 쓰지 않을 효과를 금지 목록으로 못 박았습니다.
• 120 BPM과 마디별 기법 하나를 정해 15초를 7개 구간으로 나누고, 첫·끝 프레임이 이어지게 했습니다.
• 1920x1080 HTML 한 파일과 window.seek(t) 방식, 0.5초 간격 스틸 검토를 명시했습니다.

15초짜리 모션그래픽 쇼릴을 만든다. 목표는 viralgrow라는 서비스를 소개하면서 「뛰어난 모션 디자이너」라는 인상을 기법의 나열이 아니라 하나의 생각으로 남기는 것이다. 이력서에 넣는 쇼릴처럼 보여야 하고, 랜딩페이지와 같은 시각 언어를 쓴다.

콘셉트: 「작은 점 하나가 퍼져 나가 성장 곡선이 된다」. viralgrow의 핵심인 퍼짐과 성장을 하나의 도형 변형으로 이어 간다. 점이 늘어나 선이 되고, 선이 막대와 곡선 차트로, 차트가 화면 속 카드 UI로 바뀐다. 모든 장면은 앞 장면에서 변형돼 나오고 컷은 없다.

타이포와 색: 서체는 Pretendard 한 종만, 굵기 두 단계까지. 화면 글자는 전부 한국어로 쓴다. 색은 랜딩페이지의 대표색 하나, 보조색 하나, 강조색 하나와 흑백만 쓴다. 카메라 언어는 천천히 밀어 들어가는 줌 하나로 통일한다.

금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.

박자: 120 BPM이므로 한 박이 0.5초, 한 마디가 2초다. 박마다 화면의 무엇인가가 바뀐다. 한 마디에 기법 하나만 쓴다(점의 확장, 선 그리기, 막대 성장, 숫자 카운트, 카드 전개, 글자 모핑, 마무리 로고). 15초 끝에서 첫 프레임의 점으로 돌아가 반복해도 끊기지 않게 첫 프레임과 마지막 프레임을 같게 맞춘다.

빌드 방법: 1920x1080 HTML 한 파일로 만든다. 모든 상태는 window.seek(t) 안에서 시간 t의 함수로 계산한다. CSS 애니메이션과 타이머(setTimeout, setInterval, requestAnimationFrame 누적)는 쓰지 않는다.

검토: 본 렌더 전에 0.5초 간격 스틸을 뽑아 글자 겹침, 빈 프레임, 박자 어긋남, 가독성을 확인하고 고친다.

시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a resume. go all out.
This video will be same styling as landing page. showcasing viralgrow. be creative with what you show for viralgrow

출처Sam @samuel_yostt (새 탭에서 열림)·Opus 5.5