Ae 패스에서 널 생성, Create Nulls From Path

이번 소개하는 Null의 기능수행은 After Effects에서 직접 드로잉한 ★Shape 레이어의 Path의 Point점들을 조정하는 단순한 애니메이션 외에 Null이라는 보이지 않는 조정자가 점들을 쉽게 변형을 줘서 움직이게 하는 기능을 수행할 것입니다. 

 

애프터이펙트의 Create Nulls from Paths (패스에서 널 생성) 기능은 쉐잎 레이어의 베지어 패스(Points)를 널 오브젝트(Null Object)로 제어하거나, 패스를 따라 움직이는 애니메이션을 쉽게 만드는 스크립트 도구입니다. Window > Create Nulls From Paths.jsx에서 실행하며, 주로 포인트 추적, 모양 변형, 경로 따라가기 작업에 활용됩니다

점, 선, 면은 도형의 가장 기본적인 요소는 벡터 드로잉의 기본입니다. 점들로 연결된 선을 부르는 Path를 다루는 것으로 Path들을 선택한 상태에서 메뉴 Window에 있는 Create Nulls From Path로 직역하면  Path에서 Null생성 이라는 뜻으로 주된 기능으로 아래 3개의 옵션이 있습니다.  그중 2개의◆기능이 쓸만해서 이 녀석들을 사용하는 방법을 소개하겠습니다.

 

 3종류 Create Nulls From Path 

◆ Point Follow Nulls : 점들이 Null을 따르는 기능
◆ Nulls Follow Points : Null이 점을 따르는 기능
◆ Trace Path :  Shape의 Path를 따르는 추적경로 기능

 

Trace Path

Path와 Null을 이용한 기초작업

 

01. 콤프를 생성하고 펜도구를 이용해서 다음과 같은 곡선을 그려 준다.  그리고 최종 상단의 메뉴 Window - Create Nulls From Paths.jsx를 눌러서 관련된 창을 패널사이에 추가후 작업을 준비한다. 

02. 곡선이 그려진 레이어를 선택하고 펼쳐 내려보거나, 레이어를 선택 후 대소문자 상관없이 ‘Path’라고 검색하여 스톱워치가 있는 Path를 찾아선택해 준다.  그리고 Create Nulls From Paths패널에서 Trace Path 버튼을 누르면 NUll이 추가되고 인디케이터를 시점을 이동해보면 자동으로 Path를 따라가는 Null을 확인할 수 있다. 실제 Path를 누르고 곡선을 조절해보면 널은 바뀐 선형태를 따라서 조정된 곡선운동을 변화무쌍하게 한다.

 

 

 

03. 곡선의 Path를 따라가는 Null이 형태가 없는 것이기에 다음과 같은 도형(혹은 일러스트 그림 레이어)를 이동시키고 각도에 맞게 회전툴로 조정한 후에 모기향 모양의 패어런트 픽휘프를 그림과 같이 Trace널 레이어에 연결하면 같이 따라가는 것을 볼 수 있다.

 

 

04. 너무 빠르게 가는 경우 속도조절하는 방법으로는, 추적Trace널 레이어를 선택하고 U를 누르거나 펼쳐보면 Effect항목의 Trace Path의 프로그래스 Progress에는 2개의 키프레임이 보인다.연결하면 같이 따라가는 것을 볼 수 있다. 끝부분의 두번째 키프레임만 선택해서 이동시키면 천천히 가게할 수 있다. 물론 2개의 키프레임을 선택하고 F9키를 눌러서 자연스러운 가속(감속,가속)을 표현할 수 있다.

 

 

05. 곡선도 추적Trace널 레이어를 따라서 그려지는 것을 표현하려면, 곡선레이어에 Trim Path를 적용을 하고 End값을 0에 맞춰준다.  그리고 Trm Path의 모기향을 누르고 Trace Path의 프로그래스 Progress 글씨위까지 당겨 맞추면 곡선도 함께 그려지면서 같이 이동하는 장면을 표현할 수 있다.

 

06. 반복되는 속성인 루프 Loop가 기본으로 On으로 되어있어서 앞뒤를 계속 오가며 심각해지는데, Off처리를 하면 한번만 이동하는 장면을 표현할 수 있다.

 

Nulls From Path 3 Trace Path cc2022.aep

0.10MB

 

지금까지 알아본 내용은 3개의 기능 중 Create Nulls From Paths패널에서 Trace Path 만 알아본 것이다. Null레이어가 경로추척 Trace Path 용도로 사용한 이 표현은 애프터이펙트 기본 경로운동과 유사하지만 정확한 데이터화된 표현이라는 점에서 아래 강좌와 비교해 공부하면 연관성이 있어서 좋고 아래 강좌에는 일러스트 그림을 제공해서 시각적인 완성도를 높일 그래픽소스들이 있으니 자료로 활용하면 포트폴리오 작품에도 유용할 것 입니다.

일반 표현

패스추척과 다른 글씨와 오브젝트의 경로운동

 

Ae 6-1편. 자체움직임 갖는 비행기, 자동차의 경로운동

 

Ae 6-2편. 경로를 따라가는 텍스트 애니메이션

 

표현은 다르지만 형상이 없는 Null을 3D레이어들과 함께있는 카메라의 부모로 모시면 널의 움직이 카메라의 다이나믹한  시선이동 표현도 가능하다. 

---

 

기타 Create Nulls From Path 남은 유형들

◆ Point Follow Nulls : 점들이 Null을 따르는 기능
◆ Nulls Follow Points : Null이 점을 따르는 기능
◆ Trace Path :  Shape의 Path를 따르는 추적경로 기능

Create Nulls From Path의 복잡한 2개 남은 유형의 사용빈도는 많지않고 또한 손이 많이 가는 레이어 구조이다 보니아래 유튜브의 관련 튜토리얼을 참고하면 더 많은 지식을 배울 수 있을 것이다.

---

YouTube Tutorial

이 강좌는 아래 튜토리얼 영상을 참고했습니다.

 

Manuel does Motion - Animating with Create Nulls from Paths

 

 

자동차의 경로운동도 Null을 이용하면 표현할 수 있습니다.

 

 

Null로 관절부분을 연결해 동작을 표현하는 애니메이션 구현강좌

 

 

복잡하 키프레임없이 Null로 반복된 사이클 애니메이션 구현강좌