효과Effects / 자막·하단 자막Captions / Nº 637

단어 팝 자막Word Pop Caption

Word Pop Caption

단어 팝 자막

다른 이름Also known as · Word Pop Captions · Single Word Caption Replacement · 한 단어 자막 교체

637

도판Fig. 637. 단어 팝 자막 · Word Pop Caption · back.out(2)

재생 속도Speed

말하는 단어가 차례로 작게 튀어 오르며 짧은 자막 묶음이 되는 효과Each spoken word pops in turn to form short caption groups.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

빠른 발화에서도 강세와 읽는 위치를 알려 준다. 숏폼에서 말의 리듬이 눈에 보인다Signals stress and reading position even in fast speech, making the rhythm of talk visible in short-form video.

언제 쓰나Use whenUSE WHEN

틱톡·릴스 스타일 자막이 필요할 때
말이 빠른 영상에서 핵심 단어를 강조할 때

Make TikTok or Reels style captions.
Emphasize key words in fast-paced speech.

과용 주의AvoidAVOID

scale 최대 1.15 초과 금지
한 페이지 2~5단어 유지
자막은 안전 영역(하단 22%) 안에 둔다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

한 페이지 3단어가 발화 시각에 160ms로 scale 0.85에서 1.08을 거쳐 1로 튀고 페이지가 끝나면 다음 3단어로 교체된다

과용 · 나쁜 사례OVERUSE

모든 단어를 1.3배로 크게 튀겨 화면이 흔들리고 이전 단어가 사라지지 않고 쌓인다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
팝 시간	160ms	120~220ms	한 단어
scale	0.85→1.08→1	0.8→1.12	튀는 폭
페이지 단어 수	3	2~5	한 화면
이징	back.out(2)	power2.out~back.out(2.5)	살짝 넘침

GSAP

words.forEach(w => {
  tl.fromTo(w.el, { scale: 0.85, opacity: 0 },
    { scale: 1, opacity: 1, duration: 0.16, ease: 'back.out(2)' }, w.start);
});
pages.forEach(p => tl.set(p.el, { autoAlpha: 0 }, p.end));

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

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 자막을 단어 팝 방식으로 만들어줘. <타임스탬프 JSON>의 단어를 한 페이지 3단어로 묶고(한글은 어절 단위), 각 단어가 start 시각에 0.16초 동안 scale 0.85에서 1로 back.out(2)로 튀며 나타나게 해. 페이지가 끝나면 즉시 다음 페이지로 교체하고 이전 단어가 남지 않게 해. 화면 하단 22% 안전 영역에 배치.

Build word-pop captions in <target>. Group the words in <timestamp JSON> into pages of 3 (for Korean, per eojeol) and pop each word at its start time over 0.16 seconds from scale 0.85 to 1 with back.out(2). At the end of a page replace it immediately with the next so no earlier word remains. Place in the bottom 22% safe zone.

Codex

<파일>의 단어 span에 fromTo(scale 0.85→1, opacity 0→1, 0.16s, back.out(2))를 start 시각에 걸고 페이지 종료 시 autoAlpha 0. 페이지 경계 전후 캡처로 이전 단어가 남지 않았는지, 단어 start+0.08초 프레임에서 scale이 1.0을 넘는지 확인해.

In <file> add fromTo (scale 0.85 to 1, opacity 0 to 1, 0.16s, back.out(2)) at each word start and autoAlpha 0 at page end. Capture around a page boundary to confirm no earlier word remains, and at word start + 0.08s to confirm the scale is above 1.0.