Adobe Illustrator CC에서 만든 레어어로 구성된 제목 디자인을 사용하여 Adobe After Effects CC에서 트랙 매트를 적용해 디자인의 각 부분을 점진적으로 표시하는 방법을 살펴봅니다.
animate-title-reveal_1000x560

실습용 샘플 파일을 다운로드하여 이 프로젝트를 따라 해 보십시오. 여기에는 실습에 필요한 모든 파일이 포함되어 있습니다.

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

animate-title-reveal_step-1

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

animate-title-reveal_step-2

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

animate-title-reveal_step-3

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

animate-title-reveal_step-4

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

animate-title-reveal_step-5
09/14/2018
이 페이지가 도움이 되었습니까?