애프터 이펙트를 잘할 수 있다면 프로젝트파일 중 오프닝 타이틀로 활용가능한 콤프를 제작하고, 영상편집 전문 프로그램인 프리미어 프로에 타이틀로 활용할 모션그래픽 템플릿으로 내보내는 애프터이펙트의 이센셜그래픽 기능을 소개합니다.
애프터이펙트에서 타이틀을 애니메이션하는 된 템플릿 제작원칙은
우선 가로/세로/정사각의 1:1비율의 영상 프레임크기를 고려해서 콤프를 생성합니다. 여러분이 아는 무료 디자인서체(Chractor) 포함(없으면 굴림체)해서 문단(Paragraph) 좌/우/중앙을 고려해서 타이틀의 스타일 예시를 입력하고 애니메이션 준비를 합니다. 너무 많은 글은 불필요 합니다.
모션그래픽 템플릿은 프리미어 프로에서만 사용하는 개념이다.
프리미어 프로에서도 주로 사용하는 폰트(서체)와 이미지를 포함한 타이틀 디자인을 모션그래픽 템플릿으로 내보내고, 설치 후 원하는 타임라인 시점에 던지고(드롭다운)후 글씨 내용만 수정해서 사용합니다. 애프터이펙트에서도 프리미어 프로의 모션그래픽 템플릿을 제작해 납품을 합니다. 애프터이펙트에서는 애니메이션 기능이 뛰어나니 프리미어 프로에서 글씨와 같이 일정한 내용만 수정할 부분을 템플릿으로 제작해 프리미이 프로의 부족한 모션그래픽 템플릿을 제작해주는 것입니다.
개념을 알보보니
영상제작용 자막 템플릿이네
Pr 프리미어 프로에 자막을 위한 Ae 애프터이펙트의 모션그래픽 템플릿
애프터이펙트에서 제작한 타이틀을 프리미어 프로에서 사용하는 이센셜그래픽창을 통해서 모션그래픽 템플릿 형태로 Export해서 직접 사용할 수 있는 방법이 있습니다. 프리미어 프로에서 서체선택과 글씨크기, 색상 위치 등을 임의로 변경할 수 있는 형태로 자유롭게 사용할 수 있게 마치 템플릿을 만들어 주고 그 자체가 애니메이션이 되게하는 기능을 지원하는 기능을 제공합니다.
위에 적용한 모션그래픽 템플릿 2종(좌측과 우측)
Motion graphics template for Premiere pro by After Effects
애펙에서 프리미어 프로에 사용하는 모션그래픽템플릿 제작 순서
[ 요약정리 ]
Ae Text Animation-Effects&Preset - Animation... Text-Animate in 중에서 텍스트 애니메이션을 [Home] 첫 프레임에서 적용하고, U키를 누르고 KF보며 시점을 조절합니다. 텍스트 애니메이션의 등장하고 사라지는 표현은
01. 없다가 나타나는 키프레임을 A, B라 구분해서 A.... B 키프레임(KF)을 Ctrl+C 복사해서
02. 재생을 해서 뒤에 글을 충분히 읽는 시점에 Ctrl+V KF붙입니다. A...B A...B
03. 뒤에 붙인 A...B 순서를 B.....A순으로 바꾸면 사라지는 장면이 해결됩니다.
프리미이 프로에 모션그래픽으로 내보내는 순서는
Window-Essential Graphic창에 -콤프찾고 이름입력, 셋포스터 타임(썸네일) -글씨 레이어 펼치고 Text-Source Text 던짐 Edit Properties. [Export Motion Graphic Template]버튼누르고 Local Drive(폴더) 찾고 계속 OK! Pr용 모그템
01. 애펙에서 콤프의 이름은 프리미어 프로의 모션그래픽 템플릿이 되니 이름을 잘 지정해 줍니다. 콤프의 배색은 투명해지며, 타이틀 애니메이션과 레이어상의 구성한 내용을 모션그래픽으로 제작합니다.
02. 애펙의 메뉴 Window - Essential Graphic을 선택해서 이센셜 그래픽 창을 띄웁니다. 그림과 같이 중간에 추가된 것을 확인 할 수 있습니다.
03. 우선 Primary는 현재의 콤프를 지정해줍니다 / Name에는 모션그래픽의 타이틀 이름을 지정하고 / Set Poster Time 버튼을 꾹! 누르면 미리보기 예시가 아래 그림처럼 뜹니다. 일방적인 애니메이션만 보여집니다.
04. 텍스트 애니메이션된 레이어를 펼치고 메인 타이틀 Text아래 Source Text를 이센셜 그래픽의 빈 공간에 그림과 같이 드롭다운 합니다.
05. 추가 된 맨 앞의 내용은 항목명 / 뒤는 예시 글씨가 됩니다. 작성했으면 우측의 Edit Properties를 클릭해서 Source Text Properties창을 띄우세요.
06. Source Text Properties 창에서 폰트 수정 / 폰트 사이즈 수정 / 스타일 수정 부분의 3개를 그림과 같이 체크해줍니다. 프리미어 프로에서 이센셜에서 글자 스타일 등의 스타일과 변화를 주기 위함입니다.
07. 위 3개 항목을 체크한 결과 그림과 같이 Font이하 여러 속성들을 취향에 따라 수정할수 있는 환경을 구축해줍니다. 프로그래밍하는 기분입니다.
08. 글씨를 바꿀 수 있게 메뉴에서 Effect - Generate - Fill을 추가해줍니다. 프리미어 프로에서 사용자가 글자색상을 선택할 수 있게하기 위함입니다.
추가된 효과의 Fill항목이 생기고 추천하는 기본색상을 지정해주세요.
09. 레이어 스타일의 경우도 추가해서 원하는 스타일을 적용할 수 있게 해줍니다.
10. 레이어 스타일, 위치 변화를 줄 항목을 레이어에서 정해서 이센셜에 드롭다운 해줍니다.
11. 동일한 방식으로 서브타이틀도 동일하게 Text아래 Source Text를 이센셜 그래픽의 빈 공간에 던지고 04번 순서대로 항목과 스타일 등을 지정해줍니다.
12. 애펙의 템플릿 작업이 완료되면, 하단의 Export Motion Graphic Template 버튼을 누릅니다.
13. Export Motion Graphic Template창에서 프리미어 프로와 같은 설정을 Local Drive로 폴더를 지정하고 OK를 누르면 완료가 됩니다. 제목은 위 Name에서 결정된 것이니 확인 후 내보니기 작업을 진행하세요.
최종 Ae의 프로젝트 파일과 결과물
◆ Pr의 Motion Graphic Template 설치하기(Install) 순서
Essential Graphics의 Browse탭에서 우측하단의 Install 버튼을 누르거나, 최대창(~)으로 보면서 탐색기에서 파일들을 Drag하면 다수설치되며, 설치 후에는 Name을 검색하여 Timeline에 드롭다운하여 글씨만 변경하여 사용합니다!
01.Graphic작업공간 우측의 이센셜에서 Browse하단의 +모양의 Install버튼을 누르고 찾아서 설치한다.
02.목록에서 확인(검색어)하고, 원하는 위치에 드룹다운해서, 글씨만 바꾸고 사용한다!
학습에 참고하세요.
같은 방식으로 애프터이펙트에서 제작한 모션그래픽 템플릿 제작하기 - 마스크효과편은 아래 영상을 참고헤세요
쉽게 기본적인 텍스트애니메이션을 활용해서 만들어 보자!
애프터이펙트 첫시간에 배운 애니메이션 프리셋의 텍스트 애니메이션을 기본적으로 알고 있다면 쉽게 만들 수 있습니다. 지난 편을 잘 모른다면 아래 배너를 클릭해서 배우고 함께 보세요.
복잡하지만 맞춤형인 나만의 텍스트애니메이션을 만드는 방법을 알아보자!
복잡하지만, 응용형을 원한다면... 애니메이션 프리셋의 텍스트 애니메이션을 제작하고 별도의 적절한 이름으로 프리셋 형태로 만들어 진 것이 애니이션 프리셋들입니다. 애니메이션 프리셋의 기원이된 Animator를 복잡하지만 활용할 수 있으면 자신만의 응용된 텍스트 애니메이션을 표현할 수 있습니다. 더 깊이 알고자 하면 아래 게시물의 배너를 눌러서 배워보세요.
프리미어 프로 모션의 타이틀과 자막에 활용할 수 있는 모션그래픽 작업을 애프터 이펙트의에서 하고, 애프터이펙트의 이센셜 그래픽 패널을 띄우고 프리미어 프로에서 사용자가 수정 가능할 만한 요소들을 프로그래밍 하듯이 UI에 해당된 요소들을 구성하는 것이 핵심입니다.
'After Effects [Ae]' 카테고리의 다른 글
Ae 4편. 3D 레이어와 카메라 표현 (4) | 2024.10.12 |
---|---|
Ae 2편. 선형 모션그래픽 Trim Paths, 오프닝작업 (15) | 2024.10.05 |
Ae 1-2편. 애프터이펙트의 화려한 배경효과 Preset-Backgrounds (5) | 2024.09.28 |
Ae 1-1편. 텍스트 애니메이션 (Adobe Bridge) (10) | 2024.09.28 |
Spider-man verse Comic Book fx Technique (0) | 2024.07.17 |