도형은 애프터이펙트(After Effects) 애니메이션 제작의 핵심 요소로, 몇 번의 클릭만으로 손쉽게 만들 수 있습니다. 도형레이어(Shape Layers)를 마스터하는 것은 모든 애니메이터에게 필수적인 기술입니다.
많은 아티스트들이 도형레이어를 활용하여 자신들의 컴포지션을 제작하며, 애프터이펙트 도형레이어는 특수 효과에서 아이콘 비디오 제작까지 다양한 용도로 사용됩니다. 이러한 이유로 여러분의 프로젝트에서도 도형레이어를 자주 사용하게 될 것입니다.
도형레이어란 무엇인가요?
도형레이어는 애프터이펙트에서 생성된 도형을 포함하는 레이어를 의미합니다.
애프터이펙트에서는 PNG 형식의 이미지나, 포토샵(Photoshop) 및 일러스트레이터(Illustrator) 파일을 가져올 수 있습니다. 그러나 애프터이펙트 내부에서 이미지를 조작하려면 도형레이어를 만들어야 합니다. 도형레이어를 사용하면 다양한 변형(Transform) 설정을 활용할 수 있으며, 도형 경로(Shape Path)를 애니메이션으로 만들 수도 있습니다.
애프터이펙트에서 도형레이어 생성 및 편집 방법
도형레이어를 생성하는 과정은 어떤 도형을 만드냐에 따라 굉장히 쉬울 수도 굉장히 까다로울 수도 있습니다.
기본 도형 생성하기
애프터이펙트는 원, 사각형, 직사각형, 다각형 등의 기본 도형을 한번의 클릭으로 생성할 수 있는 옵션을 제공합니다.
- 레이어 > 새로 만들기 > 도형레이어 로 이동합니다.
- 타임라인에서 레이어를 선택하고 화면 상단의 툴바(ToolBar) 메뉴로 이동합니다.
- 한번의 클릭으로 도형 아이콘을 선택하거나 클릭 후 홀드하여 다른 옵션을 확인합니다.
- 화면을 클릭하고 드래그하여 원하는 도형을 그립니다.
두 번째 도형 추가하기
애프터이펙트 쉐이프의 주된 장점은 하나의 쉐이프 레이어에 여러개의 도형을 추가할 수 있다는 것입니다. 그러나 도형을 만들 때 타임라인에서 올바른 레이어를 선택하는 것이 중요합니다.
- 위의 과정을 반복하여 새로운 도형레이어를 만듭니다.
- 기존 도형레이어에 도형을 추가하려면, 타임라인에서 해당 레이어를 선택하고 화면에 도형을 그립니다.
- 레이어 패널(Layer Panel)에 있는 도형레이어의 드롭다운 메뉴에서 콘텐트(Contents)를 열어 레이어에 연결된 각 도형의 개별 설정을 확인합니다.
도형 편집하기
애프터 이펙트에서 도형을 그린 후에는 Photoshop 및 Illustrator에서 제공하는 것과 같은 디자인 도구를 사용해 원하는 모습으로 연출할 수 있습니다. 또한, 커맨드/컨트롤 C&V (Copy and Paste)와 같은 기본 단축키를 사용할 수 있습니다.
- 타임라인에서 도형레이어를 선택하고 레이어 메뉴를 드롭다운합니다.
- 콘텐트(Contents) 드롭다운에서 편집할 모양을 선택합니다.
- 그 다음, 상단 메뉴 바에서 색상, 외곽선 색상, 외곽선 두께를 조정합니다.
- 레이어 패널에서 모양 스택(Shape Stack)을 변경하여, 도형의 순서를 앞뒤로 조정할 수 있습니다.
- 각 도형의 크기(Size), 위치(Position), 회전(Rotation)을 개별적으로 조정하려면, 도형 레이어 드롭다운 내의 변형(Transform) 옵션을 확인하세요. 레이어의 Transform 옵션을 사용하면 레이어 전체에 변경 사항이 적용되므로 주의가 필요합니다.
- 별 모양 또는 다각형모양의 경우, 레이어패널에서 다각형 경로(Polystar Path) 설정을 통해 꼭짓점(Point)과 모서리(Corner)를 추가로 조정할 수 있습니다.
애프터이펙트에서 자체 도형 생성하기
애프터이펙트의 도형레이어가 놀라운 점은 다양한 애니메이션 방법을 제공한다는 것인데, 여기 그 세가지 방법이 있습니다. 이를 조합하면 복잡한 구성도 만들 수 있습니다.
변형 설정 사용
변형 설정을 사용하려면 도형에 키프레임을 추가해야 합니다.키프레임을 사용하는 가이드를 확인해 보세요.
- 레이어 패널에서 도형의 요소(Contents)들을 드롭다운하고 변형(Transform)에서 도형(Shape) 설정을 엽니다.
- 타임라인에서 애니메이션을 시작하고자 하는 위치로 플레이헤드(Playhead)를 배치합니다.
- 조정하려는 설정 옆의 스톱워치 아이콘을 클릭합니다.
- 애니메이션을 끝낼 위치로 플레이헤드를 이동하고 설정을 조정하면, 새로운 키프레임이 자동으로 생성됩니다.
레이어 패널의 추가 메뉴 사용
추가 메뉴는 레이어 패널에 숨겨져 있으며, 다양한 효과를 추가할 수 있는 간단한 방법을 제공합니다. 추가 메뉴는 애프터이펙트 기본 도형에만 사용할 수 있으므로, 텍스트나 동영상, 이미지 가져오기 파일에는 이러한 효과를 추가할 수 없습니다.
- 레이어 패널에서 도형레이어 메뉴를 드롭다운합니다.
- 추가 제목 옆의 작은 재생 아이콘을 클릭합니다.
- 사용하려는 효과를 메뉴에서 선택합니다. 사용할 수 있는 효과가 많으니, 가능한 한 다양하게 실험해 보며 자신에게 맞는 것을 찾아보기를 추천합니다.
- 추가한 효과는 레이어 패널에서 효과 설정을 조정할 수 있습니다.
장면 전환(Transition) 사용
장면 전환은 도형을 화면에 나타나게 하거나 사라지게 하는 데 유용하며, 여러 도형을 결합해 복잡한 구성을 애니메이션화 할 때 효과적입니다. 효과 패널에서 장면 전환을 추가하면, 해당 장면 전환은 전체 레이어와 그 안에 포함된 모든 도형에 적용됩니다.
- 플레이헤드를 모양레이어 시작 지점에 배치합니다.
- 효과&설정값(Effects & Presets)패널에서 애니메이션 설정값 > 장면 전환 을 찾습니다.
- 선택한 화면 전환을 드래그 앤 드롭하여 클립에 적용하면, 화면 전환은 플레이헤드가 위치한 타임라인 지점에서 시작됩니다.
- 타임라인에서 레이어를 선택하고 키보드의 U를 눌러 키프레임을 확인합니다.
- 키프레임 간격을 조정하여 애니메이션 속도를 변경합니다.
도형 작업을 위한 주요 단축키
애프터 이펙트에는 사용할 수 있는 단축키가 매우 많습니다. 여기 도형 작업에 유용한 몇 가지 단축키를 아래에 소개합니다. 애프터 이펙트에서 제공하는 주요 단축키 목록과 자신만의 단축키를 만드는 방법이 궁금하다면, 이 블로그를 확인해보세요.
도형 선택하기
도형 도구(Shape Tool)에 접근하려면 키보드에서 Q를 누르세요. 기본 도형은 마지막으로 사용한 도형으로 설정됩니다. 원하는 도형이 나올 때까지 Q를 계속 누르세요.
Command/Control D
이 튜토리얼에서 설명한 것 처럼, Command/Control D를 사용하면 도형을 복제할 수 있습니다. 이 단축키는 도형 뿐만 아니라 애프터 이펙트의 모든 요소를 복제할 수 있습니다. 복제 단축키를 제대로 활용하려면 올바른 요소를 선택하는 것이 중요합니다.
- 효과 컨트롤 패널에서 효과를 복제하려면 해당 효과를 선택합니다.
- 타임라인에서 레이어를 복제하려면 해당 레이어를 선택합니다.
- 레이어 패널에서 도형을 복제하려면 해당 도형을 선택합니다.
Alt/Option [ or ]
레이어를 자르려면 타임라인에서 레이어 끝을 드래그하거나 이 단축키를 사용할 수 있습니다. 플레이헤드를 레이어 시작 또는 끝 지점에 맞추고, Option/Alt를 눌러 시작점을 설정하거나, Option/Alt를 눌러 종료점을 설정합니다.
속성 열기
특정 속성을 열기 위해 다양한 단축키를 사용할 수 있습니다.
- P: 위치(Position) 설정 열기
- S: 크기(Scale) 설정 열기
- R: 회전(Rotation) 설정 열기
- A: 기준점(Anchor Point) 설정 열기
- U: 레이어의 모든 키프레임 표시
컴파운드 클립 생성하기
도형레이어를 그룹화하고 싶다면 단축키를 사용하여 컴파운드 클립을 생성할 수 있습니다. 타임라인에서 그룹화하려는 레이어를 선택한 뒤, Command/Control + Shift + C를 누르세요. 그러면 새로운 컴포지션의 이름을 지정할 수 있는 컴파운드 클립(Compound Clip) 대화 상자가 열립니다.
도형레이어는 애프터 이펙트 애니메이션의 기본 구성 요소이며, 초보자에게 반드시 필요한 기술입니다. 키프레이밍(Keyframing)과 결합하면, 도형레이어를 활용해 처음부터 복잡한 컴포지션을 제작하고 애니메이션화할 수 있습니다. 이제 도형을 만드는 방법을 알았으니, 상상력을 발휘하여 재미있는 작품을 만들어보세요.
이 기사가 도움이 되었나요?
