AWESOME AI MOTION
효과Effects / 타이포Typography / Nº 117

단어 릴레이Word Relay

Word Relay
단어 릴레이
다른 이름Also known as · Word relay
117
렌더 추가 예정CLIP COMING단어 릴레이Word Relay정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below
도판Fig. 117. 단어 릴레이 · Word Relay · power3.out (진입) / power2.in (퇴장)

큰 단어 하나가 오른쪽에서 들어와 중앙에서 멈췄다가 왼쪽으로 나가고 다음 단어가 이어받는 릴레이One big word enters from the right, pauses at center, exits left, and the next word takes over.

01

무엇을 전하나What it tells

전달 효과ConveysCONVEYS
핵심 메시지가 한 단어씩 바통처럼 전달되는 리듬. 마지막 단어는 남아 결론이 된다The message is passed along word by word like a baton, and the last word stays as the conclusion.
언제 쓰나Use whenUSE WHEN
  • 2~5단어로 된 슬로건을 한 단어씩 크게 보여 줄 때
  • 스크롤 한 구간에서 핵심 키워드를 차례로 전달할 때
  • When showing a 2 to 5 word slogan one huge word at a time
  • When delivering keywords in sequence within one scroll section
과용 주의AvoidAVOID
  • 단어당 정지 0.5초 이하로 줄이지 않는다. 읽히기 전에 나가 버린다
  • 단어는 2~5개. 6개 이상이면 릴레이가 지루해진다
분류TagsTAGS
타이포Typography순서·흐름Sequence주목 끌기Attention강조Emphasis스크롤덱Scroll deck숏폼Short-form발표Presentation난이도 중급Intermediategsap
02

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

"기획 / 제작 / 배포" 세 단어가 각각 0.4초 진입, 0.6초 정지, 0.3초 퇴장으로 이어지고 "배포"는 남는다

과용 · 나쁜 사례OVERUSE

단어가 퇴장하는 동안 다음 단어가 이미 중앙에 있어 두 단어가 겹쳐 읽힌다

03

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM기본DEFAULT범위RANGE메모NOTE
진입0.4s0.3~0.5sx +900px에서 0
정지0.6s0.5~1.0s중앙 홀드
퇴장0.3s0.25~0.4sx -900px
마지막 단어유지유지 또는 퇴장결론 단어는 남긴다
GSAP
const ws = ['기획','제작','배포'];
ws.forEach((w, i) => {
  const t = i * 1.3;
  tl.fromTo(el(i), {x:900, opacity:0}, {x:0, opacity:1, duration:0.4, ease:'power3.out'}, t);
  if (i < ws.length - 1) tl.to(el(i), {x:-900, opacity:0, duration:0.3, ease:'power2.in'}, t + 1.0);
});
README
04

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 word relay를 만들어줘. 큰 단어 <단어들>이 오른쪽 900px에서 0.4초 power3.out으로 들어와 중앙에서 0.6초 멈추고 0.3초 power2.in으로 왼쪽 900px로 나가며 다음 단어가 이어받아. 마지막 단어는 남겨. 한 타임라인 하나로 seek 가능하게.

Build a word relay in <target>. Big words <words> enter from 900px right in 0.4s power3.out, hold at center for 0.6s, and exit 900px left in 0.3s power2.in as the next takes over. Keep the last word. Use a single seekable timeline.

Codex

<파일>에 word relay를 적용해. 단어 span을 absolute로 겹치고 단어 i의 시작 t=i*1.3, 진입 0.4, 퇴장은 t+1.0에 0.3초. 마지막은 퇴장 없음. 각 단어의 중앙 정지 구간(0.6초, 1.9초, 3.2초)을 캡처해 한 시점에 한 단어만 보이는지 확인해.

Apply word relay in <file>. Stack word spans absolutely; word i starts at t=i*1.3, enters in 0.4s, exits at t+1.0 over 0.3s; the last word does not exit. Capture inside each center hold (0.6s, 1.9s, 3.2s) and verify only one word is visible per frame.

05

도구별로 쓰기In your tools

HyperFrames · ReelForge · Scrolline

HyperFramesVIDEO · GSAP
단어마다 absolute로 겹쳐 두고 x만 보간한다. 진입/정지/퇴장 세 구간을 고정 위치에 배치해 seek 정확도를 확보한다
ReelForgeBRIEF TO VIDEO
브리프에 단어 배열, 진입 0.4초, 정지 0.6초, 퇴장 0.3초, 마지막 단어 유지 여부를 싣는다
Scrolline DeckSCROLL SCRUB
정본 형태다. 진행률 0~0.7을 단어 수로 나누고 구간마다 진입·정지·퇴장을 배분한다. 핀 길이는 약 220vh, scrub에서는 ease-out만 쓴다
06

잘 맞는 조합Pairs well with

렌더 추가 예정CLIP COMING
문장 밀어 쌓기Phrase Push Build
104
Nº 104문장 밀어 쌓기Phrase Push BuildPhrase Push Build
키네틱 비트 · Kinetic Beats
Nº 090키네틱 비트Kinetic BeatsKinetic Beats
렌더 추가 예정CLIP COMING
고정 장면 스크롤리텔링Pinned Scrollytelling
389
Nº 389고정 장면 스크롤리텔링Pinned ScrollytellingPinned Scrollytelling
07

쓰이는 곳Used in

루트Route
뉴스레터Newsletter
08

출처Sources

개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo