반응형
모션그래픽에서 자연스러운 움직임을 구현하려면
"타이밍(Timing)"과 "스페이싱(Spacing)" 개념을 이해해야 합니다.
🧠 Timing = 시간의 간격
- 키프레임 간의 시간 배치
- 빠르게 움직일수록 에너지 있는 느낌
- 느리게 하면 여유, 무게감, 집중 유도
✔️ 키프레임 간격으로 조절 가능
🧠 Spacing = 움직임의 간격 분포
- 위치 변화가 프레임마다 어떻게 나뉘는가
- 같은 시간 안에 더 멀리 이동하면 빠르게 보임
- Graph Editor에서 곡선 형태로 조절 가능
✔️ Value Graph 또는 Speed Graph에서 곡선 편집
💡 실습: 공 떨어뜨리기 애니메이션
단계작업 내용
| 1 | 공(Shape Layer) 생성 |
| 2 | 위-아래 Position 키프레임 설정 |
| 3 | Easy Ease 적용 (F9) |
| 4 | Graph Editor에서 하강 곡선 가파르게 조정 |
| 5 | 바닥 부근에 Spacing을 빽빽하게 조절 |
→ 현실적인 중력 표현 성공!
🎯 핵심 정리
항목설명
| Timing | 시간 간격 (몇 초에 움직이는가) |
| Spacing | 프레임 간의 거리 간격 (어떻게 움직이는가) |
📎 영상 참고
반응형