Create Nulls From Path, Animating Null & Object

Path에서 Null 생성하는 Create Nulls From Path

널이 뭐죠? 널 영어로 Null은 '아무가치가 없는, 영점'이라는 사전적인 의미를 갖고 있는 모션그래픽 분야에서는 보이지 않는 조정자를 말합니다.  이번 소개하는 Null의 기능수행은 After Effects에서 직접 드로잉한 ★Shape 레이어의 Path의 Point점들을 조정하는 단순한 애니메이션 외에 Null이라는 보이지 않는 조정자가 점들을 쉽게 변형을 줘서 움직이게 하는 기능을 수행할 것입니다. 

 

 

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

 

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

 

모션그래픽의 고수들은 Create Nulls From Path중에서 Point Follow Nulls / Trace Path 2개를 주로 사용해서 모션그래픽을 다양하게 표현합니다.   Nulls Follow Points는 Path의 점들을 움직여야 하는 불편한 기능으로 번거롭고 적용할 만한 부분이 희박해서 제외하고 알아두세요.

아래  프로젝트파일을 공유하니 다운로드 후 Null과 Path를 사용하여 일관된 동작 애니메이션을 만드는 방법을 따라서 배워보기 바랍니다.

NullTrace.aep

0.42MB

 

01. 각각의 레이어에 Shape가 준비가 되고, 끝부분은 Cap을 검색해 모두 Round Cap으로 변경하며 Path라 검색해서 하단의 Path만 일일히 선택하여 모든 Path를 Shift키를 누르고 준비하는데 조금 복잡하다.  중요한 것은 Path의 끝부분 스톱워치가 있는 부분을 일일히 눌러야 한다. 

그리고 최종 상단의 메뉴
Window - Create Nulls From Paths.jsx를 눌러서
관련된 창을 패널사이에 추가후 작업해야한다.

Path의 끝부분 스톱워치가 있는 부분을 일일히 눌러야 한다.

 

02. Create Nulls From Path.jsx를 누르면 뜨는 창에서 Points Follow Nulls라는 버튼을 누르면 Null들이 선택된 Path의 끝 Point에 하나씩 추가된다.  각 Shape 위에 2개의 Null들이 추가되어 있어 복잡해서, 레이어의 색상부분을 누르고 Select Label Group을 누르면 동일한 색상그룹이 선택되고 자물쇠버튼을 눌러서 잠귀준다. 여러 레이어들이 있는 경우 방해되지 않게 선택해서 잠그는 방법으로 알고 있으면 좋겠다.

 

03. 추가된 Null중 특정한 Null에 Point를 일치시키는 작업이 필요한데, 2개의 Null을 선택하고 P키를 눌러서 Position속성만 보이게 한 후에 그림과 같이 Parenting을 해줍니다.  고정된 하나의 Null을 부모로해서 Child가 따라다니는 모션그래픽을 표현할 수 있습니다. 이제 조금 정리하는 부분이니 조금만 참고 따라합니다.

 

04. Null들 외에 다른 레이어를 깔끔하게 정리해서 간편한 작업을 하는 노하우가 남았습니다. 각각의 레이어들 중 일부를 타임라인상에서 감추기 위해 Shy버튼을 누르고, 상단에 있는 Hides all layer for which the 'Shy' switch is set 버튼을 눌러서 구조자체를 안보이게 하는 부분이 필요합니다. 레이어를 감추는 기능과 다르니 꼭 활용해보세요.

 

05. 이제 새로 추가한 널에 전체레이어들을 페어런팅한 후에 각각의 Null을 이용한 P 위치변화 등으로 키프레임을 생성하고 모션그래픽으로 완성을 하는 것은 여러분의 몫입니다.

 

아래 관련 Paths 점들을 Null 널들을 통해서 모션그래픽하는 내용을 소개한 아래 Manuel does Motion의 경로에서 널 객체 생성을 이용한 애니메이션 튜토리얼을 통해 다른 형태의 표현방법들을 배워보는 것도 유익한 작품에 응용제작하는 방법을 배울 수 있을 것이다.

 

Manuel does Motion - Animating with Create Nulls from Paths

 

 

---

YouTube Tutorial

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

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

 

 

 

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

 

 

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