애프터 이펙트의 모든 기능을 제대로 배우는 가장 완벽한 레시피! 쉽게 배워 제대로 써먹을 수 있는 모션 그래픽 영상 디자인 입문서!『맛있는 디자인 애프터 이펙트 CC 2024』는 모션 그래픽 디자인의 기본인 애프터 이펙트의 기초부터 활용까지 제대로 배울 수 있도록 구성한 입문서이다. 애프터 이펙트의 기본&핵심 기능을 꼼꼼하게 설명하여 기초부터 탄탄하게 학습할 수 있으며, 다양한 실무 예제를 통해 모션 그래픽 디자인의 실무를 효과적으로 익힐 수 있다. 유튜브 영상 제작 등에 직접 활용할 수 있도록 선별한 예제를 통해 다양한 이펙트와 애니메이션 활용법을 효과적으로 익힐 수 있다. 또한 가장 최신 버전인 CC 2024에 완벽히 대응하여 애프터 이펙트를 좀 더 효율적이고 빠르게 학습할 수 있다. 어려운 예제는 저자의 친절하고 쉬운 강의를 통해 보다 자세히 이해할 수 있다. 애프터 이펙트를 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습], [동영상 강의], [실무 실습]의 구성으로 누구나 애프터 이펙트를 쉽게 제대로 써먹을 수 있다.
이화여자대학교 생활미술학과 전공, Parsons School of Design MFADT, New York 석사로 졸업. KBS 한국방송 특수영상팀 디자이너/프로젝트 아트디렉터, JTBC 브랜드디자인팀 팀장을 역임했다. 현재는 인하대학교 디자인융합학과 겸임교수로 재직중이다. 저서로는 『맛있는 디자인 프리미어 프로&애프터 이펙트 CC 2020』 『맛있는 디자인 애프터 이펙트 CC 2020』 『모션 그래픽 디자인 강의 + 애프터 이펙트 : 10년차 디자이너에게 1:1로 배우는』등이 있다.
머리말맛있게 학습하기 맛있는 디자인의 수준별 3단계 학습 구성예제&완성 파일 다운로드 크리에이티브 클라우드 다루기맛있는 디자인 스터디 공식 카페 활용하기예제 파일 에러 발생 애프터 이펙트 CC 2024 신기능이미지 갤러리PART 01. 기초가 튼튼해지는 애프터 이펙트 기본편CHAPTER 01. 애프터 이펙트 CC 2024 시작하기LESSON 01. 모션 그래픽 디자인 알아보기 : 모션 그래픽과 디자인 트렌드 알아보기모션 그래픽 디자인 트렌드 읽기LESSON 02. 모션 그래픽 실무 제작 과정 : 실무 워크플로 한눈에 이해하기Pre-Production(사전 제작)Production(제작)LESSON 03. 애프터 이펙트와의 첫 만남 : 인터페이스와 주요 패널 알아보기애프터 이펙트 인터페이스다양한 도구의 집합체, 도구바소스를 불러오고 관리하는 [Project] 패널애니메이션 작업을 확인하고 디자인하는 [Composition] 패널미디어 파일을 레이어 형태로 관리하는 [Timeline] 패널다양한 형태의 레이어 속성을 설정할 수 있는 [Properties] 패널정보를 확인하는 [Info] 패널, 오디오 옵션을 볼 수 있는 [Audio] 패널이펙트와 프리셋을 검색하고 적용할 수 있는 [Effects & Presets] 패널레이어의 정렬을 맞추는 [Align] 패널텍스트 스타일을 지정하는 [Character] 패널, [Paragraph] 패널적용한 이펙트를 확인하고 조절하는 [Effect Controls] 패널하나의 레이어만 보면서 작업할 수 있는 [Layer] 패널작업한 애니메이션을 확인하는 [Preview] 패널애니메이션을 편집할 수 있는 [Graph Editor] 패널작업 환경 설정하기프로젝트 저장하기CHAPTER 02. 애프터 이펙트 기본&핵심 기능 익히기LESSON 01. [Project] 패널 활용하기 : 다양한 형식의 미디어 파일 불러오고 프로젝트 시작하기[간단 실습] 파일 불러오기 [간단 실습] 레이어드 포토샵(Layered Photoshop, psd) 파일 불러오기 [간단 실습] 일러스트레이터(ai) 파일 불러오기 [간단 실습] 여러 사진이 포함된 폴더를 불러와 포토 슬라이드쇼 만들기 [간단 실습] 알파 채널을 포함한 파일 불러오기 LESSON 02. [Composition] 패널 활용하기 : 컴포지션 새로 만들거나 수정하기[간단 실습] 컴포지션 새로 만들기 [Project] 패널의 미디어 파일을 컴포지션으로 등록하기 LESSON 03. [Timeline] 패널 활용하기 : 타임 디스플레이 스타일 설정하고 세부 옵션 알아보기타임 디스플레이 스타일 설정하기 [Timeline] 패널 확대/축소하기 [Timeline] 패널의 옵션을 숨기거나 나타나게 하기 작업 영역(Work Area) 설정하고 프리뷰하기 컴포지션 마커 만들기 LESSON 04. 렌더링하여 저장하기 : 동영상 파일로 저장하기[간단 실습] 렌더링하기 ① Add to Render Queue [간단 실습] 렌더링하기 ② Add to Adobe Media Encoder Queue CHAPTER 03. 애프터 이펙트 레이어 이해하기LESSON 01. 레이어 이해하기 : 애니메이션의 시작, 레이어의 모든 것레이어의 개념 이해하기 레이어 시작점과 끝점 자유롭게 조작하기 레이어 편집하기 레이어 복사하기 여러 개의 레이어를 차례대로 배치하기 레이어 라벨 색상 수정하기 Shy 기능으로 레이어 감추기 Pre-Compose 기능으로 컴포지션 그룹 만들기 레이어 검색하기 레이어 블렌딩 모드 적용하기LESSON 02. 다양한 레이어 만들기 : 텍스트, 솔리드, 셰이프 레이어 만들기텍스트 레이어 만들기 [간단 실습] 텍스트 레이어에 Animate 속성 추가하여 애니메이션 만들기솔리드 레이어 만들기 널 오브젝트 레이어 만들기 [간단 실습] 셰이프 레이어 만들기 스트로크(Stroke) 속성 알아보기 테이퍼(Taper)와 웨이브(Wave) 속성 알아보기 레이어 아이콘 셰이프 레이어의 추가(Add) 수식 알아보기 [간단 실습] 추가(Add) 수식으로 도형 변형하기 LESSON 03. 레이어 활용하기 : 다양한 레이어의 핵심 기능 정복하기[간단 실습] 레이어 스타일 적용하기 [간단 실습] 비디오 푸티지 레이어의 속도를 느리거나 빠르게 조절하기[간단 실습] 비디오 푸티지 레이어를 역재생하기 [간단 실습] 비디오 푸티지 레이어의 시간을 마음대로 조절하기3D 레이어로 리얼한 3D 장면 연출하기[간단 실습] Cinema 4D 렌더러로 3D 오브젝트 만들기오디오 레이어 활용하기[간단 실습] Convert Audio to Keyframes 적용하기CHAPTER 04. 모션&이펙트 적용하기LESSON 01. 키프레임 애니메이션 시작하기 : 키프레임 설정하고 애니메이션의 기초 익히기[간단 실습] 키프레임 설정하기[간단 실습] 키프레임 설정하고 모션 패스 수정하기[간단 실습] 키프레임 이동하여 속도 조절하기Transform 속성 알아보기[간단 실습] 위치(Position) 이동하기[간단 실습] 중심점(Anchor Point) 이동하고 크기(Scale) 조절하기[간단 실습] 크기(Scale)와 회전(Rotaion) 동시에 조절하기[간단 실습] 투명도(Opacity) 조절하기 [간단 실습] [Rove Across Time] 설정하여 등속도 애니메이션 만들기[간단 실습] [Auto-Orient] 기능으로 모션 패스 따라 자연스럽게 회전하기LESSON 02. 애니메이션 고급 기능 활용하기 : 보간 애니메이션 이해하고 그래프 에디터 활용하기[간단 실습] Keyframe Assistant로 보간 조절하기Keyframe Interpolation 확인하기그래프 에디터 확인하기 [간단 실습] Keyframe Velocity로 가속도 조절하기[간단 실습] Toggle Hold Keyframe으로 중간에 움직임 멈추기[간단 실습] 그래프 에디터 활용하여 공이 튀는 애니메이션 만들기LESSON 03. 트렌디 효과 활용하기 : 트렌디한 효과 알아보고 연출하기[간단 실습] 세포 분열 연출하기 [간단 실습] 글로우 효과 적용하기 [간단 실습] 그라데이션이 적용된 배경 이미지 만들기[간단 실습] 배경 레이어에 안이 투명한 원 모양 그리기 CHAPTER 05. 애프터 이펙트 필수 기능 익히기LESSON 01. 마스크 기초 익히기 : 마스크 기능 알아보고 활용하기[간단 실습] 마스크 만들기 마스크의 속성 마스크 모드 설정하기 [간단 실습] 펜 도구로 마스크 생성하여 합성하기 [간단 실습] 마스크 기능으로 그림에서 원하는 부분만 추출하기 LESSON 02. 3D 기능 알아보기 : 3D 공간에 3D 레이어, 카메라, 라이트 추가하기[간단 실습] 3D 레이어로 변환하기 [간단 실습] 3D 공간에서 레이어 이동하거나 회전하기[간단 실습] 액시스 모드(Axis Mode) 옵션 알아보기[간단 실습] 선택도구의 조절 기즈모(Gizmo) 알아보기[간단 실습] 다양한 카메라 도구 알아보기 [간단 실습] 3D 레이어의 방향과 회전 조절하기[간단 실습] 3D 레이어로 변환하고 Z Position 이동하기 [간단 실습] 3D 변환 기즈모(Transform Gizmo) 활용하기 [간단 실습] 조명(Light) 레이어 만들기 [간단 실습] 3D 레이어를 활용한 애니메이션 제작하기 [간단 실습] 널 오브젝트 만들고 배경 레이어와 Parent로 연결하기 [간단 실습] 새로운 카메라 레이어 만들기 [간단 실습] 무대가 회전하는 애니메이션 만들기 [간단 실습] 조명(Light) 레이어로 공간감 더하기 LESSON 03. 트랙 매트 활용하기 : 트랙 매트 이해하고 적용하기트랙 매트 알아보기 [간단 실습] 트랙 매트와 루마 매트, 반전 매트 적용하기 LESSON 04. Parent 기능 활용하기 : Parent 기능 알아보고 활용하기[간단 실습] 페어런트(Parent) 기능 알아보기 [간단 실습] Parent 관계 설정하기 PART 02. 지금 당장 써먹을 수 있는 애프터 이펙트 활용편CHAPTER 01. 기본기로 완성하는 모션 그래픽 프로젝트LESSON 01. 변형(Transform) 속성으로 완성하는 애니메이션 : 등대 불빛으로 연출하는 몽환적인 느낌의 여행 프롤로그 애니메이션aep 파일 열고 프로젝트 시작하기 3D 레이어로 변환하고 Position에 키프레임 설정하기중심점 이동하고 Rotation에 키프레임 설정하기 링크(Link)와 익스프레션(Expression)으로 레이어 좌푯값 조절하기레이어의 블렌딩 모드 설정하기 Scale에 키프레임 설정하고 Toggle Hold Keyframe 변경하기 [스파클] 레이어 복제하고 Position, Scale 랜덤하게 조절하기 파도에 배가 둥실둥실 움직이는 애니메이션 만들기 레이어 이동하기 새로운 [Adjustment Layer] 만들고 페이크 카메라 연출하기 [그레인] 레이어 보이게 하고 애니메이션 완성하기 LESSON 02. Animate 기능으로 완성하는 숏폼 광고 프로젝트 : 통통 튀는 느낌의 귀여운 타이포그래피 애니메이션aep 파일 열고 프로젝트 시작하기 텍스트 레이어에 패스 설정하고 애니메이션하기 마스크로 반원 부분만 글자 보이게 설정하기 펜 도구로 텍스트 레이어에 곡선을 그리고 곡선을 따라 배치하기 Animate 속성 추가하여 색상이 바뀌는 텍스트 애니메이션 만들기 Animate 속성 추가하여 크기가 변하는 텍스트 애니메이션 만들기 Animate 속성 추가하여 위치와 자간이 바뀌는 텍스트 애니메이션 만들기 CHAPTER 02. 다양한 테크닉으로 완성하는 애니메이션LESSON 01. 정확한 경로로 움직이는 패스 애니메이션 : 팩맨 레트로 게임 애니메이션 만들기aep 파일 열고 컴포지션 알아보기 마스크 패스 복사하여 다른 레이어에 붙여넣기 Auto-Orient 기능 적용하여 팩맨의 시선 방향을 자동으로 변하게 하기 LESSON 02. 액체의 움직임을 표현하는 리퀴드 애니메이션 : 잔이 출렁이며 채워지는 커피 브랜드 광고 만들기aep 파일 열고 프로젝트 시작하기 커피잔 모양의 셰이프 레이어 만들고 트랙 매트 적용하기 그래프 에디터 활용하여 가속도 표현하기 물결 모양 레이어 복제하여 글자도 액체가 채워지면서 생성되도록 연출하기 LESSON 03. 익스프레션(Expression)으로 기계적인 움직임 구현하기 : 익스프레션을 적용해 대관람차 모션 만들기aep 파일 열고 프로젝트 시작하기 회전하는 대관람차 애니메이션 만들기 Parent 기능으로 관람차들이 휠의 회전값 따라가게 하기 Link 기능으로 [Rotation] 속성만 연결하기 익스프레션 에디터 창 열고 표현식 수정하기 움직임이 완성된 관람차의 표현식 복사하여 다른 레이어에 붙여넣기인스타그램 감성의 배경 디자인하기 [Fill]과 Fast Box Blur 이펙트 적용하고 옵션 수정하기 레이어의 마스크 모드 변경하고 애니메이션 완성하기 LESSON 04. 마스크와 매트 기법으로 연출하는 애니메이션 : 감성 무드의 뮤직 영상 앨범 만들기aep 파일 열고 프로젝트 시작하기 로고에 마스크 그리고 레이어 복제 후 애니메이션 수정하기 [그라데이션] 레이어의 트랙 매트를 [원] 레이어와 연결하기 시각 레이어를 트랙 매트로 연결하기 [석양] 레이어 복사하고 트랙 매트를 [손] 레이어로 변경하기 [Noise] 효과가 적용된 [Adjustment Layer] 보이게 하고 프로젝트 완성하기 CHAPTER 03. 캐릭터 그리기와 캐릭터 리깅LESSON 01. 셰이프 레이어 기능으로 캐릭터 그리기 : 눈동자가 움직이는 몬스터 캐릭터aep 파일 열고 프로젝트 시작하기 지그재그 배경 패턴 그리기 캐릭터 얼굴 그리기 캐릭터 다리 그리기 다리 모양이 변하며 움직이는 애니메이션 만들기 캐릭터 눈 그리기 움직이는 눈동자 애니메이션 만들기 캐릭터 입 그리고 프로젝트 완성하기 LESSON 02. 트랜스폼과 페어런트 기능으로 캐릭터 리깅하기 : 페이크 3D 캐릭터 애니메이션aep 파일 열고 프로젝트 시작하기 [Null Object] 레이어 만들고 표정 레이어와 Parent로 연결하기 모든 캐릭터 레이어를 Parent 기능으로 리깅하기 상체를 숙이며 왼쪽 아래를 바라보도록 [Rotation] 애니메이션하기부분별로 [Rotation] 수정하기 키프레임 이동하여 동작 수정하기 캐릭터가 아래를 바라보는 것처럼 페이크 3D 룩킹 연출하기모든 키프레임에 [Easy Ease] 적용하기 LESSON 03. 퍼펫 핀 도구로 만드는 캐릭터 애니메이션 : 마법봉을 휘두르는 요정 캐릭터aep 파일 열고 프로젝트 시작하기 퍼펫 포지션 핀 도구로 [몸]에 핀 설정하기 퍼펫 어드밴스드 핀 도구로 [몸]에 핀 설정하기 허리와 고개를 숙이는 동작 연출하기 마술봉을 들었다 내리는 동작 연출하기 키프레임 조절하여 동작 자연스럽게 수정하기 퍼펫 스타치 핀 도구로 휘어져 보이는 팔 모양 다듬기 퍼펫 오버랩 핀 도구로 겹쳐져 보이는 부분 분리하기 [완성] 컴포지션 열고 배경 레이어 표시하여 애니메이션 완성하기 LESSON 04. 움직이는 이모티콘 만들기 : 움직이는 고양이 캐릭터 이모티콘aep 파일 열고 프로젝트 시작하기 [Path] 속성에 키프레임 설정하여 얼굴 모양이 변하는 애니메이션 만들기 [Trim Paths] 추가하여 동작을 나타내는 선 그리고 애니메이션하기 글자가 선을 따라 호를 그리게 배치하고 한 글자씩 써지는 애니메이션 만들기 새로운 컴포지션 만들고 크기와 위칫값 조절하기 gif 포맷으로 직접 렌더링하는 방법 포토샵에서 gif 포맷으로 변환하기 포토샵 열고 [Timeline] 패널에 레이어 정렬하기 gif 포맷으로 추출하고 완성하기 CHAPTER 04. 디자인에 기술과 감성을 더하는 이펙트(Effect)LESSON 01. 무에서 유를 창조하는 제너레이트(Generate) 효과 : 소스 파일 없이 애프터 이펙트로 완성하는 레트로 스타일 애니메이션aep 파일 열고 컴포지션 알아보기 [BG] 레이어에 Grid 이펙트 적용하여 격자무늬 배경 만들기 새 솔리드 레이어에 Radio Waves 이펙트 적용하여 라디오 파장 생성하기 텍스트 레어어를 마스크로 변환하기 테두리가 그려지는 듯한 Stroke 이펙트 적용하기 텍스트의 안쪽이 채워지는 듯한 Scribble 이펙트 적용하기 텍스트 획 색상 수정하기 조정 레이어에 Noise 이펙트 적용하여 오래된 듯한 느낌 연출하기 LESSON 02. 형태를 왜곡시키는 Distort 이펙트 : 물방울이 움직이는 몽환적인 인트로 영상 만들기aep 파일 열고 컴포지션 알아보기 CC Blobbylize 이펙트 적용하고 물방울 모양 만들기 CC Lens 이펙트 적용하고 물방울을 원 모양 안에 모이도록 연출하기 Displacement Map 이펙트 적용하여 텍스트가 물방울 모양에 따라 변형되도록 만들기 유리구슬 주변으로 흰색 선이 그려지는 애니메이션 제작하기 Glow 이펙트 적용하여 은은한 빛 연출하기 CC Light Rays 이펙트 적용하여 빛줄기 만들기 널 오브젝트 레이어 만들어 Parents 기능으로 연결하기 널 오브젝트 레이어에 회전 애니메이션 만들기 CHAPTER 05. 전문가들의 스킬, 3D 애니메이션과 시각 효과(VFX) 테크닉LESSON 01. 3D 레이어, 카메라 기능으로 만드는 3D 공간 애니메이션 : 다이내믹 카메라 워킹으로 연출하는 타이틀 만들기aep 파일 열고 프로젝트 시작하기 3D 레이어로 변환하고 [Position]에 키프레임 설정하기 새로운 카메라 만들기 [Null Object] 레이어 만들고 [Camera 1] 레이어와 Parent 연결하기 카메라 도구로 카메라 뷰 조절하고 애니메이션하기 [Camera 1] 레이어에 키프레임 애니메이션 적용하기 [카메라_메인] 레이어의 [Z Rotation]과 [Z Position]에 키프레임 설정하기 [카메라_메인] 레이어에 키프레임 애니메이션 수정하기 [Camera 1] 레이어의 카메라 심도를 조절하여 포커스 아웃 연출하기 LESSON 02. Keying 효과와 Track Camera로 영상 합성하기 : 바다 위에서 컵을 타고 여행하는 캐릭터 애니메이션 만들기aep 파일 열고 프로젝트 시작하기 Simple Choker를 적용하여 가장자리 수축하기 컴포지션을 레이어로 포함한 새로운 컴포지션 만들기 LESSON 03. 에센셜 그래픽 기능으로 애니메이션 템플릿 만들기 : 나라와 도시별로 기상 예보 템플릿 만들기aep 파일 열고 프로젝트 시작하기 [Essential Graphics] 패널을 열고 작업 시작하기 [Typewriter] 프리셋으로 글씨가 입력되는 애니메이션 만들기 [Sequence Layers] 적용하여 도시 이름이 순차적으로 나타나게 하기 [Essential Graphics] 패널에 그룹 만들고 그래픽 속성 등록하기 [Essential Graphics] 패널에 그룹 만들고 [Source Text] 속성 등록하기 Parent 기능으로 [Null] 레이어와 날씨 아이콘 연결하기 [Null 1] 레이어에 Dropdown Menu Control 이펙트 적용하기 [약간흐림] 레이어의 [Opacity]에 표현식 입력하기 표현식 복사하여 다른 날씨 아이콘 레이어에 붙여넣기 Dropdown Menu Control 이펙트 메뉴 등록하기 [세계날씨_도시] 컴포지션에 앞서 작업한 두 개의 컴포지션 삽입하기[아이콘] 레이어 복제하고 나란히 배열하기 [Dropdown Menu Control] 메뉴에서 날씨 아이콘 변경하기 [Essential Properties] 메뉴에서 색상 속성 변경하기 [Essential Properties] 메뉴에서 텍스트 내용 변경하기 [Sequence Layers] 적용하여 순차적으로 등장하게 하기 완성한 애니메이션 확인하기 애프터 이펙트 실속 단축키 찾아보기-끝-
