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

키네틱 타입

기다림 위에 바닥을 짓는 타이포그래피 연설 영상

다섯 줄짜리 짧은 연설을 글자만으로 연출해, 단어가 상인방·기둥·바닥으로 바뀌며 마지막 문장을 받치게 하는 20초 HTML 모션그래픽 프롬프트입니다.

Full Prompt 결과물

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

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

Full Prompt

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

  • 화면 글자를 한국어로 정했다. 원문의 영어 연설 다섯 줄을 같은 순서의 한국어 다섯 줄로 새로 적었고, 단어별 건축 역할도 한국어 단어에 다시 배정했다.
  • 규격을 1920x1080으로 정했다. 원문의 1080×1080과 60fps, 1200프레임 내보내기 지정은 따르지 않았다.
  • 서체를 Pretendard 한 종으로 줄이고 위계를 굵기로만 나누게 했다. 원문의 세리프, 그로테스크, 모노스페이스 세 서체 구성은 쓰지 않는다.
  • 박자를 96 BPM, 여덟 마디로 정했다. 원문은 댄스 비트에 맞추지 말고 구절과 쉼 기준의 큐 시트를 쓰라고 했다.
  • 금지 목록을 정했고 0.4초 정지는 한 번만 허용했다. 원문은 400ms 정지를 최소 한 번 요구했다.
  • 검토 방식을 0.5초 간격 스틸 40장으로 바꿨다. 원문은 대표 프레임 여덟 장 점검이었다.
20초짜리 타이포그래피 모션그래픽을 만든다. 목표는 짧은 연설이 글자만으로 바닥을 짓고, 마지막 문장이 그 위에 서는 모습을 보여 주는 것이다.
콘셉트: 「말이 바닥을 짓는다」. 장면은 앞 장면의 글자가 구조물로 변형돼 다음 장면을 받치는 식으로 이어진다. 연설은 다섯 줄, 이 순서 그대로: 「우리는 기다리라는 말을 들었다」「그래서 기다림의 무게를 배웠다」「그때 한 목소리가 자리를 만들었다」「그리고 또 하나」「이제 이 바닥은 우리의 것이다」. 기다리라는 말은 상인방, 기다림은 매달린 하중, 목소리는 기둥, 자리는 열린 틈, 바닥은 플랫폼이 된다. 마지막 2초에 플랫폼 밑면이 화면을 채우고 첫 장면으로 돌아간다.
타이포와 색: 서체는 Pretendard 한 종만, 위계는 굵기로만 나눈다. 화면 글자는 전부 한국어. 색은 배경 #102820, 종이색 #F4E9D5, 강조 #F2B544 세 가지와 흑백만.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면. 0.4초 정지는 한 번만 둔다.
박자: 96 BPM, 한 마디 2.5초로 여덟 마디. 마디마다 기법 하나. 낭독 호흡에 맞춰 구절 단위로 나타나게 한다. 첫 프레임과 마지막 프레임을 같게.
빌드 방법: 1920x1080 HTML 한 파일, 모든 상태는 window.seek(t) 안에서 시간의 함수로. 글자는 SVG 경로로 다룬다. CSS 애니메이션, 타이머, 누적 물리는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸 40장으로 겹침, 빈 프레임, 읽는 순서, 가독성을 확인하고, 마지막 바닥이 앞선 글자로 조립됐는지 본다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.

원문 프롬프트

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

Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.”  Treat this as an original miniature speech staged entirely through typography. Every line changes the architecture of the frame. The final declaration must stand on something the earlier words physically constructed. … Background #102820. Paper # F4E9D5. Structural accent # F2B544. … ORIGINAL SPEECH — EXACT WORDS, EXACT ORDER “We were told to wait.” “So we learned the weight of waiting.” “Then one voice made room.” “Then another.” “Now the floor belongs to us.” … CENTRAL VISUAL RULE Words have assigned architectural roles. WAIT is a lintel. WAITING is a suspended load. VOICE is a support. ROOM is an opening. FLOOR is a platform. These roles must emerge from the actual letterforms, not from separate illustrations placed behind text.  STORYBOARD 0.00–3.00 “We were told to wait.” The sentence occupies a narrow horizontal opening beneath a massive WAIT. … 10.00–12.50 “Then another.” A second support arrives. The tilted structure levels. … 18.00–20.00 The camera tracks beneath the completed platform. Its underside fills the frame and becomes the opening WAIT lintel. Under full occlusion, return hidden elements to their initial positions. Reveal the exact opening composition. … ENGINEERING Implement window. seek(t) as a deterministic scene renderer. No accumulated physics, autonomous CSS transitions, or changing random values.

출처Gadgetify @Gdgtify (새 탭에서 열림)Opus 5.5