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

이수정

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

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

PART01.모션그래픽시작하기
CHAPTER01.모션그래픽디자인
LESSON01.모션그래픽디자인의역사
모션그래픽의시작
영상디자인의선구자솔바스
LESSON02.모션그래픽디자인제작프로세스
모션그래픽실무제작과정한눈에이해하기
Pre-Production
Production
LESSON03.모션그래픽디자인트렌드
디자인트렌드읽기
2D와3D모션그래픽디자인의결합
MixedMedia
웹,앱모션그래픽
아이소메트릭디자인(IsometricDesign)
키네틱타이포그래피(KineticTypography
더알아볼트렌드


PART02.모션그래픽의핵심,모션디자인의모든것
CHAPTER01.모션그래픽과애니메이션의12가지원칙
LESSON01.모션그래픽에서의움직임
LESSON02.모션그래픽과애니메이션의차이
LESSON03.디즈니애니메이션의12가지원칙
01.스쿼시와스트레치:Squashandstretch
02.앤티시페이션:Anticipation
03.스테이징:Staging
04.스트레이트어헤드액션과포즈투포즈:Straightaheadactionandposetopose
05.팔로우스루와오버래핑액션:Followthroughandoverlappingaction
06.슬로우인,슬로우아웃또는이지인,이지아웃:Slowin,Slowout또는Easein,Easeout
07.아크:Arc
08.세컨더리액션:Secondaryaction
09.타이밍:Timing
10.과장:Exaggeration
11.솔리드드로잉:Soliddrawing
12.어필:Appeal

CHAPTER02.키프레임(Keyframe)의모든것
LESSON01.애프터이펙트의키프레임
키프레임추가하기
키프레임다루기

LESSON02.애니메이션의구간속도조절하기
키프레임의종류와KeyframeAssistant
키프레임보간방법(KeyframeInterpolation)
KeyframeVelocity
그래프에디터(GraphEditor)
모션패스(Motionpath)
[SelfTraining]키감익히기

CHAPTER03.이징(Easying)과그래프에디터
LESSON01.이징이란?
LESSON02.그래프에디터이해하고활용하기
그래프에디터메뉴알아보기
Speed그래프와Value그래프알아보기

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

CHAPTER04.모션의기본기,트램펄린애니메이션
LESSON00.PREVIEW
LESSON01.프리스텝트레이닝(Pre-StepTraining)
Parent
TrackMatte
LESSON02.디자인실무실습_Training
공튀는애니메이션만들기
트램펄린상판이휘는애니메이션만들기
트램펄린다리가움직이는애니메이션만들기
공을캐릭터화하기
라인디테일추가하고애니메이션완성하기
[SelfTraining]공캐릭터에귀,꼬리,머리장식추가하기


PART03.소셜미디어디자인프로젝트
CHAPTER01.모바일퍼스트디자인과모션그래픽
LESSON01.모바일퍼스트디자인이란?
LESSON02.모바일퍼스트디자인과모션그래픽
LESSON03.모바일퍼스트디자인설계원칙
설계원칙
LESSON04.브랜드로고와로고애니메이션
CI,BI디자인
모션그래픽에서로고활용

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

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


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

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

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


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

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

INDEX

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

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

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

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

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