애프터이펙트 텍스트 완벽 가이드

익스프레션 자동화·텍스트 애니메이터·MOGRT

텍스트를 입력하고 Fade-in 주는 것은 시작에 불과합니다. 실무 하이엔드 모션그래픽에서 텍스트는 데이터와 연동된 반응형 오브젝트이자 키네틱 타이포그래피의 핵심 자원입니다. 익스프레션 자동화부터 MOGRT 템플릿 수익화까지 완전히 해부합니다.



1. 타이포그래피 기본 원칙: 법적 안전과 디자인 정밀도

폰트 저작권 — OFL의 이해

사용 분류위험도해결책
무료 개인용 폰트를 유튜브 수익 창출 영상에 사용🔴 상업적 사용 — 합의금 위험반드시 OFL 또는 명시적 상업용 허가 확인
OFL (Open Font License) 폰트✅ 상업 안전Google Noto Sans, Spoqa Han Sans, 나눔스퀘어
기업/지자체 공개 폰트✅ 검증됨배포처의 상업 허가 범위 재확인 권장

절대 금지 — Faux Bold / Faux Italic

캐릭터 패널 하단의 ‘가짜 굵게(T)’와 ‘가짜 기울기(T)’ 버튼은 절대 사용하지 마세요.

→ 폰트 디자이너가 설계한 벡터 밸런스를 강제로 망가뜨려 가독성 심각하게 훼손. 반드시 폰트 패밀리의 Weight (Thin·Regular·Bold·Black)를 선택하여 두께 조절

장평·자간의 황금비

속성기본값프로 설정효과
장평 (Horizontal Scale)100%95~97%탄탄하고 밀도감 있는 글자 배치
자간 (Tracking)0약간 좁힘단어를 하나의 시각 덩어리로 인식
커닝 (Kerning)AutoAlt + ←/→ 수동 조절타이틀 글자 사이 시각적 무게 균형

💡 가독성 테스트: “내가 읽을 수 있는가?”가 아닌 “처음 본 시청자가 즉시 읽을 수 있는가?” 가 기준. 애니메이션 종료 후 최소 8~10프레임 정지 시간 확보 필수


2. 텍스트 자동화: 익스프레션의 세계

① CSV/JSON 데이터 연동 — 100명 이름표를 엑셀로 관리

CSV·JSON 파일을 임포트 → 텍스트 레이어의 Source Text에 sourceData 익스프레션으로 연결 → 이후 엑셀 파일만 덮어씌우면 전체 영상 텍스트 일괄 업데이트

→ 100개의 이름표·자막 수정을 AE 없이 엑셀로만 처리

② 숫자 카운팅 + 천 단위 콤마 자동화

0 → 100,000까지 자동 올라가는 숫자 모션에 콤마 삽입:

// Source Text에 적용 — Slider Control 이펙트와 연동
num = Math.floor(effect("Slider Control")("Slider"));
num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

슬라이더 수치만 키프레임으로 조정하면 1,234,567 형태의 완벽한 카운팅 모션 완성

③ 터미널 타이핑 이펙트 + 블링킹 커서

기본 Typewriter 프리셋보다 훨씬 정밀한 개발자 터미널 스타일:

L = thisLayer.sourceText.length;
T = time * 10;          // 10 = 타이핑 속도 (자유롭게 수정)
F = Math.round(time % 1); // 1초 주기 깜빡임 계산
cursor = F == 1 ? "|" : ""; // 커서 모양
value.substr(0, T) + cursor;

→ 글자가 실시간으로 출력되면서 끝에 깜빡이는 | 커서가 자동 생성


3. 텍스트 애니메이터: 키프레임 없는 무한 모션

텍스트 레이어 → Animate 버튼 → 개별 글자/단어/줄 단위로 속성 제어

Range Selector 고급 사용법

기능기본값프로 설정효과
UnitsPercentage (%)Index텍스트 길이 상관없이 ‘3번째 글자만’ 정확히 타겟팅
ShapeSquareRamp Up그래프 에디터 없이 텐션감 있는 모션 생성
Ease High / Low기본값Ease High 100%, Ease Low 50%단 2개의 키프레임으로 고급 타이포그래피 모션 완성

Wiggly Selector — 유체(Liquid-like) 유기체 모션

Correlation 값동작시각 효과
0%글자들이 개별 난동카오틱한 디지털 글리치
50~80%글자들이 서로 영향받아 움직임물결·물고기 떼처럼 유기적으로 파도치는 액체 모션

💡 심화 기법: 하나의 Animator 그룹에 Position·Rotation·Character Offset·Blur를 동시에 추가 → 랜덤 글자가 블러와 함께 디코딩되며 최종 단어가 드러나는 하이엔드 연출


4. 패스 텍스트(Path Options)

곡선·원형 위에 텍스트 흐르게 하기:

  1. 텍스트 레이어 선택 → 펜 툴로 패스 그리기 → Mask Mode를 “None” 으로 설정
  2. 레이어 → Text > Path Options > Path → 방금 그린 마스크 지정

핵심 파라미터

파라미터기능
First Margin패스 위 텍스트 위치. 키프레임 = 텍스트가 흐름뉴스 티커·롤러코스터 모션
Reverse Path텍스트 방향 반전원형 패스에서 안팎 전환
Perpendicular to PathOn = 글자가 곡면에 따라 기울음 / Off = 항상 수직 유지디자인 의도에 따라 선택
Force Alignment⚠️ 자간 파괴 — 사용 금지텍스트를 패스 전체 길이로 강제 늘림

5. MOGRT: 협업·템플릿 수익화 파이프라인

① sourceRectAtTime — 반응형 자막 바

글자 길이에 맞춰 배경 박스가 자동으로 리사이즈:

// 셰이프 레이어 Size 속성에 적용
txt = thisComp.layer("자막텍스트");
w = txt.sourceRectAtTime().width;
h = txt.sourceRectAtTime().height;
[w + 50, h + 30]  // 50, 30 = 상하좌우 여백(Padding)

텍스트 내용이 무엇이든 박스가 자동으로 따라옴

② Responsive Design (Time) — 보호된 영역

프리미어 편집자가 클립 길이를 늘릴 때 인트로/아웃트로 모션이 느려지는 현상 방지:

인트로·아웃트로 구간을 Protected Region으로 지정 → 중간 정지 구간만 늘어나고 모션 타이밍 완벽 보존

③ 에센셜 그래픽스 사용자 권한

에센셜 그래픽스 패널에 Source Text 드래그 → Edit Properties → ‘Allow Font Selection’ 체크 → 편집자가 폰트를 자유롭게 변경 가능


6. 2026 텍스트 모션 트렌드 + 필수 플러그인

2026 주요 트렌드

트렌드특징구현 방법
Variable Font Motion폰트 두께·너비가 익스프레션으로 실시간 변화Variable Font + 익스프레션 연동
Kinetic Displacement텍스트가 물결치고 왜곡되는 몽환적 연출Displacement Map + Fractal Noise
Mixed Media + Grain디지털 선명함 위에 필름 그레인·하프톤 덧입히기Adjustment Layer + Grain

작업 속도 10배 향상 필수 플러그인

플러그인기능핵심 활용
TextExploder V2문장 → 글자/단어/줄 개별 레이어로 원클릭 분해키네틱 타이포그래피 필수 전처리
Overlord일러스트레이터 벡터·텍스트를 AE로 클릭 한 번에 직접 전송파일 저장-불러오기 과정 완전 제거
Motion 4앵커 포인트 정렬·이징 커브를 원클릭 적용복잡한 그래프 에디터 없이 완벽한 텐션
FontSelf직접 디자인한 글자를 타이핑 가능한 .OTF 폰트로 즉시 변환브랜드 커스텀 폰트를 AE에 바로 적용

텍스트는 정보 전달 매개체인 동시에 그 자체로 훌륭한 시각 디자인 요소입니다. 익스프레션으로 데이터를 통제하고, 애니메이터로 생명력을 불어넣으며, MOGRT로 시스템화하는 과정을 마스터하는 순간 여러분의 작업물은 다른 차원의 퀄리티를 보여줄 것입니다.

댓글 남기기