애프터이펙트 패스 모핑과 버스트 애니메이션 완벽 가이드

작성자:

리퀴드 모션·탄성 익스프레션·Lottie

유튜브 튜토리얼을 똑같이 따라 했는데 왜 내 애니메이션은 뻣뻣하고 전문가의 작품은 물 흐르듯 유기적일까요? 그 해답은 단순히 툴의 기능을 아는 것을 넘어 물리 법칙의 시각적 구현과 디테일의 중첩에 있습니다.

오늘은 모션 디자인의 양대 산맥인 패스 모핑(Path Morphing)과 버스트(Burst) 애니메이션을 중심으로 하이엔드 실무 테크닉을 완전히 해부합니다.

1. 패스 모핑: 단순 변형을 넘어선 ‘생명력’ 부여

완벽한 모핑을 위한 3대 원칙

원칙방법이유
Bezier Path 변환도형 Path 우클릭 → Convert to Bezier Path기본 도형은 Size만 있고 개별 점 제어 불가
First Vertex 정렬기준점 선택 우클릭 → Mask and Shape Path > Set First Vertex시작점이 다르면 모핑 시 도형이 꼬이며 회전(“보타이” 현상)
Vertex 개수 일치펜 툴로 Add Vertex → 두 도형의 점 개수를 동일하게개수 불일치 시 소프트웨어가 추정하여 형태 붕괴

엘라스틱 모핑(Elastic Morphing) — 생명력 부여

단순한 A→B 변환은 로봇처럼 느껴집니다. 디즈니 12원칙을 적용하세요:

  1. Anticipation (예비 동작): 변형 직전 형태를 살짝 수축 → 에너지를 모으는 느낌
  2. Morph (변형): 빠르게 B 형태로 전환
  3. Overshoot (오버슛): 목표 형태를 살짝 지나쳤다가 탄성으로 제자리로 → 쫀득한 물리감

중간 매개체(Blob) 기법

복잡한 캐릭터나 일러스트를 직접 모핑하면 실패합니다.

해결책: A 형태를 빠르게 원이나 선으로 뭉쳤다가 → B 형태로 펼치는 방식 사용. 복잡한 연산을 숨기면서도 스타일리시한 트랜지션 완성.

💡 추천 툴: 복잡한 패스 작업이 부담스럽다면 Aescripts Super Morphing 스크립트로 자동 매칭 + 탄성 효과를 원클릭 생성

2. 버스트(Burst) 애니메이션: 타격감의 해부학

완벽한 방사형 폭죽 구조 (단계별 세팅)

  1. 세로 선 그리기 → Fill OFF, Stroke ON, Line Cap → Round Cap
  2. Trim Paths 추가 → End 0→100% 키프레임 (선 등장) → 약 3프레임 뒤 Start 0→100% (꼬리 소멸)
  3. 그래프 에디터 → Influence 90%+ 적용 → “스르륵”이 아닌 “펑!” 폭발감
  4. Repeater 추가 → Copies: 12 → Transform: Repeater > Position: (0,0) → Rotation: 30°

3가지 디테일 추가로 프로 품질 달성

디테일방법효과
Taper 적용Stroke > Taper > Start Length 85%, Width 0%둔탁한 선 → 날카롭고 날렵한 파편
극단적 속도감그래프 에디터 Influence 90%+즉발 폭발 후 우아한 감속
복합 레이어링Ctrl+D 복제 → 두께 줄이기 + 타이밍 2~3프레임 지연 + Start를 바깥으로굵은 불꽃 + 미세한 불티 → 입체적 폭발감

3. 리퀴드 모션(Liquid Motion) — 벡터의 유기적 질감

셰이프 레이어의 딱딱한 벡터 느낌을 물방울·젤리처럼 변환하는 기법:

단계설정역할
1. Gaussian Blur강도 30~50 적용도형 경계를 용해시켜 흰 덩어리로 만듦
2. LevelsChannel → Alpha 변경 → Black/White 값을 좁게 조정번진 알파 경계를 다시 날카롭게 압축
결과두 형태가 가까워질 때 자동으로 찰싹 달라붙었다 떨어짐완벽한 액체 표면 장력 재현

빛과 질감의 중첩

  • Echo 효과: Decay 0.8 + Echo Operator: Maximum → 잔상·레티나 번 효과
  • Deep Glow 플러그인: 물리적으로 정확한 빛 번짐 (기본 Glow보다 훨씬 자연스러움)
  • Noise/Grain 2~3% 추가: 하이엔드 방송 필름 질감 완성

4. 익스프레션 자동화: Elastic Bounce

키프레임 두 개만 찍으면 자동으로 탄성 물리 효과가 계산됩니다. Scale 또는 Position 스톱워치 Alt+Click 후 붙여넣기:

// 하이엔드 Elastic Bounce 익스프레션
freq = 3;      // 탄성 빈도 (튀는 횟수)
amplitude = 20; // 진폭 (오버슛 강도)
decay = 5;     // 감쇠 (멈추기까지 시간)

n = 0;
if (numKeys > 0){
  n = nearestKey(time).index;
  if (key(n).time > time){ n--; }
}
if (n == 0) { t = 0; }
else { t = time - key(n).time; }
if (n > 0){
  v = velocityAtTime(key(n).time - .001);
  value + v*amplitude/100*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
} else { value }
변수의미조절 방법
freq = 3탄성 튀는 횟수높을수록 빠르게 여러 번 진동
amplitude = 20오버슛 강도높을수록 더 크게 튀어나감
decay = 5감쇠 속도높을수록 빠르게 진정됨

5. 실무 트렌드: Lottie와 셰이프 레이어

Lottie UI 마이크로 인터랙션

애프터이펙트의 셰이프 레이어 애니메이션은 LottieFiles를 통해 JSON 코드로 iOS·Android·Web 앱에 직접 삽입됩니다. Trapcode Particular 같은 서드파티 플러그인은 Lottie와 호환되지 않으므로 셰이프 레이어 기반 버스트 기법이 UI/UX 모션의 업계 표준입니다.

Shape Layers vs Particle Systems

도구최적 용도
Shape Layers + Repeater2D 플랫 그래픽, UI 마이크로인터랙션, Lottie 호환
Trapcode Particular3D 심도, 무작위 파편 수천 개, 중력·바람 시뮬레이션

6. 전문가 추천 학습 리소스

채널/플랫폼전문 분야
Ben Marriott (YouTube)벡터 스타일 모핑·패스 테크닉 최고 사례
Jake In Motion (YouTube)AE 기본 이펙트 완전 해부 백과사전
Motion Design School하이엔드 실무 워크플로우 마스터클래스
Aescripts + AepluginsSuper Morphing·Flow 등 전문가 스크립트 성지
Cavalry (소프트웨어)절차적 벡터 애니메이션·데이터 기반 모션
Motionographer (웹)글로벌 최상급 스튜디오 포트폴리오 레퍼런스

패스 모핑과 버스트 애니메이션을 ‘얼마나 깊이 있게 다루느냐’가 툴러(Tooler)와 디자이너(Designer)를 구분 짓는 기준입니다. 오늘 소개된 물리적 타이밍, 레이어 중첩, 리퀴드 텍스처, 익스프레션 코드를 지금 바로 적용해 보세요.

댓글 남기기