이것이 진짜 모션 그래픽이다!
좋은 디자인을 만드는 모션 그래픽&영상 디자인 퍼펙트 가이드!

모션 그래픽은 영화나 광고, 각종 프로모션, 뮤직비디오, TV 프로그램 등의 영상 콘텐츠를 통해 우리 주변에서 매우 가깝게 찾아볼 수 있다. 생명력이 넘치고 즐거움이 가득한 모션 그래픽 결과물을 만들기 위해서는 매우 험난한 작업 과정을 거쳐야 한다. 몇 초 안에 그래픽과 움직임, 사운드를 장악하여 매력적인 결과물로 만들어야 하기 때문이다. 좋은 모션 그래픽을 만들기 위해서는 기획부터 디자인 방향 설정과 리서치 → 스토리보드 제작 → 키비주얼(스타일 프레임) 제작 → 영상 및 사운드 제작 → 수정과 컨펌의 프로세스를 제대로 이해해야 한다.

《10년차 디자이너에게 1:1로 배우는 모션 그래픽&영상 디자인 강의 with 애프터 이펙트》는 제목 그대로 10년차 선배의 모션 그래픽 실무 노하우가 고스란히 들어있는 모션 그래픽&영상 디자인 활용서이다. 꼼꼼한 이론 설명과 트렌디한 프로젝트 예제 실습을 통해 모션 그래픽 실무를 제대로 파악할 수 있게 구성했다. 특히 로고, 패션 필름, 드로잉, 리깅, 캐릭터 애니메이션 등 다양한 제작 기법을 직접 실습해볼 수 있게 구성하여 실무 경험치를 높이기에 안성맞춤이다.

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

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

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

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


PART 02. 실전 모션 그래픽 디자인

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

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

PROJECT 03. 트랙 매트를 이용한 로고 그래픽 영상 만들기
[AE BASIC NOTE] TRACK MATTE
STEP 01. 알파 매트 적용한 로고 모션 만들기
배경 솔리드 레이어 만들기
텍스트 입력하고 마스크 패스 적용하기
알파 매트 적용하고 키프레임 만들기
STEP 02. 그레이디언트와 루마 매트 적용한 모션 만들기
솔리드 레이어 만들어 Gradient Ramp 이펙트 적용하기
루마 매트 적용하고 디테일 추가하기
CC Griddler 이펙트로 배경 디테일 만들기
Hue/Saturation 이펙트로 배경 디테일 만들기
STEP 03. Add 기능과 알파 매트 적용한 로고 모션 만들기
셰이프 레이어 만들어 Add 기능 추가하기
배경 레이어 Pre-Compose하기
텍스트 입력해 배경 디테일 만들기

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

PROJECT 05. 자유로운 브러시 드로잉 영상 만들기
[AE BASIC NOTE] BRUSH TOOL
STEP 01. 라인 드로잉하고 움직임 만들기
aep 파일 열고 프로젝트 확인하기
브러시 도구로 다양한 라인 드로잉하기
STEP 02. 인물과 배경 분리하기
로토 브러시 도구로 배경 분리하기
리파인 엣지 도구로 배경 분리하기
배경을 지운 인물 뒤로 브러시 라인 드로잉하기
[디자이너의 비밀 노트] 로토 브러시 도구와 리파인 엣지 도구

PROJECT 06. 캐릭터 리깅 애니메이션 만들기
[AE BASIC NOTE] PUPPET PIN TOOL
STEP 01. 캐릭터의 세부 움직임 만들기
aep 파일 열고 프로젝트 시작하기
양쪽 다리에 움직임 설정하기
양쪽 팔에 움직임 설정하기
눈과 입에 움직임 만들기
STEP 02. 캐릭터에 반복 모션 적용하기
Expression으로 반복적인 움직임 만들기
Turbulent Displace 이펙트로 캐릭터에 질감 입히기

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

단축키
출처 및 웹사이트
INDEX