맛있는 디자인 애프터 이펙트 CC 2022
애프터 이펙트의 모든 기능을 제대로 배우는 가장 완벽한 레시피! 쉽게 배워 제대로 써먹을 수 있는 모션 그래픽 영상 디자인 입문서!『맛있는 디자인 애프터 이펙트 CC 2022』은 모션 그래픽 디자인의 기본인 애프터 이펙트의 기초부터 활용까지 제대로 배울 수 있도록 구성했다. 애프터 이펙트의 기본&핵심 기능을 꼼꼼하게 설명하여 기초부터 탄탄하게 학습할 수 있으며, 다양한 실무 예제를 수록하여 모션 그래픽 디자인의 실무를 효과적으로 익힐 수 있습니다. 유튜브 영상 제작 등에 직접 활용할 수 있도록 선별한 예제를 통해 다양한 이펙트와 애니메이션 활용법을 효과적으로 익힐 수 있다. 또한 가장 최신 버전인 CC 2022에 완벽히 대응하여 애프터 이펙트를 좀 더 효율적이고 빠르게 학습할 수 있다. 애프터 이펙트를 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습], [한눈에 실습], [실무 실습]의 구성으로 누구나 애프터 이펙트를 쉽게 제대로 써먹을 수 있다.
이화여자대학교 생활미술학과 전공, Parsons School of Design MFADT, New York 석사로 졸업. KBS 한국방송 특수영상팀 디자이너/프로젝트 아트디렉터, JTBC 브랜드디자인팀 팀장을 역임했다. 현재는 인하대학교 디자인융합학과 겸임교수로 재직중이다. 저서로는 『맛있는 디자인 프리미어 프로&애프터 이펙트 CC 2020』 『맛있는 디자인 애프터 이펙트 CC 2020』 『모션 그래픽 디자인 강의 + 애프터 이펙트 : 10년차 디자이너에게 1:1로 배우는』등이 있다.
PART 01 | 기초가 튼튼해지는 애프터 이펙트 기본편CHAPTER 01. 애프터 이펙트 CC 2022 시작하기LESSON 01. 모션 그래픽 디자인 알아보기 : 모션 그래픽과 디자인 트렌드 알아보기모션 그래픽 디자인 트렌드 읽기LESSON 02. 모션 그래픽 실무 제작 과정 : 실무 워크플로우 한눈에 이해하기Pre-Production(사전 제작)Production(제작)LESSON 03. 애프터 이펙트와의 첫 만남 : 인터페이스와 주요 패널 알아보기애프터 이펙트 인터페이스다양한 도구의 집합체, 도구바소스를 불러오고 관리하는 [Project] 패널애니메이션 작업을 확인하고 디자인하는 [Composition] 패널미디어 파일을 레이어 형태로 관리하는 [Timeline] 패널정보를 확인하는 [Info] 패널, 오디오 옵션을 볼 수 있는 [Audio] 패널작업한 애니메이션을 확인하는 [Preview] 패널텍스트 스타일을 지정하는 [Character] 패널, [Paragraph] 패널이펙트와 프리셋을 검색하고 적용할 수 있는 [Effects & Presets] 패널적용한 이펙트를 확인하고 조절하는 [Effect Controls] 패널하나의 레이어만 보면서 작업할 수 있는 [Layer] 패널애니메이션을 편집할 수 있는 [Graph Editor] 패널작업 환경 설정하기프로젝트 저장하기사라진 미디어 파일 찾기CHAPTER 02. 애프터 이펙트 기본&핵심 기능 익히기LESSON 01. [Project] 패널 활용하기 : 다양한 형식의 파일 불러오기[간단 실습] 파일 불러오기[간단 실습] 레이어드 포토샵(Layered Photoshop, psd) 파일 불러오기[간단 실습] 일러스트레이터(ai) 파일 불러오기[간단 실습] 벡터 레이어를 셰이프 레이어로 변환하기[간단 실습] 미디어 파일을 폴더 채로 불러오기[간단 실습] 이미지 시퀀스로 불러오기[간단 실습] 폴더 안에 있는 여러 파일을 한번에 불러오기[간단 실습] 텍스트를 포함한 psd 파일 불러오고 편집하기알파 채널 해석하기LESSON 02. [Composition] 패널 활용하기 : 애니메이션 작업을 확인하고 패널 자유롭게 다루기[간단 실습] 컴포지션 새로 만들기[간단 실습] [New Composition From Footage] 클릭하여 컴포지션 만들기[Project] 패널의 미디어 파일을 컴포지션으로 등록하기LESSON 03 [Timeline] 패널 활용하기 : 키프레임을 생성하고 패널 자유롭게 다루기타임 디스플레이 스타일 설정하기[Timeline] 패널 확대/축소하기[Timeline] 패널의 옵션을 숨기거나 나타나게 하기작업 영역(Work Area) 설정하고 프리뷰하기컴포지션 마커 만들기레이어 마커 만들기LESSON 04. 렌더링하여 저장하기 : 동영상 파일로 저장하기[간단 실습] 렌더링하기 ① Add to Render Queue[간단 실습] 렌더링하기 ② Add to Adobe Media Encoder QueueCHAPTER 03. 애프터 이펙트 레이어 이해하기LESSON 01. 레이어 이해하기 : 애니메이션의 기본인 레이어의 모든 것레이어의 개념 이해하기레이어 시작점과 끝점 자유롭게 조작하기레이어 편집하기레이어 보기 모드 전환하기여러 개의 레이어를 차례대로 배치하기레이어 라벨 색상 수정하기Shy 기능으로 레이어 감추기Pre-Compose 기능으로 컴포지션 그룹 만들기레이어 검색하기레이어 블렌딩 모드 적용하기LESSON 02. 다양한 레이어 만들기 : 텍스트, 솔리드, 셰이프 레이어 만들기텍스트 레이어 만들기텍스트 레이어에 레이어 스타일 적용하기[간단 실습] 텍스트 레이어에 Animate 속성 추가하여 애니메이션 만들기솔리드 레이어 만들기널 오브젝트 레이어 만들기셰이프 레이어 만들기셰이프 레이어 옵션 변경하기조정 레이어 만들기LESSON 03. 레이어 활용하기 : 레이어의 숨겨진 기능 정복하기[간단 실습] 레이어 스타일 적용하기텍스트 레이어 변환하기[간단 실습] 텍스트를 셰이프로 변환하고 Trim Paths 적용하기[간단 실습] 텍스트를 마스크로 변환하고 Scribble 이펙트 적용하기3D 레이어 활용하기[간단 실습] Cinema 4D 렌더러로 3D 오브젝트 만들기오디오 레이어 활용하기[간단 실습] Convert Audio to Keyframes 적용하기CHAPTER 04. 모션&이펙트 적용하기LESSON 01. 키프레임 애니메이션 시작하기 : 키프레임 설정하고 애니메이션의 기초 익히기[간단 실습] 키프레임 설정하기[간단 실습] 키프레임 설정하고 모션 패스 수정하기[간단 실습] 키프레임 이동하여 속도 조절하기Transform 속성 알아보기[간단 실습] 위치(Position) 이동하기[간단 실습] 중심점(Anchor Point) 이동하고 크기(Scale) 조절하기[간단 실습] 크기(Scale)와 회전(Rotation) 동시에 조절하기[간단 실습] 투명도(Opacity) 조절하기[간단 실습] [Rove Across Time] 설정하여 등속도 애니메이션 만들기[간단 실습] [Auto-Orient] 기능으로 모션 패스 따라 자연스럽게 회전하기LESSON 02. 애니메이션 고급 기능 활용하기 : 보간 애니메이션 이해하고 그래프 에디터 활용하기[간단 실습] Keyframe Assistant로 보간 조절하기Keyframe Interpolation 확인하기그래프 에디터 확인하기[간단 실습] Keyframe Velocity로 가속도 조절하기[간단 실습] Toggle Hold Keyframe으로 중간에 움직임 멈추기[간단 실습] 그래프 에디터 활용하여 공이 튀는 애니메이션 만들기LESSON 03. 카메라 포커스 효과 적용하고 : 스타일 추가하기다양한 이펙트 적용하기[간단 실습] 가우시안 블러 적용하기[한눈에 실습] 드롭 섀도우 적용하기[간단 실습] 그레이디언트 램프 적용하기LESSON 04. 트렌디 효과 활용하기 : 트렌디한 효과 알아보고 연출하기[간단 실습] 세포 분열 연출하기CHAPTER 05. 애프터 이펙트 필수 기능 익히기LESSON 01. 마스크 기초 익히기 : 마스크 기능 알아보고 활용하기마스크 만들기마스크의 속성마스크 모드 설정하기[간단 실습] 펜 도구로 마스크 생성하여 합성하기[간단 실습] 다양한 도형을 마스크로 그려보기[간단 실습] 도형 도구의 숨겨진 옵션을 이용해 새로운 도형 만들기[간단 실습] 그림에서 원하는 부분만 추출하기[간단 실습] 추출한 이미지로 간단한 애니메이션 만들기LESSON 02. 셰이프 레이어 활용하기 : 셰이프 레이어 기능 알아보고 활용하기셰이프 레이어(Shape Layer) 만들기셰이프 레이어의 중심점(Anchor Point)과속성 알아보기테이퍼(Taper) 속성 알아보기웨이브(Wave) 속성 알아보기셰이프 레이어의 추가(Add) 수식 알아보기[간단 실습] 추가(Add) 수식 추가하여 도형 변형하기LESSON 03. 3D 기능 알아보기 : 3D 공간에 3D 레이어, 카메라, 라이트 추가하기3D 레이어로 변환하기3D 공간에서 레이어 이동하거나 회전하기액시스 모드(Axis Mode) 옵션 알아보기선택 도구의 조절 기즈모(Gizmo) 알아보기다양한 카메라 도구 알아보기3D 레이어의 방향과 회전 조절하기[간단 실습] 3D 레이어로 변환하고 Z Position 이동하기[간단 실습] 3D 변환 기즈모 활용하기[간단 실습] 조명(Light) 레이어 만들기[간단 실습] 3D 레이어를 활용한 애니메이션 제작하기[간단 실습] 널 오브젝트 만들고 배경 레이어와 Parent로 연결하기[간단 실습] 새로운 카메라 레이어 만들기[간단 실습] 무대가 회전하는 애니메이션 만들기[간단 실습] 조명(Light) 레이어로 공간감 더하기LESSON 04. 트랙 매트 활용하기 : 트랙 매트 이해하고 적용하기[간단 실습] 알파 매트와 반전 알파 매트 적용하기[한눈에 실습] 루마 매트와 반전 루마 매트 적용하기LESSON 05 Parent 기능 활용하기 : Parent 기능 알아보고 활용하기[간단 실습] 페어런트(Parent) 기능 알아보기[간단 실습] Parent 관계 설정하기PART 02 | 지금 당장 써먹을 수 있는 애프터 이펙트 활용편CHAPTER 01. 베이직 애니메이션LESSON 01. 변형(Transform) 속성으로 완성하는 애니메이션 : 잔잔한 호수에 작은 돛단배가 떠다니는 서정적인 애니메이션aep 파일 열고 프로젝트 시작하기3D 레이어로 변환하고 [Position]에 키프레임 설정하기모션 패스 수정하기[Rove Across Time] 설정하여 속도 조절하기중심점 이동하고 [Rotation]에 키프레임 설정하기키프레임 복사하고 다른 레이어에 붙여넣기[Opacity]에 키프레임 설정하여 안보였다 보이게 하기키프레임 복사하여 붙여 넣고 키프레임 수정하기레이어 복제하고 [Position], [Scale] 변경하기파도에 배가 움직이는 애니메이션 만들기[배] 레이어 이동하고 [Dark] 레이어 표시하기LESSON 02. 마스크와 트랙 매트 기능으로 연출하는 애니메이션 : 캐릭터가 있는 채널 아이디 만들기aep 파일 열고 프로젝트 시작하기Pre-compose 기능으로 새로운 컴포지션 만들기도형 도구로 마스크 만들기캐릭터 이동하고 가속도 조절하기로고 레이어 복사하고 트랙 매트 소스 만들기트랙 매트(Track Matte) 적용하기LESSON 03. 셰이프 레이어로 만드는 트렌디 애니메이션 : 간단한 도형으로 다양하게 연출하는 트렌디한 패턴 그래픽 만들기aep 파일 열고 프로젝트 시작하기사각형 도구를 활용하여 셰이프 레이어 만들기셰이프 레이어에 Pucker & Bloat 적용하여 반짝이는 그래픽 만들기Wiggle Transform 추가하여 랜덤하게 움직이는 애니메이션 만들기펜 도구를 활용하여 셰이프 레이어 만들기셰이프 레이어에 Twist를 적용하고 스파이럴 패턴 만들기사선에 Zig Zag 적용하여 지그재그 패턴 만들기Trim Paths 적용하고 패턴이 움직이는 애니메이션 만들기Repeater 적용하여 패턴 여러 개로 복제하기별 모양 도구를 활용하여 셰이프 레이어 만들기셰이프 레이어의 스트로크에 대시(Dash) 추가하기다각형 도구 활용하여 셰이프 레이어 만들기셰이프 레이어에 Offset Paths를 적용하고 도형 여러 개로 복제하기패턴들을 하나의 컴포지션에 삽입하고 애니메이션 완성하기LESSON 04. Animate 기능으로 완성하는 다이내믹 타이포 애니메이션 : 통통 튀는 느낌의 귀여운 타이포그래피 광고 영상 만들기aep 파일 열고 프로젝트 시작하기텍스트 레이어에 패스 설정하고 애니메이션하기마스크로 반원 부분만 글자 보이게 설정하기펜 도구로 텍스트 레이어에 곡선을 그리고 곡선을 따라 배치하기Animate 속성 추가하여 색상이 바뀌는 텍스트 애니메이션 만들기Animate 속성 추가하여 크기가 변하는 텍스트 애니메이션 만들기Animate 속성 추가하여 위치와 자간이 바뀌는 텍스트 애니메이션 만들기CHAPTER 02. 다양한 기법으로 완성하는 애니메이션LESSON 01. 정확한 경로로 움직이는 마스크 패스 애니메이션 만들기 : 팩맨 레트로 게임 애니메이션 만들기aep 파일 열고 컴포지션 알아보기마스크 패스 복사하여 다른 레이어에 붙여넣기Auto-Orient 기능 적용하여 팩맨의 시선 방향을 자동으로 변하게 하기LESSON 02. 액체의 움직임을 표현하는 리퀴드 애니메이션 : 잔이 출렁이며 채워지는 커피 브랜드 광고 만들기aep 파일 열고 프로젝트 시작하기커피잔 모양의 셰이프 레이어 만들고 트랙 매트 적용하기그래프 에디터 활용하여 가속도 표현하기물결 모양 레이어 복제하여 글자도 액체가 채워지면서 생성되도록 연출하기LESSON 03. 익스프레션(Expression)으로 기계적인 움직임을 구현하기 : 할로윈 대관람차 모션 만들기aep 파일 열고 프로젝트 시작하기회전하는 대관람차 애니메이션 만들기페어런트 기능으로 레이어 그룹화하기익스프레션 적용하고 표현식으로 동작 제어하기움직임이 완성된 관람차에 나머지 관람차를 연결해 동일한 움직임으로 제어하기loopOut 표현식으로 반복적인 움직임의 캐릭터 애니메이션 만들기유령의 [Position]에 wiggle 표현식 적용하기CHAPTER 03. 캐릭터 그리기와 캐릭터 리깅LESSON 01. 마스크 기능으로 캐릭터 그리기 고스트 캐릭터로 할로윈 분위기 연출하기 : aep 파일 열고 프로젝트 시작하기펜 도구로 구름 그리기펜 도구로 박쥐 그리기펜 도구와 도형 도구로 몬스터 그리기작업한 마스크로 컴포지션 완성하기LESSON 02. 셰이프 레이어 기능으로 캐릭터 그리기 : 눈동자가 움직이는 몬스터 캐릭터aep 파일 열고 프로젝트 시작하기지그재그 배경 패턴 그리기캐릭터 얼굴 그리기캐릭터 다리 그리기다리 모양이 변하며 움직이는 애니메이션 만들기캐릭터 눈 그리기움직이는 눈동자 애니메이션 만들기캐릭터 입 그리고 프로젝트 완성하기LESSON 03. 트랜스폼과 페어런트 기능으로 캐릭터 리깅하기 : 페이크 3D 캐릭터 애니메이션aep 파일 열고 프로젝트 시작하기[Null Object] 레이어 만들고 표정 레이어와 Parent로 연결하기모든 캐릭터 레이어를 Parent 기능으로 리깅하기상체를 숙이며 왼쪽 아래를 바라보도록 [Rotation] 애니메이션하기부분별로 [Rotation] 수정하기키프레임 이동하여 동작 수정하기캐릭터가 아래를 바라보는 것처럼 페이크 3D 룩킹 연출하기모든 키프레임에 [Easy Ease] 적용하기LESSON 04. 퍼펫 핀 도구로 만드는 캐릭터 애니메이션 : 다리 떨며 도토리 먹는 다람쥐 캐릭터aep 파일 열고 프로젝트 시작하기퍼펫 핀 포지션 도구로 [얼굴]에 핀 설정하기[Puppet Pin] 움직여서 형태가 변하는애니메이션 만들기퍼펫 어드밴스드 핀 도구로 양 볼이 볼록해지는 애니메이션 만들기[몸]에 [Puppet Pin] 설정하고 배가 볼록해지는 애니메이션 만들기양다리에 [Puppet Pin] 추가하고 한쪽 다리가 휘는 애니메이션 만들기[꼬리]에 [Puppet Pin] 추가하고 꼬리가 휘는 애니메이션 만들기[얼굴] 레이어 복제 후 도토리가 입안으로 들어가는 것처럼 연출하기LESSON 05. 움직이는 이모티콘 만들기 : 고양이 캐릭터 움직이는 이모티콘aep 파일 열고 프로젝트 시작하기[Path] 속성에 키프레임 설정하여 얼굴 모양이 변하는 애니메이션 만들기[Trim Paths] 추가하여 동작을 나타내는선 그리고 애니메이션하기글자가 선을 따라 호를 그리게 배치하고 한 글자씩 써지게 애니메이션 만들기새로운 컴포지션 만들고 크기와 위칫값 조절하기png 포맷으로 이미지 추출하기포토샵 열고 [Timeline] 패널에 레이어 정렬하기gif 포맷으로 추출하고 완성하기CHAPTER 04. 영상에 기술을 더하는 이펙트(Effect) 애니메이션LESSON 01. Color Correction 기능으로 색상 보정해 감성적 연출하기 : 신호등 불빛이 변하는 영상 연출하기동영상 파일 불러와 컴포지션 만들기Leave Color 이펙트로 빨간색만 남기고 흑백으로 연출하기Exposure 이펙트로 노출값 조절하여 화면 밝기 재설정하기Hue/Saturation 이펙트로 색상 변하게 만들기포토 필터(Photo Filter) 이펙트로 흑백 하늘을 파랗게 변경하기LESSON 02. 무에서 유를 창조하는 제너레이트(Generate) 기능 : 소스 파일 없이 애프터 이펙트로 완성하는 레트로 스타일 애니메이션aep 파일 열고 컴포지션 알아보기[BG] 레이어에 Grid 이펙트 적용하여 격자무늬 배경 만들기새 솔리드 레이어에 Radio Waves 이펙트 적용하여 라디오 파장 생성하기텍스트 레어어를 마스크로 변환하기테두리가 그려지는 듯한 Stroke 이펙트 적용하기텍스트의 안쪽이 채워지는 듯한 Scribble 이펙트 적용하기텍스트 획 색상 수정하기조정 레이어에 Noise 이펙트 적용하여 오래된 듯한 느낌 연출하기LESSON 03. 형태를 왜곡시키는 Distort 이펙트 : 물방울이 움직이는 몽환적인 인트로 영상 만들기aep 파일 열고 컴포지션 알아보기CC Blobbylize 이펙트 적용하고 물방울 모양 만들기CC Lens 이펙트 적용하고 물방울을 원 모양 안에 모이도록 연출하기Displacement Map 이펙트 적용하여 텍스트가물방울 모양에 따라 변형되도록 만들기유리구슬 주변으로 흰색 선이 그려지는 애니메이션 제작하기Glow 이펙트 적용하여 은은한 빛 연출하기CC Light Rays 이펙트 적용하여 빛줄기 만들기널 오브젝트 레이어 만들어 Parents 기능으로 연결하기널 오브젝트 레이어에 회전 애니메이션 만들기CHAPTER 05. 입체감으로 완성도를 높이는 3D 애니메이션LESSON 01. 3D 레이어와 라이트 기능을 활용한 입체 카드 : 입체 팝업 생일 카드 만들기aep 파일 열고 컴포지션 알아보기3D 레이어로 변환하고 팝업 애니메이션 만들기Easy Ease 적용하고 그래프 에디터에서 스피드 조절하기뷰 레이아웃 변경하고 레이어들을 앞뒤로 배치하기키프레임 위치 이동하여 동작에 오프셋(Offset) 연출하기Spot Light 추가하여 부분 집중 조명 만들기3D 레이어에 그림자 옵션 활성화하기Ambient Light 추가하여 전체 화면의조도 조절하기Point Light 추가하고 분위기 연출하기새로운 카메라 만들고 위치 조절하기LESSON 02. 카메라의 움직임과 심도 연출 : 카메라 무빙으로 연출하는 카운트다운 인트로 만들기aep 파일 열고 프로젝트 시작하기새로운 카메라 만들기단축키를 이용하여 화면에 그림이 가득 차도록 설정하기조명이 카메라를 따라 이동하도록 Parent 관계로 연결하기[Depth of Field] 옵션을 켜고 카메라의 심도 조절하기CHAPTER 06. 전문가들의 스킬, 시각 효과(VFX) 기술LESSON 01. 크로마키 촬영과 Keying 이펙트로 키 추출하기 : 바다 위에서 컵을 타고 여행하는 캐릭터 애니메이션 만들기aep 파일 열고 프로젝트 시작하기 501비디오 클립에 Keylight 이펙트 적용하여 키 추출 작업하기Simple Choker 이펙트 적용하여 가장자리 수축하기작업 컴포지션을 레이어로 포함한 다른 컴포지션 열기LESSON 02. 비디오와 이미지를 합성하는 트랙 모션 테크닉 : 졸고 있는 캐릭터를 움직이는 보트에 태우기aep 파일 열고 프로젝트 시작하기트랙 모션(Track Motion) 기능 적용하여 보트의 움직임 추적하기캐릭터를 따라서 텍스트 이동하기캐릭터에 드롭 섀도우(Drop Shadow) 적용하기LESSON 03. 카메라의 움직임을 추출하는 트랙 카메라 테크닉 : 비디오 푸티지의 3D 카메라를 추출하여 그래픽 이미지 합성하기aep 파일 열고 프로젝트 시작하기트랙 카메라(Track Camera) 기능 적용하기트랙 카메라(Track Camera) 옵션 조절하기애프터 이펙트 실속 단축키찾아보기