모션 그래픽&영상 디자인 강의 with 애프터 이펙트

장유민

홍익대학교에서시각디자인을공부했습니다.편집디자인과영상디자인에관심이많아처음에는북디자이너로일을시작했습니다.스트릿패션매거진CRACKERYOURWARDROBE(크래커유어워드로브)의아트디렉터로재직하며표지부터본문까지매달재기발랄한디자인에대해고민했습니다.정지된이미지를디자인하다보니움직이는영상디자인에대한갈증이남아모션그래픽디자이너로전향한후,Mnet과SBS선거기획팀에서방송영상디자인작업을했습니다.이후학생때부터의꿈이었던그래픽영상디자인스튜디오NOWPLUSLATER(나우플러스레이터)를만들어다양한일을하고있습니다.다수의TV프로그램타이틀영상,바이럴광고,패션필름,MV작업을진행하며디노마드학교와홍익디자인고등학교,전국의지역별콘텐츠코리아랩에서모션그래픽강의를하기도했습니다.
스튜디오www.nowpluslater.com

PART01.모션그래픽과영상디자인

CHATPER01.모션그래픽과영상디자인의역사
LESSON01.모션그래픽이란무엇인가?
모션그래픽(MotionGraphics)의시작
솔바스와타이틀시퀀스디자인(TitleSequenceDesign)
타이틀시퀀스디자인의변화
LESSON02.모션그래픽트렌드
모션그래픽트렌드따라잡기
일러스트레이션과의결합
2D와3D의혼합
콜라주
타이포그래피
라인아트
그레이디언트컬러
레트로무드와텍스처
창조적인3D아트워크
서브컬처스타일
[디자이너의비밀노트]좋은작업물을볼수있는웹사이트&인스타그램

CHAPTER02.모션그래픽&영상디자인워크플로우
LESSON01.모션그래픽디자인워크플로우
Mnet〈월간라이브커넥션〉실무워크플로우
KBS〈배틀트립〉실무워크플로우
LESSON02.모션그래픽디자인Q&A
모션그래픽디자이너가궁금해하는아홉가지
[디자이너의비밀노트]모션그래픽포트폴리오


PART02.실전모션그래픽디자인
PROJECT01.인스타그램스타일의벡터그래픽디자인하기
[AEBASICNOTE]KEYFRAME,GRAPHEDITOR
STEP01.배경과스마트폰디자인하기
배경솔리드레이어만들기
솔리드레이어에이펙트적용하기
스마트폰모양의셰이프레이어만들기
인스타그램프레임만들고디테일더하기
STEP02.인스타그램인터페이스디자인하기
프로필영역디자인하기
댓글영역디자인하기
인스타그램피드오브젝트디자인하기
STEP03.각레이어에모션적용하기
스마트폰레이어에모션적용하기
액정레이어에모션적용하기
인스타그램프레임레이어에모션적용하기
홈버튼,스피커레이어에모션적용하기
인스타그램피드오브젝트레이어에모션적용하기
실력업그레이드!아웃라인디테일추가하기

PROJECT02.트렌디한패션필름영상만들기
[AEBASICNOTE]MASK
STEP01.텍스처와타이포그래피배경디자인하기
배경레이어만들기
배경레이어에모션적용하기
타이포그래피입력하고모션적용하기
STEP02.면분할레이아웃만들기
영상레이어에마스크적용하기
색보정하기
STEP03.디테일을추가해레이아웃완성도높이기
다양한색의솔리드레이어추가하기
솔리드레이어에모션적용하기
세부디테일추가하기
배경디테일과텍스트추가해완성하기

PROJECT03.트랙매트를이용한로고그래픽영상만들기
[AEBASICNOTE]TRACKMATTE
STEP01.알파매트적용한로고모션만들기
배경솔리드레이어만들기
텍스트입력하고마스크패스적용하기
알파매트적용하고키프레임만들기
STEP02.그레이디언트와루마매트적용한모션만들기
솔리드레이어만들어GradientRamp이펙트적용하기
루마매트적용하고디테일추가하기
CCGriddler이펙트로배경디테일만들기
Hue/Saturation이펙트로배경디테일만들기
STEP03.Add기능과알파매트적용한로고모션만들기
셰이프레이어만들어Add기능추가하기
배경레이어Pre-Compose하기
텍스트입력해배경디테일만들기

PROJECT04.콜라주콘셉트의그래픽영상만들기
[AEBASICNOTE]FILEIMPORT
STEP01.루마매트와브러시영상소스로움직임표현하기
aep파일열고프로젝트시작하기
영상소스와카메라를든인물에루마매트적용하기
인물레이어에이펙트속성을추가해디테일한움직임적용하기
카메라레이어에이펙트속성을추가해디테일한움직임적용하기
STEP02.브러시소스의움직임과질감만들기
브러시이미지가그려지는움직임만들기
NoiseHLS이펙트를이용해질감만들기
작은디테일오브젝트의움직임만들기
STEP03.루마매트와브러시영상소스로그려지는움직임만들기
인물에루마매트적용하기
여성레이어에이펙트속성을추가해디테일한움직임적용하기
브러시이미지가그려지는움직임만들기
레이어정리하여자연스러운장면전환만들기
NoiseHLS이펙트를이용해질감만들기
작은디테일오브젝트의움직임만들기

PROJECT05.자유로운브러시드로잉영상만들기
[AEBASICNOTE]BRUSHTOOL
STEP01.라인드로잉하고움직임만들기
aep파일열고프로젝트확인하기
브러시도구로다양한라인드로잉하기
STEP02.인물과배경분리하기
로토브러시도구로배경분리하기
리파인엣지도구로배경분리하기
배경을지운인물뒤로브러시라인드로잉하기
[디자이너의비밀노트]로토브러시도구와리파인엣지도구

PROJECT06.캐릭터리깅애니메이션만들기
[AEBASICNOTE]PUPPETPINTOOL
STEP01.캐릭터의세부움직임만들기
aep파일열고프로젝트시작하기
양쪽다리에움직임설정하기
양쪽팔에움직임설정하기
눈과입에움직임만들기
STEP02.캐릭터에반복모션적용하기
Expression으로반복적인움직임만들기
TurbulentDisplace이펙트로캐릭터에질감입히기

PROJECT07.DuikBassel을이용한캐릭터애니메이션만들기
[AEBASICNOTE]DUIKBASSELSCRIPT
STEP01.DuikBassel을이용해뼈대를만들고리깅작업하기
aep파일열고프로젝트확인하기
DuikBassel실행하기
Addbones와Auto-rig&IK기능으로양다리에뼈대(B)와IK컨트롤러(C)만들기
Addbones와Auto-rig&IK기능으로양팔에뼈대(B)와IK컨트롤러(C)만들기
Addbones와Auto-rig&IK기능으로몸통에뼈대(B)와IK컨트롤러(C)만들기
CreateControllers기능으로골반에컨트롤러(C)만들고다른신체부위연결하기
STEP02.리깅애니메이션만들기
Shy기능으로복잡한레이어정리하기
컨트롤러(C)레이어의위칫값을0으로세팅하기
컨트롤러(C)레이어에움직임을적용해워크사이클애니메이션만들기
STEP03.반복되는걸음과배경움직임만들기
Expression으로반복되는걸음만들기
지나가는배경움직임만들기
레이어정리하여완성하기
[디자이너의비밀노트]플러그인활용하기

단축키
출처및웹사이트
INDEX

어떤독자를위한책인가?
- 실무경험이부족한신입모션그래픽&영상디자이너
- 모션그래픽&영상디자인실무를미리경험하고싶은예비디자이너(취준생)
- 모션그래픽&영상디자인분야로이직을준비중인디자이너
- TV방송,1인미디어에사용하는영상효과기능을빠르게배우고싶은분
- 실무프로젝트로애프터이펙트를배우고싶거나애프터이펙트실력을업그레이드하고싶은분

이책의특징
ㆍ모션그래픽워크플로우로실무흐름완전정복!
모션그래픽이익숙하지않은분들은애프터이펙트의화려한효과만활용하려고한다.그러나매력적인결과물을만들기위해서는실무워크플로우와그에맞는제작과정을익히는것이먼저이다.이책에서는저자가직접경험한모션그래픽제작과정을단계별로나누어꼼꼼히소개한다.그런다음트렌드를익힐수있는일곱개의프로젝트예제를통해애프터이펙트의기본기능활용법과실무테크닉을전달한다.단계별로이어진실습만따라해도애프터이펙트의기능을익히고실무제작기법까지학습할수있을것이다.

ㆍ어디서도듣지못한10년차선배디자이너의멘토링이가득!
저자는10여년이상모션그래픽디자인을하며차곡차곡쌓은경험과노하우를이책에가득담았다.꼼꼼한이론설명은물론이고현장감넘치는다양한실습예제를구성하여모션그래픽&영상디자인을경험하지못한예비(신입)디자이너라도미리실무를경험할수있게도와준다.일곱개의프로젝트와10년차선배디자이너의멘토링까지제대로익힌다면초보디자이너에게벗어나멋진모션영상을만들수있을것이다.

ㆍ실력을향상시켜줄다양한콘셉트의영상추천!
좋은모션그래픽을만들기위해서는‘움직임에대한이해’가가장중요하다.여기에좋은영상을많이봐야얻을수있는‘디자인감각’이추가된다면매력적인모션그래픽을만들수있는토대가마련될것이다.이책에서는모션그래픽의시작을알리는타이틀시퀀스부터트렌드를이끄는다양한콘셉트의아트워크를소개한다.추천영상을참고한다면모션그래픽을공부하는데는물론이고작업을위한리서치과정을줄여주는데큰도움이될것이다.