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

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