효과Effects / 타이포Typography / Nº 106

반복 텍스트 벽Repeated Text Wall

Repeated Text Wall

반복 텍스트 벽

다른 이름Also known as · Repeated Text Wall Build · 반복 텍스트 벽 생성 · Repeated Text Fragment Fan · 반복 텍스트 조각 펼침

106

렌더 추가 예정CLIP COMING반복 텍스트 벽Repeated Text Wall정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 106. 반복 텍스트 벽 · Repeated Text Wall · power3.out

한 문구가 여러 행으로 복제되어 화면을 채우는 효과One phrase is duplicated into many rows that fill the screen.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

문구의 존재감과 반복이 주는 압도감을 만든다. 리듬이 있는 화면 질감이 된다Builds presence and the overwhelming feel of repetition into a rhythmic screen texture.

언제 쓰나Use whenUSE WHEN

브랜드명이나 캠페인 문구를 배경 패턴으로 확장할 때
타이틀 끝에서 화면을 문구로 가득 채워 강한 인상을 남길 때

Extend a brand name or campaign line into a background pattern.
End a title by flooding the frame with the phrase.

과용 주의AvoidAVOID

가운데 행 외에는 opacity 0.15~0.5로 낮춘다
행 수 9 초과 금지
반복 문구가 긴 문장이면 쓰지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

'MOVE' 한 줄이 7행으로 늘어나며 행 지연 80ms, 글자 지연 20ms로 위아래에서 퍼져 가운데 행만 선명하다

과용 · 나쁜 사례OVERUSE

모든 행이 같은 밝기로 채워져 어느 행이 주 문구인지 알 수 없다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
행 수	7	5~9	화면을 채우는 수
행 지연	80ms	50~120ms	가운데에서 바깥으로
글자 지연	20ms	10~40ms	행 내부
지속	700ms	500~900ms	행당

GSAP

const mid = Math.floor(rows.length / 2);
rows.forEach((row, i) => {
  const d = Math.abs(i - mid);
  tl.from(row, { yPercent: (i - mid) * -40, opacity: 0, duration: 0.7, ease: 'power3.out' }, d * 0.08);
  gsap.set(row, { opacity: d === 0 ? 1 : Math.max(0.15, 0.6 - d * 0.15) });
});

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>의 문구 '<문구>'를 7행으로 복제해 화면을 채워줘. 가운데 행이 먼저 나타나고 위아래로 80ms씩 늦게 퍼지며, 행당 0.7초 power3.out, 행 내부 글자는 20ms 간격. 가운데 행만 opacity 1이고 바깥은 0.15~0.5로 낮춰. 한글은 음절 단위 분리.

Duplicate '<text>' into 7 rows filling <target>. The center row appears first and the rows spread up and down 80ms apart, 0.7 seconds per row with power3.out and 20ms between letters within a row. Only the center row is at opacity 1; the outer rows sit between 0.15 and 0.5. Split Korean by syllable.

Codex

<파일>에 문구 7행 복제 레이어를 만들고 tl.from(yPercent, opacity)을 |i-mid|*0.08 위치에 건다. 0.3초, 0.8초, 2초 캡처로 가운데 행이 가장 선명하고 바깥 행 opacity가 0.5 이하인지 확인해.

In <file> build a 7-row duplicate layer and add tl.from (yPercent, opacity) at |i-mid|*0.08. Capture at 0.3s, 0.8s and 2s and verify the center row is the sharpest and outer rows are at opacity 0.5 or lower.