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

1인 미디어 시대에 영상 제작은 여러 곳에 사용할 수 있는 중요한 기술이 되었다. 유튜브 인트로를 짧은 애니메이션으로 사용할 수 있고, 움직이는 이모티콘 제작에도 애니메이션 작업이 필요하다. 또한 정보를 전달하는 인포그래픽도 애니메이션 작업의 한 부분이며, 단편 혹은 장편 애니메이션을 제작할 수도 있다.

이 책은 한 권으로 어도비 애니메이터, 포토샵, 애프터 이팩트 프로그램을 한 번에 배워 볼 수 있도록 구성하였고, 애니메이션에 필요한 기술들을 모아 만들었다. 한번쯤 시도해 보고 싶은데 어디서부터 시작해야 할지 막막하거나 전문 용어가 부담스러워 어렵다고 생각되는 사람들이 쉽고 바르게 애니메이션 제작 과정을 공부할 수 있도록 구성하였다. 또한 스토리보드 제작부터 카메라 워크까지 모든 제작 과정을 그대로 따라가면서 제작할 수 있도록 하였다.

애니메이션, 영화, CF 작업에 활용도가 높은 스토리보드에 사용되는 기본적인 용어를 익힐 수 있도록 하였으며, 캐릭터를 제작할 때 가장 힘들다는 색상 고르기, 포토샵에서 애니메이션 캐릭터 제작하기가 포함되어 있어서 내가 만들어 보고 싶은 이야기나 캐릭터 등을 직접 제작해 보는 데 도움을 줄 수 있다.

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

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

PART 1. 콘티와 스토리보드로 애니메이션 연출하기

STEP 01 콘티와 스토리보드 살펴보기
콘티 알아보기
스토리보드 알아보기

STEP 02 스토리보드 용어와 제작 방법 알아보기
스토리보드 용어 알아보기
완성된 스토리보드 살펴보기

STEP 03 포토샵에서 가편집본 제작하기
스토리보드 JPG 파일로 저장하기
타임라인으로 가편집 영상 만들기

STEP 04 효과음 및 배경 음악 넣기
애니메이션에 필요한 음원 파일 찾기
다운로드한 배경 음악을 가편집본에 넣기
가편집본 영상 파일로 저장하기

STEP 05 애니메이션의 기본 알아보기
애니메이션의 영상 비율과 프레임 살펴보기
애니메이션의 12가지 기본 법칙 알아보기
포토샵과 애니메이트, 애프터 이펙트 알아보기

STEP 06 포토샵에서 컬러보드 제작하기
나만의 작업 환경 설정하기
편리하게 단축키 설정하기
컬러보드 만들기

STEP 07 펜 도구로 애니메이션 캐릭터 제작하기
이미지 크기와 색상 지정하기
캐릭터 얼굴형 그리기
펜 도구로 캐릭터 눈 그리기
캐릭터 입 그리기

STEP 08 블렌딩 효과로 2차 명암 적용하기
애니메이션 소스에 음영 효과 적용하기 1
애니메이션 소스에 음영 효과 적용하기 2

PART 2. 애니메이트로 애니메이션 작업하기

STEP 01 애니메이트 설치 및 작업 알아보기
애니메이트 설치하기
애니메이트 인터페이스 살펴보기
나만의 작업 환경 설정하기
애니메이션 소스 불러오기
편리하게 단축키 설정하기

STEP 02 애니메이트 기초 기능 알아보기
심볼과 속성 알아보기
Timeline 패널 활용하기
심볼 형태 조절하기
레이어 페어런트하기

STEP 03 바운싱 애니메이션 만들기
심볼 움직임 만들기
그래프로 심볼 속도 조절하기
자연스러운 움직임을 위한 그래프 활용하기

STEP 04 걷기와 뛰기 애니메이션 만들기
걷기 애니메이션 만들기
심볼 추가하여 걷는 동작 만들기
뛰기 애니메이션 만들기

STEP 05 기본 기능을 이용한 명화 한 장면 만들기
인물에 그림 그리는 듯한 움직임 적용하기
나무와 달, 별에 각각 움직임 적용하기

STEP 06 자동 립싱크로 말하는 캐릭터 만들기
음성 파일 추가하고 입모양 지정하기

STEP 07 가이드로 나비가 날아다니는 애니메이션 만들기
나비 형태 변형하기
패스를 그려 나비 움직임 조절하기
나비 심볼을 이용하여 모션 트윈 적용하기

STEP 08 마스크로 반짝이는 선글라스 만들기
마스크 영역 지정하기
반짝이는 애니메이션 적용하기

STEP 09 마스크로 눈 깜빡이는 캐릭터 만들기
눈 감는 애니메이션 적용하기
눈 뜨는 애니메이션 적용하기

STEP 10 애니메이션 말풍선과 조명 효과 만들기
에셋 뒤틀기 도구로 팔에 움직임 적용하기
말풍선에 텍스트 추가하여 움직임 적용하기
사각형에 블렌드 모드와 필터 적용하여 조명 만들기
양쪽으로 움직이는 조명 만들기

STEP 11 애니메이트 카메라 사용하여 공간감 적용하기
다양한 카메라 기법 사용하기
카메라에 레이어 고정하기

STEP 12 3D 효과를 이용하여 스티커 애니메이션 만들기
앞뒤로 흔들리는 스티커 애니메이션 만들기
회전하는 듯한 스티커 애니메이션 만들기

STEP 13 뼈 도구를 사용하여 잎을 흔드는 캐릭터 만들기
잎을 그려 뼈 도구로 뼈 심기
잎을 흔드는 캐릭터와 흔들리는 잎 만들기
사운드 파일 불러와 편집하기

STEP 14 Library 패널과 심볼 관리하기
Library 패널에서 파일 가져오기
복제한 심볼에 같은 애니메이션 적용하기

STEP 15 Assets 패널로 활용적인 파일 관리하기
Assets 패널 기능 알아보기

STEP 16 애니메이트에서 이미지 및 비디오 내보내기
애니메이션 PNG 시퀀스 내보내기
애니메이션 GIF 내보내기
JPEG 시퀀스 및 JPEG 이미지 내보내기
Adobe Media Encoder를 사용하여 HD 비디오 내보내기

PART 3. 애프터 이펙트로 애니메이션 작업하기

STEP 01 애프터 이펙트 설치 및 작업 알아보기
애프터 이펙트 설치하기
애프터 이펙트 홈과 작업 화면 알아보기
나만의 작업 환경 설정하기
애프터 이펙트에 포토샵(PSD) 파일 불러오기

STEP 02 간단한 도구로 도형 애니메이션 만들기
컴포지션 만들고 원과 배경 만들기
원에 애니메이션 적용하기
사각형 만들고 애니메이션 적용하기

STEP 03 튕기는 바운싱 볼 만들기
볼의 움직임 만들기
볼 형태 조절하기

STEP 04 그래프로 속도 조절하여흔드는 손 만들기
손 흔드는 애니메이션 만들기
그래프 에디터로 속도 조절하기

STEP 05 익스프레션으로 반복해서 걸어가는 캐릭터 만들기
캐릭터 앵커 포인트 설정
레이어 페어런트하고 걷는 자세 만들기
걷기를 무한 반복하고 배경 조절하기

STEP 06 퍼핏 핀도구로 뛰어가는 캐릭터 만들기
캐릭터 앵커 포인트 조절하고 레이어 페어런트하기
퍼핏 핀 추가하고 뛰는 자세 만들기
뛰기를 무한 반복하고 배경과 어울리게 캐릭터 조절하기

STEP 07 마스크를 이용한 눈 깜빡이기
개체 연결하고 앵커 포인트 설정하기
눈 애니메이션 만들고 완성하기

STEP 08 익스프레션 기능 알아보기
wiggle로 흔들림과 투명도 적용하기
Loopout으로 반복재생하기

STEP 09 립싱크 애니메이션 만들기
입의 키프레임 만들기
음원에 맞춰 립싱크 완성하기

STEP 10 모션 블러 적용하기

STEP 11 3D 레이어와 카메라 여 애니메이션 만들기
3D 레이어로 변경하기
3D 카메라로 애니메이션 만들기

STEP 12 조명으로 애니메이션에 그림자 넣기
캐릭터에 애니메이션 적용하기
실뜨기하는 애니메이션 만들기
3D 카메라와 조명 추가하여 애니메이션 완성하기

STEP 13 팝업 애니메이션과 Pan Down 화면 연습하기
3D 레이어로 만들고 배치 정리하기
구름이 이동하는 애니메이션 만들기
산, 나무, 집의 앵커 포인트 설정하기
팝업 북 애니메이션 만들기
자동차와 카메라에 애니메이션 적용하고 완성하기

STEP 14 한 글자씩 나타나는 텍스트 애니메이션 만들기
STEP 15 흐릿하게 나타나는 텍스트 애니메이션 만들기
STEP 16 명도와 대비 조절하기
STEP 17 색상과 채도 변경하기
STEP 18 렌더링 및 내보내기