topic★★★★★난이도
Per-Character 애니메이션
글자 하나하나에 독립 키프레임을 부여하는 텍스트 모션의 출발점.
#Per-Character#Text Animator#글자별#Stagger
일반 텍스트 애니메이션은 텍스트 레이어 전체가 한 덩어리로 움직인다. Per-Character 애니메이션은 다르다 — 'H', 'e', 'l', 'l', 'o' 각 글자가 독립된 타이밍으로 움직인다. 같은 Fade-in이라도 글자별로 0.05초씩 지연(Stagger)을 주면 '타이핑하는 느낌'이 생긴다.
After Effects에서는 Text Layer > Animate 메뉴에서 Text Animator를 추가하면 Per-Character 모드가 활성화된다. Position, Opacity, Scale, Rotation 등 거의 모든 속성을 글자 단위로 제어할 수 있다. Premiere에서는 Essential Graphics의 '텍스트 애니메이션 사전 설정'으로 유사 효과를 낸다.
| 방식 | 적용 단위 | 타이밍 제어 | 사용 도구 |
|---|---|---|---|
| 일반 Transform | 레이어 전체 | Position/Scale 키프레임 | AE/Premiere |
| Per-Character | 개별 글자 | Text Animator + Selector | AE 전용 |
| CSS/웹 | 개별 `<span>` | animation-delay | 웹 에디터 |
실전 팁: Per-Character는 5~15글자 이하의 짧은 텍스트에서 가장 효과적이다. 긴 문장에 적용하면 등장 시간이 늘어져 시청자가 지루해진다. 긴 텍스트는 단어(Word) 또는 줄(Line) 단위 애니메이션이 더 적합하다.
실기 드릴 1문항
check_circle실기 드릴 · OX
Per-Character 애니메이션에서 Stagger 값을 0으로 설정하면 모든 글자가 동시에 움직인다. (O/X)