카운트업 숫자 애니메이션
0에서 목표 수치까지 숫자가 올라가는 애니메이션 — 데이터의 임팩트를 극대화한다.
정적인 '매출 52억'보다 0에서 52억까지 올라가는 숫자가 훨씬 강렬하다. 카운트업은 프레젠테이션, 유튜브, 뉴스 그래픽에서 가장 많이 쓰이는 인포그래픽 기법이다.
카운트업(Count-Up)은 숫자 텍스트가 0(또는 시작값)에서 목표 수치까지 빠르게 증가하는 애니메이션이다. After Effects에서는 Slider Control 이펙트와 표현식(Expression)을 조합하여 구현한다.
| 구현 방법 | 난이도 | 장점 | 단점 |
|---|---|---|---|
| Slider Control + Expression | 중 | 정밀 제어, 이징 적용 가능 | 표현식 지식 필요 |
| Numbers Effect | 하 | 간단, 내장 기능 | 서식 커스텀 제한적 |
| 소스 텍스트 키프레임 | 하 | 표현식 불필요 | 매 프레임 수동 입력 |
핵심 표현식 — 텍스트 레이어의 Source Text에 다음을 입력: `Math.round(effect('Slider Control')('Slider')).toLocaleString()` Slider Control 값을 0 → 목표값으로 키프레임하면 콤마가 자동 삽입된 카운트업이 완성된다.
타이밍 원칙 — 카운트업은 1~2초가 적당하다. 너무 짧으면 숫자 변화를 인지 못하고, 너무 길면 지루하다. Ease Out을 적용하면 마지막 숫자에서 속도가 줄어들어 '착지'하는 느낌이 난다. 이것이 목표 수치에 시선을 고정시킨다.
실전 팁 — 단위(억, %, 만 명)는 카운트업과 별도 텍스트 레이어로 분리한다. 숫자만 애니메이션하고 단위는 고정하면 가독성이 좋다. 소수점이 필요하면 `.toFixed(1)`을 사용한다.
After Effects에서 카운트업 애니메이션을 만들 때 숫자 값을 제어하기 위해 주로 사용하는 이펙트의 이름은?
카운트업 애니메이션에 Ease In을 적용하면 마지막 숫자에서 속도가 줄어들어 착지감이 좋다. (O/X)