튜토리얼 문서

중급

5분

타이틀을 애니메이션으로 표시

Adobe Illustrator에서 만든 레어어로 구성된 타이틀 디자인을 사용하여 Adobe After Effects에서 트랙 매트를 적용해 디자인의 각 부분을 점진적으로 표시하는 방법을 살펴보세요.

이미 가로로 된 나뭇가지가 나타나는 효과가 만들어져 있습니다. 이 Vertical Branch 레이어를 선택하고 모든 요소를 숨기는 새 단색 레이어를 만듭니다(250 x 860픽셀). 단색 레이어의 위치 키프레임(Option/Alt + P)을 2:00에 설정합니다. 타임라인의 시작 부분에서 단색 레이어를 위에 있는 줄기 위로 다시 배치합니다. Vertical Branch 레이어가 위에 있는 단색 레이어를 알파 매트로 사용하도록 설정합니다.

파란색 잎은 이미 나타나도록 설정되어 있습니다. Shift 키를 누른 상태에서 두 Green Leaf 레이어를 선택하고 사전 구성합니다(Command/Ctrl + Shift + C). 이 사전 구성 레이어를 복제합니다(Command/Ctrl + D). 두 레이어를 구분하기 위해 위 레이어를 마우스 오른쪽 버튼으로 클릭하고 이름 바꾸기를 선택합니다. 2:00에서 비율 키프레임을 설정합니다(Option/Alt + S). 타임라인의 시작 부분에서 비율을 0%로 줄입니다. 원본 Green Leaf Pre-comp 레이어가 위에 있는 사전 구성 복사본을 알파 매트로 사용하도록 설정합니다.

Gold Circle Pre-comp 레이어를 선택하고 복제합니다. 복사본의 이름을 변경합니다. 2:00에서 회전 키프레임(Option/Alt + R)을 25도로 설정합니다. 다시 시작 부분으로 돌아가 회전을 0으로 설정합니다. 이번에는 Gold Circle Pre-comp 레이어가 위에 있는 사전 구성 복사본을 알파 반전 매트로 사용하도록 설정합니다.

Naturalists 텍스트 레이어가 선택된 상태에서 이 텍스트가 가려지도록 새 단색 레이어(400 x 100)를 만듭니다. 2:00에서 이 단색 레이어의 위치 키프레임을 설정합니다. 타임라인 시작 부분에서 이 단색 레이어를 이 텍스트 레이어 바로 아래로 다시 배치합니다. 텍스트 레이어가 위에 있는 단색 레이어를 알파 매트로 사용하도록 설정합니다.

이제 타이틀 디자인이 서서히 나타나 최종 모양이 표시됩니다. 키프레임 위치를 다양하게 설정해 보면서 각 요소의 상대적 속도를 조정하여 최종 결과를 유기적으로 만들어 보시기 바랍니다.


2023년 5월 24일

After Effects에서 튜토리얼 경험해 보기

시각 효과 및 모션 그래픽을 제작하세요.