물리 법칙·Squash & Stretch·익스프레션 자동화
모션그래픽에 입문하는 사람들이 가장 먼저 접하는 예제는 단연 바운싱 볼(Bouncing Ball)입니다. 하지만 이 단순해 보이는 공 튀기기 애니메이션이 사실 모션 디자인의 모든 정수를 담고 있다는 사실, 알고 계신가요?
바운싱 볼을 완벽히 통제할 수 있다면 어떤 복잡한 캐릭터나 타이포그래피 애니메이션도 자연스럽게 구현할 수 있습니다. 물리 법칙, 디즈니 12원칙, 그래프 에디터 완벽 제어, 그리고 익스프레션 자동화까지 전부 해부해 보겠습니다.
Table of Contents
1. 움직임에 생명력을 부여하는 3가지 물리 법칙
중력 가속도 (Gravity & Acceleration)
공이 떨어질 때는 중력에 의해 속도가 빨라지는 가속, 바닥에서 올라갈 때는 서서히 느려지는 감속, 최고점에서는 찰나의 순간 속도가 ‘0’이 됩니다. 이 속도의 대비가 명확할수록 묵직한 중력감이 살아납니다.
에너지 보존과 손실 (Energy Loss)
공이 바닥에 부딪힐 때마다 에너지를 잃습니다. 이 에너지 손실은 점진적으로 낮아지는 바운스 높이로 표현합니다.
| 바운스 | 높이 비율(예시) | 체공 프레임(예시) |
|---|---|---|
| 1회 | 100% | 10 frames |
| 2회 | 70% | 8 frames |
| 3회 | 40% | 6 frames |
| 4회 | 20% | 4 frames |
충돌의 순간 (Collision)
바닥에 닿기 직전과 직후가 속도가 가장 빠른 지점입니다.
⚠️ 초보자 흔한 실수: 충돌 지점에 Easy Ease를 주면 타격감이 사라집니다. 바닥 닿는 순간의 키프레임은 반드시 Linear 상태로 유지하세요.
2. 디즈니 12원칙의 적용
Timing vs Spacing — 무게를 결정하는 핵심
- Timing: 바운스의 총 프레임 수 → 볼링공(빠르고 적은 바운스) vs 탁구공(느리고 많은 바운스)
- Spacing: 키프레임 사이의 간격 → 최고점=촘촘(느림), 낙하 직전=넓음(빠름)
Arcs — 완벽한 포물선
자연계의 모든 움직임은 곡선입니다. 공이 전진하는 궤적은 반드시 완벽한 포물선(Arc)을 유지해야 합니다. 각지거나 꺾이면 시청자의 눈이 즉시 어색함을 감지합니다.
Slow In & Slow Out
최고점에서 천천히 감속(Ease In) 후, 다시 떨어질 때 서서히 가속(Ease Out)하는 자연스러운 흐름 — 그래프 에디터 정점의 베지어 핸들을 수평으로 넓게 펼쳐 체공 시간을 극대화하세요.
Squash & Stretch — 재질감 표현
| 순간 | 형태 | Scale X | Scale Y |
|---|---|---|---|
| 고속 낙하 중 | 길쭉하게 늘어남 (Stretch) | ~85% | ~120% |
| 바닥 충돌 순간 | 납작하게 찌그러짐 (Squash) | ~120% | ~80% |
💡 볼륨 보존의 법칙: Y가 80%로 찌그러지면 X는 반드시 120% 수준으로 늘어나야 시각적 질량이 유지됩니다. 찌그러지는 순간 공의 하단부가 바닥에 완벽히 밀착되도록
Y Position값도 미세 조정하세요.
3. 그래프 에디터 실전 제어
필수: 차원 분리 (Separate Dimensions)
Position 우클릭 → Separate Dimensions 활성화
- X축 (좌우): 등속도 or 부드러운 마찰 감속
- Y축 (상하): 중력의 지배를 받는 날카로운 포물선 곡선
| 그래프 | Y축 주요 활용 | 모양 |
|---|---|---|
| Value Graph | 포물선 궤적 시각적으로 직접 조각 | 정점=둥근 돔, 바닥 충돌=날카로운 V자 |
| Speed Graph | 충돌 에너지 폭발 확인 | 충돌 지점에서 그래프 수직으로 치솟음 |
⚠️ 짧은 바운스 구간 주의 (5프레임 이하): Influence 85% 이상 주면 공이 순간이동합니다. 이 구간은 60~70%로 낮춰주세요.
키프레임 정밀 타이밍 조정
Alt + 방향키 → 키프레임을 프레임 단위로 미세하게 이동 (마우스 드래그 대비 오차 없음)
4. 퀄리티를 수직 상승시키는 디테일 팁
- Null Object 리깅: 공 레이어에는 Scale(스쿼시&스트레치)과 Rotation만 적용. Position은 Null Object에 넣고 공 레이어를 자식으로 연결 → 유지보수 압도적으로 편리
- Motion Blur + Shutter Angle:
Ctrl+K > Advanced > Shutter Angle→ 기본 180°에서 360° 또는 720°로 올리면 낙하 시 다이나믹한 잔상 극대화 - 마찰 표현: X축 마지막 키프레임에
Shift + F9 (Ease In)적용 → 구르며 서서히 멈추는 마찰 효과
5. 익스프레션으로 물리 엔진 자동화
매번 수십 개의 키프레임을 찍는 작업이 번거롭다면 익스프레션으로 자동화하세요. Position 속성 스톱워치를 Alt + Click하여 아래 코드를 붙여넣기 하세요.
// 완벽한 중력 기반 바운싱 자동화 익스프레션
e = 0.7; // 탄성 계수: 0~1 (높을수록 더 잘 튀김)
g = 5000; // 중력 가속도: 높을수록 무겁게 빠르게 떨어짐
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time) n--;
}
if (n > 0){
t = time - key(n).time;
v = velocityAtTime(key(n).time - .001);
vv = v[1];
h = .5*g*t*t - vv*t;
pos = value + [0,h];
while (pos[1] > value[1]){
vv = vv*e;
t_hit = 2*vv/g;
t -= t_hit;
h = .5*g*t*t - vv*t;
pos = value + [0,h];
}
pos;
} else value;
| 변수 | 의미 | 조절 방법 |
|---|---|---|
e = 0.7 | 탄성 계수 | 0.9 → 고무공 / 0.2 → 쇠구슬 |
g = 5000 | 중력 가속도 | 높이면 더 무거운 물체처럼 동작 |
6. 다음 단계를 위한 추천 학습 리소스
| 리소스 | 특징 |
|---|---|
| The Animator’s Survival Kit (Richard Williams 저) | 애니메이션 업계 바이블 — 타이밍·스페이싱 이론의 완벽한 교과서 |
| School of Motion (schoolofmotion.com) | 세계 최고의 모션그래픽 실무 온라인 교육 플랫폼 |
| Video Copilot (videocopilot.net) | VFX 결합 하이엔드 튜토리얼 |
| Motion Design School (YouTube) | 익스프레션·고급 트랜지션 무료 강좌 |
그래프의 선 하나, 프레임 하나의 미세한 차이가 시청자에게 전혀 다른 ‘무게감’과 ‘감정’으로 전달됩니다. 바운싱 볼을 완벽히 지배하는 순간, 애프터이펙트는 여러분의 상상을 현실로 만들어주는 가장 강력한 무기가 됩니다.