본문 바로가기
에펙 기본기

에프터 이펙트 팁: 애니메이션 이징 커브(Easing Curve)란?

by B_모션 2025. 3. 21.
728x90
반응형

📌 애니메이션 이징 커브(Easing Curve)란?

이징 커브는 움직임의 속도 변화를 조절해 자연스럽고 생동감 있는 애니메이션을 구현하는 기술입니다. 모든 사물은 현실 세계에서 등속도로 움직이지 않기 때문에, 이징 커브를 적용하면 디지털 모션도 현실감을 얻을 수 있습니다.

▶︎ 왜 이징 커브가 중요한가요?

  • 기계적인 움직임을 인간적으로 변환
  • 사용자에게 직관적인 피드백 제공 (예: 버튼 클릭 효과)
  • 영상의 전문성스토리텔링 강화

📊 이징 커브의 4가지 기본 유형

1. Linear (선형)

  • 속도 변화 없음
  • 사용 예시: 로딩 바, 디지털 시계

2. Ease In (가속)

  • 시작 시 느리게 → 점점 빨라짐
  • 사용 예시: 로켓 발사, 알림 팝업 등장

3. Ease Out (감속)

  • 시작 시 빠르게 → 점점 느려짐
  • 사용 예시: 페이지 스크롤 멈춤, 모달 창 닫기

4. Ease In Out (가속 후 감속)

  • 가장 자연스러운 움직임
  • 사용 예시: 공 튀기기, 차량 가속/정지

🎬 에펙(After Effects)에서 이징 커브 적용 방법

단계 1: 키프레임에 Easy Ease 적용

  1. 키프레임 선택 → 마우스 우클릭
  2. Keyframe AssistantEasy Ease 클릭

단계 2: 그래프 편집기로 세부 조정

  1. 상단 바에서 Graph Editor 아이콘 클릭
  2. 속도 곡선의 핸들을 드래그해 커브 수정
  3. Tip: Alt 키를 누르면 핸들 분리 가능

💡 이징 커브 실전 활용 예시

예시 1: 버튼 클릭 효과

  • Ease Out 적용 → 눌림 → Ease In으로 복원
  • 사용자에게 클릭 성공 피드백 전달

예시 2: 페이지 전환 애니메이션

  • Ease In Out으로 부드러운 이동
  • 화면 전환 시 혼란 방지

🚀 프로처럼 쓰는 이징 커브 팁

  • 프리셋 저장: 자주 쓰는 커브를 Animation Presets에 등록
  • Flow 플러그인: 시각적 커브 편집 툴 추천 (다운로드 링크)
  • 참고 자료: Beeple 아티스트의 모션 그래픽 분석

❓ 자주 묻는 질문 (FAQ)

Q1. 이징 커브와 키프레임 인터폴레이션 차이는?

A: 키프레임 인터폴레이션은 움직임의 형태를, 이징은 속도를 제어합니다.

Q2. 모바일 앱 애니메이션에도 적용되나요?

A: 네! Lottie를 사용하면 에펙 이징 커브를 iOS/Android에 적용 가능합니다.

728x90
반응형