텍스트 스트로크 표현(Text Stroke)은 텍스트 애니메이션이 아닌 고유의 텍스트를 타이틀 처럼 등장하고 사라지는 효과를 만들 수 있다. 또한 마스크 기법을 이용한 표현도 다르게 표현가능하다. A-ha의 take on me나 영화 취화선 같은 장면의 붓글씨 쓰는 효과는 애프터이펙트에서 Trim Paths 외에 Track Matte를 이용한 방법의 포트폴리오 제작을 위한 고급기법을 배워봅니다. 펜툴을 잘 사용하거나 관련된 일러스트레이터를 잘 할 수 있으면 여러분의 작품이 될 수 있습니다. 오징어게임 같은 글씨 써지는 효과를 알아봅니다.
cheongju creative 필기체 글씨, 머릿글 C 위 글과 별개의 라인그림/트랙매트키(Track Matte-Alpha) A 알파(형상만큼) / L루마(흰색~검은색, 먹번짐, 그라디언트) 위 글씨, 아래는 선(트림패스-쓰는느낌) 아래선 트랙매트 (위 글형상) 01.트랙매트키 표현을 위해서 F4를 눌러 Mode환경에서 TrkMat 보이는 모드에서... 02.None을 위에 있는 글씨레이어 Alpha matte'C'를 지정하면 된다. 결국, 위에 있는 글은 아래있는 트림패스라인의 제한된 구멍역할을 한다. 글씨색이 아니라 트림패스 라인색으로 봐야 한다. ex) 풍경을 원형태(글자형태) 망원경으로 보는 느낌
Ai와 Ae의 공동작업 미리보기
일러스트레이터 작업파일인 Ai파일은 그대로 애프터이펙트의 콤프가 됩니다. PSD파일처럼 레이어 사이즈 그대로 유지하며 콤프가 되는 방식으로 열어서, 각각의 Ai레이어들을 Shape로 변환해 만들어서 동일한 트램패스같은 표현을 할 수 있습니다. 아래는 별도 블랜드 모드를 적용한 형태의 예시입니다.
Ai에서 Ae Import(C+i) Export As.... Comp retain layer size Ai레이어 Shape로 변환된다. 우클릭 Create Shape... Ae에서도 같은 Line Cap: Round Cap처리도 같다. 선색 B84BF7 F4 레이어창 스위치/블랜드 모드 ....토글(바뀜) Nomal > Hard light ★Shape Add - Trim Paths(블랜드모드 첨부)----기호화된 로그 cheongju creative
Portfolio Preview
아래는 경로를 따라가는 화살촉으로 Trim Path와 연결돠면 아래와 같은 표현을 할 수 있다 반복되는 트림패스가 트랙매트키로 알려진 알파매트와 만나서 글씨쓰는 효과를 표현합니다. 완성되는 포트폴리오 캘리그래피(Calligraphy) 영상의 완성하기는 아래 2개의 에피소드 영상을 참고하세요.
"잘 모르면....
기초부터 개념을 파악하자!"
A-1. 글씨 쓰는 효과 - 어떤 크기와 모양에 따른 알파매트(Alpha Matte)
01. 필기체형식의 글씨표현은 글씨를 필기체형식으로 지정하고, 글씨의 획순으로 펜툴을 이용해서 라인을 아래와 같이 표현한다. 최종 펜툴로 그린 레이어를 글씨 레이아 아래에 배치한다. 펜툴로 그린 레이어의 Path에는 자주 사용하는 Trim Path효과가 적용된 상태이다.
02. Track Matte에서 Alpha Matte를 아래 그림과 같이 지정하면 Track Matte Key를 이용한 펜이 그려지는 듯한 표현을 할 수 있다.
결과물은 아래와 같이 각기 다른 글자별로 선이 그려지듯 글씨형태가 보여진다.
E01. After Effects & illustrator - Brush Script E01 : Trim Paths, Track Matte Alpha
선의 시작부분에서 끝까지 이어지게 표현해주는 Trim Paths를 매개체로하여, 아래 글씨를 브러시로 쓰듯이 만들어내는 장면을 단순한 텍스트와 Shape Line으로 표현하는 것은 깔끔한 결과물을 얻을 수 없습니다. 아래 강좌에서는 각 획순별로 별도로 구분된 Layer의 횟순을 겹침없이 써내겨가는 Track Matte Alpha 방법을 통한 완성도를 높인 Brush Script를 표현할 것입니다.
E02. After Effects & illustrator - Brush Script E02 : Track Matte Alpha & Mask
Mask는 자체내의 움직임, 크기, 회전에는 제한된 고정된 레이어의 개체를 일부만 보이게하는 방법외에는 많은 쓰임새가 없어 Mask의 단점을 보완할 방법으로 역시 Track Matte Alpha의 기능을 통해 어떤 복잡한 Transform도 모션그래픽으로 표현 할 수 있습니다.
E03. After Effects & illustrator - Brush Script E03 : Track Matte Luma
Track Matte Alpha의 다양한 모션에 따른 표현과 달리, Track Matte Luma는 먹번지는 비디오파일만 있으면 손쉽게 잉크가 퍼지듯이 대상을 보이게하는 매력이 있습니다. Track Matte Luma로 잉크트랜지션 표현하며, 분리된 각각의 Comp를 생성해서 필요한 시점에 계단식 배열의 모션그래픽 작업을 여러분도 표현 할 수 있습니다.
▼아래는 H형태의 글쓰기 효과 중간결과물입니다.
카메라에 촛점을 맞춘 대상은 선명하고 다른 대상을 블러처리
Ae에서 포커스에 잡힌 대상을 선명하게 보이게하고 다른 대상은 희미하게 보이는 장면연출을 위해서는 카메라와 대상을 선택하고 메뉴 Layer>Camera>Link Focus Distance to Layer를 이용하면 관련 장면을 표현 할 수 있습니다.
아래 벡터형태의 그림들과 어울어진 포트폴리오 작품을 구성할 것입니다.
Hope for tomorrow
“Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.”
—Albert Einstein.
내일을 위한 희망
"어제로부터 배우고, 오늘을 위해 살고, 내일을 위해 희망합니다.중요한 것은 질문을 멈추지 않는 것입니다."
—알버트 아인슈타인
from https://www.rd.com/list/hope-quotes/
Crop Comp to Region Of Interest
콤프설정외에 콤프를 관심영역 지정 후 잘라서 크기를 조절하는 기능도 있습니다.
위 상황에서 텍스트가 다른 역할을한 알파매트의 원리를 활용힌 다른 예를 보자. 아래 비디오파일을 아래에 두고 텍스트애니메이션을 구현한 후 Alpha Matte를 구현하면 동일하지만 다른 표현이 된다.
Spring Season
애프터이펙트 오징어게임의 타이틀을 만드는 장면을 참고하세요.
A-2. 잉크 트랜지션용 빛과 어둠의 원리 루마매트(Luma Matte)
Track Matte Luma & Blend Mode
잉크트랜지션에 활용할 잉크퍼짐 영상을 주된 이미지(영상)위에 배치를 해주고 별도의 Effect검색없이... 프리미어 프로와 유사하게 Matte Luma는 본영상 위에 존재하고, 아래 Trk Mat 항목에서 위에 비디오를 지정하는 원리입니다.
한 획마다 그리는 효과에 이어서 위 준비한 꽃이미지와 Grunge영상을 이용해서 Matte Luma로 꽃피는 효과를 추가한 완성된 작품과 Footage포함한 프로젝트(cc2018 15x) 파일이니 포트폴리오로 작업시 참고하고 적용해보세요.
"나는 우리나라가 남의 것을 모방하는 나라가 되지 말고, 이러한 높고 새로운 문화의 근원이 되고 목표가 되고 모범이 되길 원한다"
"오직 한없이 가지고 싶은 것은 높은 문화의 힘"
백범일지 중 '나의 소원'에서
Nogada인 오징어 게임도 많은 Shape Layer들의 조합으로 만들어 진 것 노가다 영상작업을 참고해보세요.
School of Motion의 30일 Ae강좌 중 Write-On
Next
현재 레이어를 부모로 자식레이어들과의 연결을 페어런팅으로 연결하여 현재 레이어를 움직이면 다른 자식 레이어들이 변형에 영향을 받는 페어런팅의 기초개념을 지게차 형태로 구성해봅니다.
Ae 8편. 레이어 페어런팅(Layer Parenting)
패어런팅(Layer Parenting Animation)이라 해서 그래픽에서 링크(사슬모양)과는 다른 주된 부모레이어에 부수적인 자식레이어들이 붙어서 애니메이션되는 방식을 말한다. 애프터 이펙트에서는 자식레
oztv.tistory.com
'After Effects' 카테고리의 다른 글
| Ae 6-1편. 자체움직임 갖는 비행기, 자동차의 경로운동 (4) | 2024.04.06 |
|---|---|
| Ae 6-2편. 경로를 따라가는 텍스트 애니메이션 (2) | 2024.04.06 |
| Ae 8편. 페어런팅(Parenting) 지게차, 캐릭터 공장 (4) | 2024.04.06 |
| Ae 5-1편. 유튜브채널 오프닝 - 포토샵(Ps)활용 3D 카메라 (1) | 2024.03.30 |
| Ae 3편. 선형 모션그래픽 Trim Paths와 메인 콤프 작업 (10) | 2024.03.23 |
