모션 그래픽 디자인을 위한 애프터 이펙트 실무 강의

이수정 지음 | 김도형 옮김

한빛미디어 2022년 10월 10일 출간 종이책 : 2022년 09월 16일 출간

작품소개

책소개

모션 그래픽 디자인은 초 단위의 짧은 시간 안에 시청자와 소통할 수 있는 탁월한 솔루션입니다. 모바일, SNS 플랫폼이 확장되면서 창의적인 숏폼 콘텐츠가 대두되고 있습니다. 이 책은 좋은 모션 그래픽 디자인을 만들기 위해 필요한 디자인 이론부터 제작 프로세스, 디자인 트렌드를 알아보고 디자인 트렌드에 기반한 다양한 프로젝트 실습 예제를 따라 할 수 있게 구성되어 있습니다. 특히 유튜브, 인스타 등 모바일이나 SNS 숏폼 콘텐츠에 최적화한 프로젝트 실습 예제로 수준 높은 모션 그래픽 디자인을 완성할 수 있게 도와줍니다.
Pre-Step Training → Training → Self-Training의 3단계 실무 가이드로 모션 그래픽 디자인을 배우고, 디자인 애니메이션의 12가지 원칙과 전문가의 노하우로 실력을 쌓습니다. 더 나아가 애프터 이펙트에서 필수적으로 익혀야 하는 기능은 유튜브 영상 강의로 학습할 수 있습니다. 책에 미처 싣지 못한 추가 활용 예제를 무료 eBook으로 제공하니, 모션 그래픽 디자인 실력을 업그레이드하는 데 제격입니다.

목차

PART 01. 모션 그래픽 시작하기
CHAPTER 01. 모션 그래픽 디자인
LESSON 01. 모션 그래픽 디자인의 역사
모션 그래픽의 시작
영상 디자인의 선구자 솔 바스
LESSON 02. 모션 그래픽 디자인 제작 프로세스
모션 그래픽 실무 제작 과정 한눈에 이해하기
Pre-Production
Production
LESSON 03. 모션 그래픽 디자인 트렌드
디자인 트렌드 읽기
2D와 3D 모션 그래픽 디자인의 결합
Mixed Media
웹, 앱 모션 그래픽
아이소메트릭 디자인(Isometric Design)
키네틱 타이포그래피(Kinetic Typography
더 알아볼 트렌드


PART 02. 모션 그래픽의 핵심, 모션 디자인의 모든 것
CHAPTER 01. 모션 그래픽과 애니메이션의 12가지 원칙
LESSON 01. 모션 그래픽에서의 움직임
LESSON 02. 모션 그래픽과 애니메이션의 차이
LESSON 03. 디즈니 애니메이션의 12가지 원칙
01. 스쿼시와 스트레치 : Squash and stretch
02. 앤티시페이션 : Anticipation
03. 스테이징 : Staging
04. 스트레이트 어헤드 액션과 포즈 투 포즈 : Straight ahead action and pose to pose
05. 팔로우 스루와 오버래핑 액션 : Follow through and overlapping action
06. 슬로우 인, 슬로우 아웃 또는 이지 인, 이지 아웃 : Slow in, Slow out 또는 Ease in, Ease out
07. 아크 : Arc
08. 세컨더리 액션 : Secondary action
09. 타이밍 : Timing
10. 과장 : Exaggeration
11. 솔리드 드로잉 : Solid drawing
12. 어필 : Appeal

CHAPTER 02. 키프레임(Keyframe)의 모든 것
LESSON 01. 애프터 이펙트의 키프레임
키프레임 추가하기
키프레임 다루기

LESSON 02. 애니메이션의 구간 속도 조절하기
키프레임의 종류와 Keyframe Assistant
키프레임 보간 방법(Keyframe Interpolation)
Keyframe Velocity
그래프 에디터(Graph Editor)
모션 패스(Motion path)
[Self Training] 키 감 익히기

CHAPTER 03. 이징(Easying)과 그래프 에디터
LESSON 01. 이징이란?
LESSON 02. 그래프 에디터 이해하고 활용하기
그래프 에디터 메뉴 알아보기
Speed 그래프와 Value 그래프 알아보기

LESSON 03. 이징을 도와주는 스크립트
애프터 이펙트의 다양한 스크립트
무료 이징 스크립트(Dojo Ease) 설치하기
Dojo Ease 스크립트로 이징 적용하기

CHAPTER 04. 모션의 기본기, 트램펄린 애니메이션
LESSON 00. PREVIEW
LESSON 01. 프리 스텝 트레이닝(Pre-Step Training)
Parent
Track Matte
LESSON 02. 디자인 실무 실습_Training
공 튀는 애니메이션 만들기
트램펄린 상판이 휘는 애니메이션 만들기
트램펄린 다리가 움직이는 애니메이션 만들기
공을 캐릭터화하기
라인 디테일 추가하고 애니메이션 완성하기
[Self Training] 공 캐릭터에 귀, 꼬리, 머리 장식 추가하기


PART 03. 소셜 미디어 디자인 프로젝트
CHAPTER 01. 모바일 퍼스트 디자인과 모션 그래픽
LESSON 01. 모바일 퍼스트 디자인이란?
LESSON 02. 모바일 퍼스트 디자인과 모션 그래픽
LESSON 03. 모바일 퍼스트 디자인 설계 원칙
설계 원칙
LESSON 04. 브랜드 로고와 로고 애니메이션
CI, BI 디자인
모션 그래픽에서 로고 활용

CHAPTER 02. 반응형 애니메이션으로 만드는 서울타워의 낮과 밤
LESSON 00. PREVIEW
LESSON 01. 프로젝트 설계(Pre-Production)
프로젝트 기획
스케치 및 모션 디자인 설계
LESSON 02. 프리 스텝 트레이닝(Pre-Step Training)
3D 레이어
Set Matte 효과
Expression - Wiggle
LESSON 03. 디자인 실무 실습_Training
반응형 애니메이션 만들기
흘러가는 구름 만들기
빛이 흐르는 듯한 모양 만들기
새 컴포지션 만들어 레이어 합치기
완성 컴포지션 만들기
밤의 서울타워 만들기
별똥별이 떨어지는 애니메이션 표현하기
반짝이는 은하수 표현하기
산등성이에 은은한 빛 표현하기
배경 프레임 꾸미기
프레임 안에만 그림이 나타나도록 설정하기
버튼 움직임에 따라 낮과 밤의 풍경 바꾸기
모바일 룩 표현하기
완성 애니메이션 확인하기

CHAPTER 03. 글리치 테크닉을 활용한 로고 애니메이션
LESSON 00. PREVIEW
LESSON 01. 로고 애니메이션 설계 원칙
로고 애니메이션 설계 원칙
LESSON 01. 프로젝트 설계(Pre-Production)
글리치 효과
글리치 효과 설계 원칙
LESSON 02. 디자인 실무 실습_Training
글리치 로고 애니메이션 만들기
Wave Warp 효과로 애니메이션하기
지직거리며 끊기는 듯한 영상 연출하기
노이즈처럼 보이는 컬러 변화 적용하기
Wiggle 효과 컨트롤하여 채널 쉬프트 효과 표현하기
완성 애니메이션 확인하기
[Self Training] 글리치 효과 제작하고 적용하기


PART 04. 캐릭터 리깅과 애니메이션 with Expression
CHAPTER 01. Parent로 만드는 페이스 리깅
LESSON 00. PREVIEW
LESSON 01. 프리 스텝 트레이닝(Pre-Step Training)
캐릭터 리깅 순서 및 작업 방향
LESSON 02. 디자인 실무 실습_Training
페이스 리깅 애니메이션 시작하기
표정에 따라 자연스럽게 움직이는 눈동자 만들기
머리와 얼굴을 함께 움직이기
좌우로 인사하는 모션 만들기
눈동자 시선 애니메이션 만들기
눈 깜빡이며 눈동자 크기가 바뀌는 애니메이션 만들기
빈티지 스타일 배경 추가하기
캐릭터가 프레임 안에만 표시되게 설정하기
배경 그래픽 추가하기
완성 애니메이션 확인하기
[Self Training] 캐릭터 리깅 애니메이션

CHAPTER 02. 퍼펫 핀 도구로 캐릭터 리깅하기
LESSON 00. PREVIEW
LESSON 01. 프리 스텝 트레이닝(Pre-Step Training)
퍼펫 핀(Puppet Pin) 도구
Expression 표현식
LESSON 02. 디자인 실무 실습_Training
퍼펫 핀 애니메이션 만들기
춤추는 동작 애니메이션 만들기
퍼펫 핀 도구로 관절 움직임 제어하기
공룡 캐릭터의 눈 위치 조정하기
공룡 다리가 구부러지는 애니메이션 만들기
배경 디자인 애니메이션 만들기
음표 그래픽의 비트감 표현하기
시간에 따라 별이 움직이게 만들기
불규칙하게 움직이는 원형 만들기
컴포지션 합쳐서 애니메이션 완성하기
완성 애니메이션 확인하기
[Self Training] 퍼펫 핀 도구로 인어공주 표현하기

CHAPTER 03. Deekay Tool로 만드는 캐릭터 워크 사이클
LESSON 00. PREVIEW
LESSON 01. 프로젝트 설계(Pre-Production)
일러스트레이터(Ai) 소스 이미지 작업
LESSON 02. 프리 스텝 트레이닝(Pre-Step Training)
Deekay Tool 설치하기
[Deekay Tool] 패널 알아보기
림(Limb) 타입 만들기
다리 만들기
팔 만들기
그래픽 추가하기
뛰는 동작 만들기
캐릭터 워크 사이클 애니메이션 기초 이론
LESSON 03. 디자인 실무 실습_Training
워크 사이클 애니메이션 만들기
키오 캐릭터의 다리 만들기
키오 캐릭터의 팔 만들기
키오 캐릭터의 몸 움직임 만들기
키오 캐릭터의 걷는 동작 만들기
키오 캐릭터의 얼굴과 모자에 걷기 반동 적용하기
키오 캐릭터가 양팔을 흔드는 애니메이션 만들기
불꽃이 터지는 도시 배경 만들기
캐릭터, 배경 컴포지션을 포함한 완성 컴포지션 만들기
[Self Training] 캐릭터의 걷는 동작 만들기


PART 05. 스타일리시 모션 그래픽
CHAPTER 01. 플랫 디자인 with 아이소메트릭
LESSON 00. PREVIEW
LESSON 01. 프로젝트 설계(Pre-Production)
아이소메트릭 소스를 만드는 방법
LESSON 02. 프리 스텝 트레이닝(Pre-Step Training)
일러스트레이터에서 아이소메트릭 그래픽 만들기
LESSON 02. 디자인 실무 실습_Training
아이소메트릭 디자인하기
배경으로 사용할 아이소메트릭 패턴 만들기
3D 룩킹 모바일 폰 그래픽 만들기
글자 ‘M’이 납작했다가 솟아오르는 애니메이션 만들기
툭툭 끊기는 애니메이션 만들기
글자 ‘M’과 모바일 폰 합성하기
반짝이는 스파클 표현하기
좌표를 표시하는 위치 마크 그래픽 표현하기
[Timeline] 패널 정리하고 애니메이션 완성하기

CHAPTER 02. 차 브랜드 광고 with 리퀴드 애니메이션
LESSON 00. PREVIEW
LESSON 01. 리퀴드 애니메이션 설계 원칙
리퀴드 애니메이션
애프터 이펙트에서 액체 표현하기
액체를 표현할 때 사용하는 다양한 효과
LESSON 02. 프로젝트 설계(Pre-Production)
LESSON 03. 디자인 실무 실습_Training
리퀴드 애니메이션 만들기
파도가 치는 모양의 그래픽 만들기
둥실거리는 구름 그래픽 표현하기
휘어지는 나뭇가지 그래픽 표현하기
무한 반복 애니메이션 만들기
첫 번째 신 배경 애니메이션 완성하기
해변에 들이치는 파도가 로고를 그리는 애니메이션 만들기
로고 ‘Aloha’ 안에서만 그래픽이 보이게 설정하기
두 번째 신 로고 애니메이션 만들기
찻잔 안에 차가 찰랑이는 애니메이션 만들기
컴포지션 합쳐서 완성 애니메이션 만들기
플래시 효과 적용하여 애니메이션 완성하기

INDEX

출판사 서평

어떤 독자를 위한 책인가?
-실무 경험이 부족한 신입 모션 그래픽 디자이너
-모션 그래픽 디자인 실무를 미리 경험하고 싶은 예비 디자이너(취준생)
-모션 디자인 분야로 이직을 준비 중인 디자이너
-SNS, 모바일 숏폼에 사용할 콘텐츠를 만들고 싶은 분
-실무 프로젝트로 애프터 이펙트를 배우고 싶거나 애프터 이펙트 실력을 업그레이드하고 싶은 분

이 책의 특징
ㆍ 모션 그래픽 디자인을 3단계로 배운다!
좋은 모션 그래픽을 만드는 실무 디자인 가이드를 3단계로 나누어 소개합니다. 모션 그래픽 디자인의 기획, 제작 설계 기법을 배우는 ‘Pre-Step Training’, 모바일 숏폼 콘텐츠에 최적화된 분야별, 기법별 프로젝트를 실습하는 ‘Training’, 실력을 업그레이드할 수 있는 혼자해보기 과제 ‘Self-Training’을 통해 좋은 모션 그래픽을 디자인할 수 있게 도와줍니다. 3단계만 따라 해도 작업 효율이 올라갑니다.

ㆍ 디즈니 애니메이션의 12가지 원칙과 전문가의 노하우를 익힌다!
모션 그래픽과 애니메이션의 바이블, 디즈니 애니메이션의 필수 원칙을 알아봅니다. 디즈니 애니메이션의 12가지 원칙을 모션 그래픽에 적용하는 프로젝트 예제를 실습하고, 실무에 최적화된 전문가의 노하우를 익힙니다. 디즈니 애니메이션의 원칙을 적용하여 애프터 이펙트에서 모션을 디자인해본다면 멋진 움직임을 만들어낼 수 있을 것입니다.

ㆍ 필수 예제는 유튜브 강의에서 확인한다!
애프터 이펙트에서 필수적으로 익혀야 하는 기능, 모션 그래픽 디자인에서 빼놓을 수 없는 두 가지 예제는 유튜브 영상 강의로 제공합니다. 핵심 기능인 ‘공 튀기기-트램펄린’ 예제와 ‘워크 사이클’ 예제는 각 단계에 따라 저자가 직접 강의하는 유튜브 영상으로 제공합니다. 스마트폰으로 책 속 QR코드를 촬영해 쉽고 빠르게 유튜브 영상 강의를 확인할 수 있습니다.

ㆍ 활용 예제는 eBook으로 학습하며 실력을 업그레이드한다!
이 책에 미처 싣지 못한 추가 활용 예제를 무료 eBook으로 제공합니다. 모션 그래픽을 조금 더 익히고 싶다면 eBook을 다운로드하여 심화 학습합니다. ‘이징으로 리듬감을 살린 기하학 패턴 애니메이션’과 ‘로고가 그려지듯 등장하는 로고 리빌 애니메이션’을 구성하여 모션 그래픽 디자인 실력을 쌓을 수 있게 도와줍니다.

작가정보

저자(글) 이수정

ㆍ이화여자대학교 생활미술학과 전공
ㆍParsons School of Design, Design&Technology, MFA, New York
ㆍKBS 한국방송 영상디자이너/프로젝트 아트디렉터
ㆍJTBC 브랜드디자인팀 팀장
ㆍ이화여자대학교, 한국예술종합학교 외 다수 대학 강의
ㆍ현 인하대학교 강의
ㆍ현 미토리 스튜디오 대표

《맛있는 디자인 프리미어 프로 & 애프터 이펙트 CC 2022》
《맛있는 디자인 애프터 이펙트 CC 2022》

번역 김도형

카이스트에서 자동 제어와 신호 처리를 전공했고 박사 학위를 받았다. 박사 학위 과정 중에 처음 파이썬을 접했으며 시간이 날 때마다 파이썬을 활용했다. LG전자와 대우증권에서 파생 상품 프라이싱 시스템, 금융 정보 모니터링 시스템, 알고리즘 트레이딩 시스템 등을 파이썬으로 구현했다. 현재는 파이썬 기반 금융 분석, 최적 집행용 소프트웨어와 서비스를 만들고 있으며, 금융 분석 분야에서 파이썬이 더 널리 퍼질 수 있게 도울 수 있는 징검다리가 되고자 강의를 하고 있다.