캐릭터 & 웹앱 모바일 콘텐츠를 위한 모션그래픽&애니메이션

전소희

북미5대필름스쿨인캐나다VancouverFilmSchool에서Classicalanimation을공부하고,디즈니TV프로그램의2D애니메이터로활동하고있다.아이유콘서트영상등국내외아티스트의작업에많이참여하였다.네이버라인,웹툰트레일러〈첫사랑입니다만〉,〈더복서〉,〈죽음에관하여〉외다수.수년간의실무작업을하면서제작노하우를클래스101에서강의하고있다.

PART1.콘티와스토리보드로애니메이션연출하기
STEP01콘티와스토리보드살펴보기
콘티알아보기
스토리보드알아보기
STEP02스토리보드용어와제작방법알아보기
스토리보드용어알아보기
완성된스토리보드살펴보기
STEP03포토샵에서가편집본제작하기
스토리보드JPG파일로저장하기
타임라인으로가편집영상만들기
STEP04효과음및배경음악넣기
애니메이션에필요한음원파일찾기
다운로드한배경음악을가편집본에넣기
가편집본영상파일로저장하기
STEP05애니메이션의기본알아보기
애니메이션의영상비율과프레임살펴보기
애니메이션의12가지기본법칙알아보기
포토샵과애니메이트,애프터이펙트알아보기
STEP06포토샵에서컬러보드제작하기
나만의작업환경설정하기
편리하게단축키설정하기
컬러보드만들기
STEP07펜도구로애니메이션캐릭터제작하기
이미지크기와색상지정하기
캐릭터얼굴형그리기
펜도구로캐릭터눈그리기
캐릭터입그리기
STEP08블렌딩효과로2차명암적용하기
애니메이션소스에음영효과적용하기1
애니메이션소스에음영효과적용하기2

PART2.애니메이트로애니메이션작업하기
STEP01애니메이트설치및작업알아보기
애니메이트설치하기
애니메이트인터페이스살펴보기
나만의작업환경설정하기
애니메이션소스불러오기
편리하게단축키설정하기
STEP02애니메이트기초기능알아보기
심볼과속성알아보기
Timeline패널활용하기
심볼형태조절하기
레이어페어런트하기
STEP03바운싱애니메이션만들기
심볼움직임만들기
그래프로심볼속도조절하기
자연스러운움직임을위한그래프활용하기
STEP04걷기와뛰기애니메이션만들기
걷기애니메이션만들기
심볼추가하여걷는동작만들기
뛰기애니메이션만들기
STEP05기본기능을이용한명화한장면만들기
인물에그림그리는듯한움직임적용하기
나무와달,별에각각움직임적용하기
STEP06자동립싱크로말하는캐릭터만들기
음성파일추가하고입모양지정하기
STEP07가이드로나비가날아다니는애니메이션만들기
나비형태변형하기
패스를그려나비움직임조절하기
나비심볼을이용하여모션트윈적용하기
STEP08마스크로반짝이는선글라스만들기
마스크영역지정하기
반짝이는애니메이션적용하기
STEP09마스크로눈깜빡이는캐릭터만들기
눈감는애니메이션적용하기
눈뜨는애니메이션적용하기
STEP10애니메이션말풍선과조명효과만들기
에셋뒤틀기도구로팔에움직임적용하기
말풍선에텍스트추가하여움직임적용하기
사각형에블렌드모드와필터적용하여조명만들기
양쪽으로움직이는조명만들기
STEP11애니메이트카메라사용하여공간감적용하기
다양한카메라기법사용하기
카메라에레이어고정하기
STEP123D효과를이용하여스티커애니메이션만들기
앞뒤로흔들리는스티커애니메이션만들기
회전하는듯한스티커애니메이션만들기
STEP13뼈도구를사용하여잎을흔드는캐릭터만들기
잎을그려뼈도구로뼈심기
잎을흔드는캐릭터와흔들리는잎만들기
사운드파일불러와편집하기
STEP14Library패널과심볼관리하기
Library패널에서파일가져오기
복제한심볼에같은애니메이션적용하기
STEP15Assets패널로활용적인파일관리하기
Assets패널기능알아보기
STEP16애니메이트에서이미지및비디오내보내기
애니메이션PNG시퀀스내보내기
애니메이션GIF내보내기
JPEG시퀀스및JPEG이미지내보내기
AdobeMediaEncoder를사용하여HD비디오내보내기

PART3.애프터이펙트로애니메이션작업하기
STEP01애프터이펙트설치및작업알아보기
애프터이펙트설치하기
애프터이펙트홈과작업화면알아보기
나만의작업환경설정하기
애프터이펙트에포토샵(PSD)파일불러오기
STEP02간단한도구로도형애니메이션만들기
컴포지션만들고원과배경만들기
원에애니메이션적용하기
사각형만들고애니메이션적용하기
STEP03튕기는바운싱볼만들기
볼의움직임만들기
볼형태조절하기
STEP04그래프로속도조절하여흔드는손만들기
손흔드는애니메이션만들기
그래프에디터로속도조절하기
STEP05익스프레션으로반복해서걸어가는캐릭터만들기
캐릭터앵커포인트설정
레이어페어런트하고걷는자세만들기
걷기를무한반복하고배경조절하기
STEP06퍼핏핀도구로뛰어가는캐릭터만들기
캐릭터앵커포인트조절하고레이어페어런트하기
퍼핏핀추가하고뛰는자세만들기
뛰기를무한반복하고배경과어울리게캐릭터조절하기
STEP07마스크를이용한눈깜빡이기
개체연결하고앵커포인트설정하기
눈애니메이션만들고완성하기
STEP08익스프레션기능알아보기
wiggle로흔들림과투명도적용하기
Loopout으로반복재생하기
STEP09립싱크애니메이션만들기
입의키프레임만들기
음원에맞춰립싱크완성하기
STEP10모션블러적용하기
STEP113D레이어와카메라여애니메이션만들기
3D레이어로변경하기
3D카메라로애니메이션만들기
STEP12조명으로애니메이션에그림자넣기
캐릭터에애니메이션적용하기
실뜨기하는애니메이션만들기
3D카메라와조명추가하여애니메이션완성하기
STEP13팝업애니메이션과PanDown화면연습하기
3D레이어로만들고배치정리하기
구름이이동하는애니메이션만들기
산,나무,집의앵커포인트설정하기
팝업북애니메이션만들기
자동차와카메라에애니메이션적용하고완성하기
STEP14한글자씩나타나는텍스트애니메이션만들기
STEP15흐릿하게나타나는텍스트애니메이션만들기
STEP16명도와대비조절하기
STEP17색상과채도변경하기
STEP18렌더링및내보내기

스토리보드제작부터카메라워크까지!
애니메이트와애프터이펙트를동시에!

1인미디어시대에영상제작은여러곳에사용할수있는중요한기술이되었다.유튜브인트로를짧은애니메이션으로사용할수있고,움직이는이모티콘제작에도애니메이션작업이필요하다.또한정보를전달하는인포그래픽도애니메이션작업의한부분이며,단편혹은장편애니메이션을제작할수도있다.
이책은한권으로어도비애니메이터,포토샵,애프터이팩트프로그램을한번에배워볼수있도록구성하였고,애니메이션에필요한기술들을모아만들었다.한번쯤시도해보고싶은데어디서부터시작해야할지막막하거나전문용어가부담스러워어렵다고생각되는사람들이쉽고바르게애니메이션제작과정을공부할수있도록구성하였다.또한스토리보드제작부터카메라워크까지모든제작과정을그대로따라가면서제작할수있도록하였다.
애니메이션,영화,CF작업에활용도가높은스토리보드에사용되는기본적인용어를익힐수있도록하였으며,캐릭터를제작할때가장힘들다는색상고르기,포토샵에서애니메이션캐릭터제작하기가포함되어있어서내가만들어보고싶은이야기나캐릭터등을직접제작해보는데도움을줄수있다.

첫째,애니메이션의기본이되는콘티와스토리보드를제작하는방법을제시해애니메이션이론을학습할수있도록하였다.둘째,콘티를스토리보드로옮기고편집본과컬러보드를제작하는포토샵작업과정을제시하였다.셋째,어도비애니메이트로애니메이션작업에필요한다양한기능에대해설명하였다.넷째,애프터이팩트의키프레임과그래프를사용하여애니메이션을제작하는방법을설명하였다.다섯째,지시선을표시하여순서대로따라할수있도록구성하였고,3D제작과정에서알아두면좋을팁들을담았다.

이책을통해애니메이터들이가장많이사용하는프로그램인애니메이트와애프터이펙트를한번에배울수있으며,애니메이션을처음만드는사람도제작과정을차근차근따라하며쉽고빠르게공부할수있을것이다.또한두개프로그램을동시에살펴보면서차이점을알수있고,어떤프로젝트에어떤프로그램이적합할지보는눈이생길것이다.이러한과정을통해다양한프로그램을사용해많은프로젝트에참여할수있으며,다양하고풍부한포트폴리오를갖는데도움이될것이다.