Premiere Pro CC를 사용하면 여러 레이어로 된 제목 및 그래픽에 애니메이션을 적용한 다음 모션 그래픽 템플릿으로 저장해 나중에 사용할 수 있습니다.
이 워크플로우를 살펴보겠습니다.
따라해 보려면 이 튜토리얼과 함께 제공되는 실습용 샘플 파일을 다운로드하십시오.
Myriad Pro 글꼴이 사용된 프로젝트를 작업 중인데요.
시스템에 이 글꼴이 설치되어 있지 않더라도 Creative Cloud에 포함된 Adobe Typekit에서 설치할 수 있습니다.
이 글꼴이 없다는 메시지가 표시되면 Typekit과 동기화하는 이 상자를 체크 표시한 다음 글꼴 동기화 버튼을 클릭합니다.
글꼴을 동기화한 다음 프로젝트를 다시 로드해야 해당 글꼴로 된 기존 제목이 제대로 렌더링됩니다.
현재 Premiere Pro CC의 그래픽 작업 영역에 있고, Brooke_Paul_segment 시퀀스가 열려 있는데요.
간단한 프레젠테이션으로, 하단 제목란에 발표자 이름을 표시하려고 합니다.
재생 버튼을 눌러 어떤 내용인지 확인해 보죠.
Illustrator CC로 전환하려고 하는데요.
처음 시작했던 곳이기도 하기 때문이죠.
맞아요.
그러니까 벡터 일러스트레이션 3D...
첫 번째 클립에서 새 제목이 시작되는 시퀀스 시작 부분에 재생 헤드를 놓습니다.
새 제목을 만들기 위해 문자 툴을 선택하고 이미지 한 곳을 클릭하여 발표자 이름부터 입력해보죠.
시퀀스를 보면 제목이 맨 아래 잠기지 않은 비디오 트랙에 추가되어 있고, 충분한 공간이 있습니다.
이 경우 비디오 3이 되겠습니다.
시퀀스 후반에 있는 이 트랙에는 두 개의 샷이 있는데요.
이 샷은 끝 부분에 있습니다.
이제 약간 위로 스크롤하고 이 그래픽을 위쪽으로 가져와 Lower Thirds 트랙에 넣습니다.
텍스트를 추가한 다음에는 기본 그래픽 패널에서 이 텍스트에 대한 설정을 변경할 수 있죠.
기본 그래픽 패널의 편집 창이 자동으로 표시됩니다.
그러나 항목 전체를 선택해야 하고 지금은 텍스트를 편집 중이므로 이 레이어를 선택 취소한 다음 다시 선택합니다.
선택 툴을 선택한 다음 이 항목을 클릭하거나 기본 그래픽 패널에서 이 레이어 밖을 클릭한 다음 선택하면 됩니다.
항목 전체가 선택되었으므로 이제 변경해보죠.
글꼴을 Myriad Pro로 설정하고 Bold체를 선택하겠습니다.
포 볼드체도 켜 글꼴을 조금 더 두껍게 만듭니다.
이제 선택 툴을 선택한 다음 이 텍스트를 비디오 왼쪽 하단으로 옮깁니다.
기본 그래픽 패널에서는 클릭-드래그 또는 클릭-입력 방식으로 이 레이어 항목에 숫자를 추가할 수 있습니다.
실제로 직접 가로 140으로 설정해 보겠습니다.
그런 다음 키보드에서 탭 키를 누르고 세로 915픽셀을 입력합니다.
이것은 위치 값에 불과합니다.
이만하면 괜찮군요.
이제 새 텍스트 레이어를 추가해야 하므로, 문자 툴로 돌아가 이미지 안을 아무 곳이나 클릭해 3D Compositor 직책을 추가합니다.
이제 선택 툴로 이동하고, 항목을 선택한 상태에서 이번에는 Myriad Pro 이탤릭체를 사용하겠습니다.
아래로 옮깁니다.
글꼴 크기를 약간 다르게 해야 할 것 같은데요.
이 이미지에 비해 글꼴이 약간 큽니다.
이 작은 레이어에는 45pt가 적당할 것 같네요.
클릭한 다음 입력하고 탭을 눌러 나옵니다.
위쪽 레이어는 65pt가 적합할 것 같습니다.
아래쪽 레이어를 선택하고 가로는 140픽셀, 세로는 약간 낮은 970이나 972로 하겠습니다.
물론 이 위치 설정은 조정을 위한 수치이며 여러분도 원하는 값으로 위치를 조정할 수 있지만, 저에게는 이 방법이 편리한 것 같습니다.
이제, 프로그램의 디렉터가 사각형 안에 이 텍스트를 넣자고 제안했다고 해보죠.
여기에 있는 펜 툴을 클릭하여 잠시 누른 다음 사각형 툴을 선택합니다.
약간 축소해 이미지 주변이 모두 보이게 하고 이 화면 바깥쪽부터 시작해 텍스트쪽으로 이와 같이 드래그합니다.
이 레이어는 위에 추가된 새 레이어이므로 기존 텍스트 레이어 앞에 오게 되고 오른쪽에 있는 기본 그래픽 패널에서는 맨 위에 표시됩니다.
이 모양 레이어를 맨 아래로 드래그하여 화면에서 텍스트 뒤에 나타나게 합니다.
이렇게 하고 보니, 위치가 별로인데 다시 선택 툴을 선택하고 이것을 약간 아래로 내립니다.
이 정도가 좋을 것 같습니다.
이제 색을 입혀 보죠.
색상 피커에서 색상 견본을 사용하는 대신 스포이드 툴을 사용해 보겠습니다.
이것을 클릭해 선택하고 이 어두운 배경을 선택합니다.
이제 화면에 등장하는 애니메이션을 만들어 보죠.
타임라인에서 재생 헤드를 약 1초 지점에 둡니다.
여기쯤이면 충분합니다.
이 모양 레이어를 선택한 다음 애니메이션 위치 전환 아이콘을 클릭하겠습니다.
이 아이콘은 컨트롤 용도를 알려주기도 하고 애니메이션을 끄고 켜기도 합니다.
이것을 클릭하면 이때 이 레이어의 위치에 키프레임이 추가됩니다.
이제 재생 헤드를 다시 시작 지점으로 옮기고 가로로 나란히 유지되도록 하기 위해 가로 위치 컨트롤을 잡고 이 사각형이 화면에서 사라질 때까지 드래그합니다.
이때 세로 위치는 변경하지 않았습니다.
재생하면 어떻게 보이는지 확인해 보죠.
Illustrator CC로 전환할 건데요...
괜찮은데요.
이제 사각형이 화면에 등장하면 텍스트가 위로 페이드 아웃되게 해 보겠습니다.
사각형이 도달하는 지점까지 스크러빙한 다음 기본 그래픽 패널에서 두 텍스트 레이어를 선택하고 Shift 키를 누른 상태에서 두 개를 모두 선택합니다.
여러 레이어에 한꺼번에 적용할 수 있는 모든 컨트롤이 표시됩니다.
불투명도를 위한 키프레임을 켜고 불투명도 컨트롤을 0으로 내리겠습니다.
재생 헤드를 약간 옮겨 보죠.
불투명도를 다시 위로 올립니다.
다시 한번 시퀀스 시작 부분으로 돌아가 살펴보겠습니다.
이러한 강조 표시가 레이어에 나타나지 않도록 선택 취소합니다.
Illustrator CC로 전환하려고 하는데요.
처음 시작했던...
괜찮은데요.
이 클립 길이를 조금 더 줄여 보죠.
Premiere Pro CC에서 스틸 이미지 미디어의 기본 지속 시간이 5초인데 이것을 트리밍할 때 아래에 있는 두 번째 클립과 겹치지 않도록 합니다.
이 사각형이 그다지 흡족하지 않는데요.
시퀀스에 있는 이 그래픽을 선택하고 이 레이어의 가시성 버튼을 끕니다.
나중에 사용하도록 이 레이어를 그대로 두지만 현재는 제목에 영향을 주지 않죠.
레이어가 어떻게 작동되는지 이해하셨을 겁니다.
이 텍스트 레이어를 다시 선택하고 애니메이션 불투명도를 끄겠습니다.
키프레임이 삭제된다는 메시지가 표시되면 확인을 누릅니다.
이제 페이드 아웃되지 않습니다.
타임라인 패널에서 그래픽을 선택한 다음 효과 컨트롤 패널로 이동합니다.
기본 그래픽 패널에서 적용한 모든 변경 사항은 효과 컨트롤 패널에서 추가 및 업데이트되고, 이러한 효과를 편집할 수 있습니다.
예를 들어 여기에 있는 모양 레이어는 가시성이 꺼져 있습니다.
재생 헤드를 클립 시작 지점에 놓은 다음 불투명도를 클립 전체로 확장하여 적용하고 마스크를 추가해 보겠습니다.
이 마스크를 화면 바깥쪽으로 가져가 마스크 패스 애니메이션을 사용하고 재생 헤드를 시퀀스 안쪽으로 약간 이동시키고 마스크를 선택한 다음 텍스트가 보이도록 마스크 모양을 변경합니다.
텍스트에 각도를 적용하면 괜찮을 것 같은데요.
페더링을 높여 가장자리를 부드럽게 합니다.
이제 키프레임도 추가되었습니다.
선택 취소하고 시퀀스 시작 지점을 다시 클릭하고 확대/축소 레벨을 맞추기로 설정하여 다시 한번 살펴봅니다.
Illustrator CC로 전환하려고 하는데요.
처음...
좋습니다.
새롭게 만든 애니메이션 제목을 이 프로젝트와 다른 프로젝트에도 사용하고 싶은데요.
애니메이션 제목을 모션 그래픽 템플릿으로 내보내 보겠습니다.
시퀀스에서 이 클립을 선택하고 화면 상단에 있는 그래픽 메뉴에서 모션 그래픽 템플릿으로 내보내기를 선택합니다.
대화 상자 맨 위에는 새 템플릿 이름 옵션이 있습니다.
Presenter Lower Third라고 해 보죠.
그런 다음 모션 그래픽 템플릿 파일의 저장 위치를 지정합니다.
이제 로컬 템플릿 폴더를 선택합니다.
이 템플릿은 사전 설정으로, 기본 그래픽 패널에서 직접 액세스할 수 있습니다.
로컬 드라이브를 선택하여 파일을 다른 시스템과 공유하도록 할 수 있고 또는 라이브러리 중 하나를 선택할 수 있습니다.
비디오 축소판 포함 옵션도 있는데, 이 옵션을 선택하고, 스크럽을 축소판 위에 놓으면 기본 그래픽 패널에서 애니메이션이 표시됩니다.
유용한 옵션이므로 포함시키겠습니다.
또한 Typekit에 없는 글꼴이 사용되면 알림 메시지를 표시하는 옵션이 있는데 이게 필요한 이유는 사용자의 시스템에 이와 다른 글꼴이 설치되어 있을 수 있어서죠.
이 옵션은 모션 그래픽 템플릿에 Premiere Pro CC에 포함되어 있지 않은 효과가 사용될 때의 알림이고 이는 타사의 모션 효과를 사용하고 있어서 템플릿이 모바일 디바이스와 호환되지 않을 때의 알림입니다.
Adobe 모바일 앱에 사용할 수 없는 버전을 제작하는 경우죠.
여기에는 키워드를 입력해 보겠습니다.
키워드로 Show3를 입력하면 이 키워드와 연관된 것이 표시되므로 상기시켜주죠.
기본 그래픽 패널에서 키워드 검색이 가능합니다.
확인을 클릭합니다.
이제 모션 그래픽 템플릿을 시퀀스에 있는 두 번째 클립에 추가해 보겠습니다.
기본 그래픽 패널에 있는 찾아보기 패널을 살펴보죠.
여기에는 Adobe Stock과 내 템플릿을 오가면서 찾을 수 있는데요.
특정 라이브러리가 아니라 로컬 템플릿 폴더를 체크 표시합니다.
검색 시간을 절약하려면 여기에 모션 그래픽 템플릿을 만들었을 때 추가한 태그인 Show3를 입력합니다.
여기에 Lower Third가 있습니다.
여러분도 볼 수 있게 이 축소판의 크기를 키워 보죠.
마우스를 축소판 위에 놓으면 이렇게 애니메이션이 표시됩니다.
프로젝트 패널에서 클립 내용을 간단히 확인할 수 있듯이 말이죠.
이것을 시퀀스 안으로 드래그하여 첫 번째 Lower Third 바로 뒤에 갖다놓습니다.
이 그래픽을 선택하면 바로 편집 가능한 레이어가 여기에 표시됩니다.
텍스트가 표시되는 시점으로 재생 헤드를 옮깁니다.
문자 툴을 선택하고 첫 번째 텍스트 줄을 클릭합니다.
Windows의 경우 Ctrl + A를 누릅니다. macOS의 경우 Command + A를 누르고 이름을 입력합니다.
직책이 포함되는 레이어를 클릭하고, 다시 Ctrl + A 또는 Command + A를 누릅니다.
이제 모션 그래픽 템플릿의 내용을 변경하면 시퀀스에 모두 적용됩니다.
선택 취소하고 재생합니다.
맞아요.
그러니까 벡터 일러스트레이션 3D...
그래픽 끝이 좀 이상한데요.
마스크를 조금 조정해야 할 것 같습니다.
직책 이름이 모두 표시될 만큼 마스크가 길지 않기 때문인데요.
시퀀스에서 모션 그래픽 템플릿을 선택합니다.
마스크를 선택하고 이 키프레임으로 이동합니다.
이렇게 하면 불필요한 키프레임을 추가하지 않고도 마스크를 늘릴 수 있습니다.
훨씬 좋아 보입니다.
선택 취소하고 다시 뒤로 이동해 재생합니다.
맞아요.
그러니까 벡터 일러스트레이션...
좋습니다.
이 모션 그래픽 템플릿은 다른 프로젝트에서도 사용할 수 있고, 다시 사용하는 시점에서 조정이 필요한 경우에 원하는 대로 편집할 수 있습니다.
