텍스트에 서식 및 효과 추가

[lynda.com의 튜토리얼] [After Effects CC Essential Training - Ian Robinson] 다른 그래픽 요소와 모양을 프로젝트에 추가하기에 앞서 개체를 표시할 시간과 위치를 정확하게 결정해야 합니다.

이 프로젝트의 경우 타임라인으로 이동하여 작업 영역을 깔끔하게 정리한 다음 텍스트를 추가해 보겠습니다.

1번 레이어를 선택하고 Cmd + A를 눌러 모든 레이어를 선택합니다.

아무 레이어를 선택한 다음 U 키를 누르면 키프레임 또는 애니메이션이 적용된 매개 변수가 자동으로 표시됩니다.

U 키를 다시 누르면 이 레이어들이 축소됩니다.

프로젝트의 중간 부분을 보면 여러 개의 레이어가 있는데요.

현재 시간 표시기를 클릭하고 드래그하여 내용을 확인하면 모든 그래픽 요소를 볼 수 있습니다.

저는 페이드인 효과를 자주 사용하는데요.

이제 타임라인에서 표시되는 레이어 수를 줄여 보겠습니다.

먼저 레이어를 선택 해제하기 위해 눈동자 옆에 있는 여기를 클릭합니다.

이때 가시성 눈동자 아이콘을 클릭하지 않도록 합니다.

4번 레이어를 클릭하고 아래로 스크롤한 다음 Shift 키를 누른 상태에서 10번 레이어를 클릭하여 모든 그래픽 레이어 요소를 선택합니다.

이제 이 레이어들을 보기에서 숨겨 보죠.

이때 컴포지션에서 이러한 레이어들이 삭제되는 것이 아닙니다.

그러면 감춤 버튼을 사용해 보죠.

이 버튼은 이름 오른쪽에 있습니다.

한 사람이 담장 뒤에서 얼굴을 내민 모양이죠.

레이어를 선택한 다음 이 감춤 버튼을 클릭하면 눈이 사라지게 됩니다.

레이어 패널에서 숨기려면 레이어 패널 상단의 더 큰 버튼을 클릭하면 됩니다.

이 버튼을 클릭하고 모든 레이어를 숨겨 보겠습니다.

프로젝트를 스크러빙하면 이와 같이 모든 것이 그대로 보여지는데, 타임라인에서만 표시되지 않습니다.

이제 텍스트를 추가해 볼 텐데요.

먼저 텍스트를 배치할 위치를 찾아 보기 위해 타임라인을 스크러빙해 보죠.

Training이라는 글자 옆에 텍스트를 추가해 보겠습니다.

스크러빙해 보면 밝은 더하기 버튼이 하나 있는데요.

처음 디자인되었을 때는 이 더하기가 Training 바로 옆에 나타나도록 했습니다. h+ 디자인과 유사하게 만들기 위해 더하기를 추가했죠.

키프레임과 같이 이미 애니메이션이 적용된 레이어의 경우 타임라인 아래로 해당 레이어를 이동시킬 수 있습니다.

이때 키프레임은 원래 대로 유지됩니다.

3번 레이어를 선택하고 T를 눌러 불투명도 컨트롤을 엽니다.

키프레임이 위치한 지점을 알고 있으므로 T 키를 누른 것입니다.

U 키를 누르면 불투명도가 표시되는데, 여기가 키프레임이 있는 지점이기 때문입니다.

이제 이 레이어를 클릭하고 오른쪽으로 드래그합니다.

Shift 키를 누른 상태에서 드래그하면 Training 레이어의 시작 지점에 스냅됩니다.

Shift 키를 누른 상태에서 드래그하는 방식은 여러 항목을 스냅하는 데 효과적입니다.

예를 들어 현재 시간 표시기를 클릭하고 Shift 키를 누른 상태에서 드래그하면 레이어의 시작 부분에 스냅되거나 다음 키프레임에 스냅됩니다.

아직 이 작업을 하지 않았다면 클릭하고 약 프레임 8:13으로 드래그합니다.

이제 Training이라는 글자와 더하기 요소가 표시되어 있습니다.

더하기가 잘 보이지 않으므로 명령어를 사용해 보죠.

Shift + Cmd + H를 누르면 현재 선택되어 있는 레이어의 컨트롤 핸들이 숨겨집니다.

이제 텍스트를 추가해 보겠습니다.

Day One이라는 텍스트를 표시해 보죠.

이 장면을 보면 텍스트가 이미 추가되어 있는데, 텍스트를 추가하는 방법은 살펴보지 않았습니다.

이 요소는 레이어로 구성된 Photoshop 문서로 가져왔는데요.

Photoshop에서 이 텍스트가 편집 가능해도 After Effects에서는 일반 레이어의 기능을 합니다.

2번 레이어를 선택하고 변형 아래에 있는 다른 변형 옵션을 열면 일반 XY 옵션이 있고 기준점과 비율이 표시되지만 이것을 편집할 수 있는 옵션은 제공되지 않습니다.

그러나 레이어 메뉴에서 편집 가능한 텍스트로 변환을 선택하면 Photoshop 레이어를 편집 가능한 텍스트로 변환할 수 있습니다.

텍스트 모양이 변하는데, 다시 2번 레이어를 열면 레이어 스타일이 적용되었음을 알 수 있습니다.

경우에 따라 레이어 스타일을 텍스트에 적용하고 After Effects로 가져와 다시 한 번 편집 가능한 텍스트로 변환하면 항상 그런 것은 아니지만 사라지는 경우도 있습니다.

이제 2번 레이어를 축소해 보죠.

컨트롤 핸들이 숨겨져 있으므로 Shift + Cmd + H를 눌러 다시 표시합니다.

편집 가능한 텍스트로 변환하면 기준점이 왼쪽에 표시됩니다.

위로 스크롤하여 좀 더 자세히 살펴보죠.

왼쪽에 보이네요.

텍스트가 왼쪽 맞춤으로 설정되어 있기 때문입니다.

텍스트 맞춤 설정에 대해 살펴보기 위해 먼저 다른 문자 레이어 하나를 추가해 보죠.

툴 패널에서 텍스트 툴을 클릭합니다.

Cmd + T 또는 Windows의 경우 Ctrl + T를 눌러 엽니다.

오른쪽에 패널 자동 열기를 보면 선택되어 있습니다.

선택된 상태에서 인터페이스의 오른쪽 하단을 보면 문자 패널과 단락 패널이 있습니다.

문자 패널에서는 사용할 문자의 서체를 선택하고 단락 패널에서는 맞춤 설정을 선택합니다.

컴포지션 패널을 클릭해 보죠.

여기를 클릭하고 "Day One"을 입력합니다.

Enter 키를 눌러 텍스트를 설정하거나 툴 패널을 클릭하여 선택 툴을 선택합니다.

이 텍스트는 너무 작으므로 문자 패널에서 매개 변수를 클릭하고 드래그하여 텍스트 크기를 늘립니다.

Training의 크기와 다른 크기로 설정해 보죠.

글꼴 크기를 약 30pt로 만들어 보겠습니다.

값을 클릭한 다음 다른 인터페이스에서 하는 것처럼 값을 직접 입력하고 Enter 키를 눌러 설정할 수 있습니다.

이 텍스트도 왼쪽 맞춤으로 설정되어 있는데요.

텍스트 가운데 맞춤을 클릭하면 기준점이 가운데에 설정됩니다.

W를 눌러 회전 툴을 선택하고 이 레이어를 클릭한 다음 드래그하면 텍스트는 이 기준점을 중심으로 회전합니다.

이제 Cmd + Z를 눌러 실행을 취소하겠습니다.

지금까지 타임라인에서 원하는 지점에 텍스트를 추가해 보았습니다.

이제 타임라인을 살펴보면 확대 비율이 변경되어 있는데요.

10초 전체가 보이지 않네요.

이 단락 패널이 표시되어 있기 때문이죠.

타임라인을 다시 축소하려면 이 시간 탐색기 종료 버튼을 클릭하고 오른쪽으로 드래그합니다.

그러면 텍스트 레이어가 있는 지점과 현재 시간 표시기를 확인할 수 있습니다.

이 텍스트를 추가했다면 텍스트가 만들어지고 프로젝트의 전체 길이에 추가됩니다.

다른 텍스트를 사용하여 간편하고 신속하게 트리밍하는 방법을 살펴보죠.

먼저 왼쪽 가장자리에 마우스를 가져가 클릭한 다음 드래그합니다.

드래그를 시작한 다음 Shift 키를 누르면 다른 레이어의 시작 지점에 스냅됩니다.

동일한 페이드인 효과를 + 레이어에 있는 텍스트에 추가하려면 올가미를 클릭하고 두 불투명도 키프레임 주위를 선택합니다.

Cmd + C 또는 Windows의 경우 Ctrl + C를 눌러 복사한 다음 1번 레이어를 선택합니다.

I 키를 눌러 시간 표시기를 이 레이어의 시작 지점으로 이동시키고 Cmd + V 또는 Ctrl + V를 눌러 붙여넣습니다.

현재 시간 표시기를 움직이면서 애니메이션을 스크러빙해 보면 두 번째 텍스트 행이 추가되었고 다른 텍스트와 함께 페이드인됩니다.

텍스트를 추가할 때에는 레이어 스택에서 가시성의 위치를 확인하고 타임라인에서 배치되는 위치를 살펴보아야 합니다.

그래야 애니메이션의 어느 지점에 정확하게 텍스트가 나타나는지 알 수 있습니다.