Adobe After Effects에서 선 그리기 효과를 사용하여 로고 디자인 문자를 생동감 있게 만들 수 있습니다.

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면Adobe Stock 에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오. “Skatefest”는 데모용으로 실제 회사, 제품, 서비스 또는 작품과 관련이 없습니다.

첫 번째 레이어를 선택하고 레이어 > 새로 만들기 > 모양 레이어를 선택합니다. 새 레이어가 적용할 요소를 잘 알 수 있도록 새 레이어 이름을 변경합니다. 모양 레이어가 선택된 상태에서 펜 툴을 활성화하고 컴포지션 패널에서 문자 또는 모양을 클릭하여 패스를 추적합니다.

이 패스에 애니메이션을 적용하기 위해 타임라인 패널에서 모양 레이어를 확장하고 콘텐트 행을 선택합니다. 오른쪽에 있는 추가를 클릭하고 메뉴에서 패스 다듬어 자르기를 선택합니다. 재생 헤드를 0에 놓은 다음 패스 다듬어 자르기 행을 확장하고 끝 옆에 있는 초시계를 클릭하여 키프레임을 설정하고 값을 0으로 설정합니다. 선 그리기 애니메이션의 등장 속도에 따라 재생 헤드를 약 10개 프레임 앞으로 이동하고 끝 키프레임을 100%로 설정합니다. (프레임 단위로 재생 헤드를 반복적으로 이동해야 하므로 Command/Ctrl 키를 누른 상태에서 시간 표시를 클릭하여 시간 코드에서 절대값 프레임으로 전환하는 것이 도움이 될 수 있습니다.) 완료되면 모양 레이어를 축소합니다.

글씨체 전체에 패스 다듬어 자르기를 표시하려면 해당 레이어를 선택한 다음 TrkMat 열에서 알파 매트 옵션을 선택하고 이 위에 있는 모양 레이어를 참조합니다. (TrkMat가 보이지 않으면 타임라인 패널 맨 아래에 있는 스위치/모드 전환 버튼을 눌러 전환합니다.)

이전 단계를 반복하여 모양 레이어를 만들고, 패스를 추적하고, 패스에 애니메이션을 적용하고, 로고의 나머지 문자가 그려질 때까지 표시합니다. 문자의 패스 다듬어 자르기의 첫 번째 키프레임이 이전 문자의 패스 다듬어 자르기 끝 값과 동일한 프레임이 되도록 설정합니다. 이렇게 해야 이전 문자가 화면에서 완전히 그려짐과 동시에 다음 문자가 그려집니다. 완료되면 타임라인 패널 맨 위에 조정 레이어를 추가하고 이 레이어에 칠 효과를 적용합니다. 효과 컨트롤 패널에서 칠 색상을 선택합니다.

마지막으로 배경 푸티지를 가져옵니다. 프로젝트 패널에서 로고 컴포지션과 푸티지 항목을 모두 선택하고 마우스 오른쪽 버튼으로 클릭한 다음 메뉴에서 선택 영역으로 새 컴포지션 만들기를 선택합니다. 선택 영역으로 새 컴포지션 만들기 대화 상자에서 확인을 클릭하고 새 컴포지션에서 애니메이션을 미리 봅니다.

다양한 혼합 모드를 적용해 보고 푸티지와 로고 애니메이션을 창의적으로 통합해 보시기 바랍니다. 첫 번째 컴포지션에서 칠 색상을 변경하면 최종 컴포지션의 텍스트 색상이 자동으로 업데이트됩니다. 타임라인에서 로고 레이어를 오른쪽으로 약간 드래그하여 비디오가 시작되는 시점과 애니메이션이 등장하는 시점 사이에 지연을 추가합니다.

Adobe Stock을 통해 사진, 그래픽, 비디오, 템플릿 등 1억 개가 넘는 고품질의 로열티 프리 이미지를 사용하여 크리에이티브 프로젝트를 빠르게 시작할 수 있습니다.Adobe Stock 에서 10개의 이미지를 무료로 다운로드하여 직접 경험해 보십시오.