이것이 진짜 모션 그래픽이다! 좋은 디자인을 만드는 모션 그래픽&영상 디자인 퍼펙트 가이드!모션 그래픽은 영화나 광고, 각종 프로모션, 뮤직비디오, 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 EDITORSTEP 01. 배경과 스마트폰 디자인하기배경 솔리드 레이어 만들기 솔리드 레이어에 이펙트 적용하기 스마트폰 모양의 셰이프 레이어 만들기 인스타그램 프레임 만들고 디테일 더하기STEP 02. 인스타그램 인터페이스 디자인하기프로필 영역 디자인하기 댓글 영역 디자인하기 인스타그램 피드 오브젝트 디자인하기STEP 03. 각 레이어에 모션 적용하기스마트폰 레이어에 모션 적용하기 액정 레이어에 모션 적용하기 인스타그램 프레임 레이어에 모션 적용하기 홈버튼, 스피커 레이어에 모션 적용하기 인스타그램 피드 오브젝트 레이어에 모션 적용하기 실력 업그레이드! 아웃라인 디테일 추가하기PROJECT 02. 트렌디한 패션 필름 영상 만들기[AE BASIC NOTE] MASK STEP 01. 텍스처와 타이포그래피 배경 디자인하기배경 레이어 만들기 배경 레이어에 모션 적용하기 타이포그래피 입력하고 모션 적용하기STEP 02. 면 분할 레이아웃 만들기영상 레이어에 마스크 적용하기 색 보정하기STEP 03. 디테일을 추가해 레이아웃 완성도 높이기다양한 색의 솔리드 레이어 추가하기 솔리드 레이어에 모션 적용하기 세부 디테일 추가하기 배경 디테일과 텍스트 추가해 완성하기PROJECT 03. 트랙 매트를 이용한 로고 그래픽 영상 만들기[AE BASIC NOTE] TRACK MATTESTEP 01. 알파 매트 적용한 로고 모션 만들기배경 솔리드 레이어 만들기 텍스트 입력하고 마스크 패스 적용하기 알파 매트 적용하고 키프레임 만들기STEP 02. 그레이디언트와 루마 매트 적용한 모션 만들기솔리드 레이어 만들어 Gradient Ramp 이펙트 적용하기 루마 매트 적용하고 디테일 추가하기 CC Griddler 이펙트로 배경 디테일 만들기 Hue/Saturation 이펙트로 배경 디테일 만들기STEP 03. Add 기능과 알파 매트 적용한 로고 모션 만들기셰이프 레이어 만들어 Add 기능 추가하기 배경 레이어 Pre-Compose하기 텍스트 입력해 배경 디테일 만들기PROJECT 04. 콜라주 콘셉트의 그래픽 영상 만들기[AE BASIC NOTE] FILE IMPORTSTEP 01. 루마 매트와 브러시 영상 소스로 움직임 표현하기aep 파일 열고 프로젝트 시작하기 영상 소스와 카메라를 든 인물에 루마 매트 적용하기인물 레이어에 이펙트 속성을 추가해 디테일한 움직임 적용하기 카메라 레이어에 이펙트 속성을 추가해 디테일한 움직임 적용하기STEP 02. 브러시 소스의 움직임과 질감 만들기브러시 이미지가 그려지는 움직임 만들기 Noise HLS 이펙트를 이용해 질감 만들기 작은 디테일 오브젝트의 움직임 만들기STEP 03. 루마 매트와 브러시 영상 소스로 그려지는 움직임 만들기인물에 루마 매트 적용하기 여성 레이어에 이펙트 속성을 추가해 디테일한 움직임 적용하기 브러시 이미지가 그려지는 움직임 만들기 레이어 정리하여 자연스러운 장면 전환 만들기 Noise HLS 이펙트를 이용해 질감 만들기 작은 디테일 오브젝트의 움직임 만들기PROJECT 05. 자유로운 브러시 드로잉 영상 만들기[AE BASIC NOTE] BRUSH TOOLSTEP 01. 라인 드로잉하고 움직임 만들기aep 파일 열고 프로젝트 확인하기 브러시 도구로 다양한 라인 드로잉하기STEP 02. 인물과 배경 분리하기로토 브러시 도구로 배경 분리하기리파인 엣지 도구로 배경 분리하기 배경을 지운 인물 뒤로 브러시 라인 드로잉하기 [디자이너의 비밀 노트] 로토 브러시 도구와 리파인 엣지 도구PROJECT 06. 캐릭터 리깅 애니메이션 만들기[AE BASIC NOTE] PUPPET PIN TOOLSTEP 01. 캐릭터의 세부 움직임 만들기aep 파일 열고 프로젝트 시작하기 양쪽 다리에 움직임 설정하기 양쪽 팔에 움직임 설정하기 눈과 입에 움직임 만들기STEP 02. 캐릭터에 반복 모션 적용하기Expression으로 반복적인 움직임 만들기 Turbulent Displace 이펙트로 캐릭터에 질감 입히기PROJECT 07. Duik Bassel을 이용한 캐릭터 애니메이션 만들기[AE BASIC NOTE] DUIK BASSEL SCRIPTSTEP 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
