효과Effects / 질감·스타일Texture & Style / Nº 497

글자 복제 잔상Text Echo Trail

Text Echo Trail

글자 복제 잔상

다른 이름Also known as · Text Clone Motion Trail · 텍스트 복제 잔상 · Framebuffer Text Feedback · 프레임버퍼 텍스트 피드백

497

도판Fig. 497. 글자 복제 잔상 · Text Echo Trail · power3.out

재생 속도Speed

움직이는 문구 뒤로 여러 복사본이 시간차로 따라오며 사라지는 잔상Delayed text copies trail behind a moving phrase and fade out.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

속도와 궤적이 눈에 보인다. 빠르게 움직인다는 사실이 글자로 전달된다Speed and trajectory become visible, so the phrase reads as fast.

언제 쓰나Use whenUSE WHEN

빠르게 슬라이드해 들어오는 제목에 속도감을 더할 때
전환 순간에 문구가 화면을 가로지를 때

Adding speed to a title that slides in quickly
A phrase crossing the frame at a transition

과용 주의AvoidAVOID

이동이 끝나면 잔상을 제거한다. 남은 잔상은 중복 글자처럼 보인다
복사본은 6개 이하. 글자 색을 낮은 opacity로만 쓰고 색 변화는 주지 않는다

분류TagsTAGS

질감·스타일Texture & Style 주목 끌기Attention 강조Emphasis 숏폼Short-form 설명 영상Explainer video 난이도 중급Intermediategsap

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

제목이 900px를 0.9초에 지나가는 동안 복사본 6개가 0.045초 간격으로 따라오며 opacity가 0.5에서 0으로 줄어든다

과용 · 나쁜 사례OVERUSE

복사본을 20개 이상 쌓아 문구가 번져 읽히지 않고 잔상이 정지 후에도 남는다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
복사본 수	6	4~8	본체 제외
간격	0.045s	0.03~0.06s	뒤로 갈수록 늦게 출발
시작 opacity	0.5	0.3~0.6	뒤로 갈수록 감소
이동 시간	0.9s	0.6~1.2s	power3.out

GSAP

for (let k = 0; k <= 6; k++) {
  const layer = k === 0 ? main : main.cloneNode(true);
  if (k) { layer.style.opacity = 0.5 * (1 - k / 7); stage.appendChild(layer); }
  tl.fromTo(layer, {x:-900}, {x:0, duration:0.9, ease:'power3.out'}, 0.2 + k * 0.045);
  if (k) tl.set(layer, {opacity:0}, 1.3);
}

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 제목이 왼쪽 900px에서 0.9초 power3.out으로 들어올 때 뒤로 복사본 6개가 0.045초씩 늦게 따라오게 해줘. 복사본 opacity는 0.5에서 뒤로 갈수록 줄이고, 1.3초에 모두 제거해 최종에는 제목 하나만 남게 해.

As the title in <target> slides in from 900px left over 0.9s power3.out, add 6 trailing copies each starting 0.045s later, at opacity 0.5 decaying with index. Remove all copies at 1.3s so only one title remains.

Codex

<파일>에 text echo trail을 적용해. 본체와 복제 6개에 x -900에서 0을 0.9초 power3.out, 시작 지연 k*0.045, 복제 opacity 0.5*(1-k/7). 1.3초에 복제 opacity 0. 0.5초·1.0초·1.6초를 캡처해 잔상 번짐, 잔상 수렴, 잔상 제거 상태를 확인해.

Apply text echo trail in <file>. Main plus 6 clones with x -900 to 0 over 0.9s power3.out, start delay k*0.045, clone opacity 0.5*(1-k/7); set clone opacity 0 at 1.3s. Capture at 0.5s, 1.0s and 1.6s and verify the trail smear, its convergence, and its removal.