SCRIPT정리 정돈의 끝판왕 Gridder2 Script

Cinema4D의 Mograph Cloner를 After Effects에서 실행한다고 생각하면 이해가 조금 빠를 수도 있습니다. 화면상에서 Grid에 맞게 오브제들을 정리 정돈 해주는 기능을 가지고 있는 Gridder2는, 업그레이드되면서 깔끔한 UI와 기능으로 돌아왔습니다. 

크게 나눠서 사각형 방식, 3D 방식, 원형 방식으로 오브제들을 정렬할 수 있게 해줍니다. 인포그래픽 같은 영상 작업 시 화면 상에서의 정렬은 상당히 중요합니다. 수작업으로 하나하나 맞추는 것도 여간 까다로운 작업이 아닙니다. 정렬해야 하는 오브제의 개수가 늘어나면 늘어날수록 더 힘든 것이 사실입니다. 이러한 것들을 정확한 수치 값을 기준으로 정렬해주는 Gridder2를 소개해 드리겠습니다. 

1. Gridder2 Install

Gridder2는 CC 2014버전 이후부터 사용할 수 있는 Script입니다. 일반적으로 Script 폴더 안에 넣는 방식이 아니라, Aescripts에서 제공하는 ZXP Installer를 이용하여 인스톨 시켜줘야 합니다. 요즘 유료 Script들 사이에서는 이런 형식의 Extension이 점점 많아지는 추세입니다. 인스톨에 관련된 사항은 https://aescripts.com/learn/zxp-installer/에 들어가서 ZXP 인스톨러를 사용하는 시스템에 맞게 다운로드 받아서 인스톨하면 됩니다. 정확히 설치가 되는 곳은 Program Files(x86) > Common > Adobe > CEP > Extensions입니다.

2. Gridder2 인터페이스

01. Gridder2는 Window > Extensions > Gridder2에 설치되어 있습니다.

02. 간단한 설명이 먼저 친절하게(?) 나옵니다.

03. Rectangular Grid 모드입니다. 마치 군대에서 줄 맞추는 것처럼 가로와 세로의 숫자를 정해주면 Layer들이 그것에 맞춰서 정렬이 됩니다. 물론, 2D 형태입니다.

04. 3D Grid 모드입니다. 선택한 Layer들은 모두 자동으로 3D Layer로 바뀌고, 공간 상에서 정렬을 가능하게 해줍니다. Rectangular Grid 모드의 3D 스타일이라고 생각하면 됩니다.

05. Circular Grid 모드입니다. 원형의 정렬을 만들 수 있습니다. 원형 뿐 아니라, 소용돌이 모양으로도 만들 수 있습니다.

06. 하단에 있는 TOOLS를 클릭하면, 안 보이는 메뉴들이 나타납니다. 상단에 있는 메뉴들은 Expression이 아닌 상태에서 각각의 Layer들을 조절할 수 있는 것들이며, 하단에 있는 메뉴는 선택한 Layer들에게 Expression을 적용할 수 있게 만들어 줍니다.

3. Gridder2 사용 방법

01. Gridder2는 일단 내가 정렬하고자 하는 Layer들을 만들어서 선택해야 합니다. Shape Layer로 원형의 Layer를 하나 만듭니다. Ctrl+D를 눌러서 복제해 Layer를 9개 내지는 10개 정도 만듭니다. 그리고 모든 Layer를 선택합니다.

02. Layer가 모두 선택된 다음에는 Gridder2 모드 중 하나를 선택하고, 수치 값들을 입력하든지 커서를 좌우로 움직여서 수치 값에 변화를 주기만 하면 됩니다. 현재 노란색으로 표시된 부분이 선택된 상태입니다. 다시 말해, 가로의 정렬 값만 영향을 받도록 된 상태입니다. 현재 5로 입력되어 화면상 세로 줄이 5줄이 된 것입니다. 다른 Script들과 달리, 수치 값을 편하게 입력하기 위해서 입력 창에 커서를 가져가면, 손가락이 나오는 손 모양으로 커서가 바뀌게 됩니다. 이때, 좌우로 움직이면, 마치 슬라이더처럼 수치 값을 조절할 수 있습니다. 수치 값을 직접 입력하려면, 더블 클릭하고 숫자를 입력하면 됩니다.

03. 이 상태에서 가로 줄을 변화시키고 싶다고 입력 값에 변화를 줘도 아무런 효과가 나타나지 않을 것입니다.

04. 가로 줄을 변화시키려면 그림처럼 아이콘을 선택한 다음, 수치 값을 조절해줘야 합니다.

05. 오브제들의 가로, 세로의 간격을 조절할 수도 있습니다.

06. 3D Grid 모드를 클릭하면, 그림처럼 인터페이스가 약간 변합니다. 선택된 Layer들은 모두 3D Layer로 바뀝니다. 당연히 3D로 바뀌었기 때문에, Z축의 간격을 조절할 수 있는 옵션도 생겨납니다.

07. 공간의 기준은 XY, XZ, YZ로 나뉘며, 필요에 따라서 원하는 축을 선택하면 됩니다.

08. Z축을 이용하여 원하는 만큼 공간감을 일률적으로 적용할 수 있습니다.

09. 좀 더 확실하게 확인하기 위해서 Camera를 하나 만듭니다.

10. Camera를 이용하여 원하는 앵글로 조절해 봅니다.

11. 이제 간단한 애니메이션을 만들어 보겠습니다. Layer들을 모두 선택하고, Z축 값을 0으로 입력합니다.

12. 타임라인 윈도우에서 모든 Layer의 Position의 0초에 키프레임을 만듭니다.

13. 타임 마커를 1초로 이동시킨 다음, Z축 값을 600으로 입력합니다.

14. 타임라인 윈도우를 보면, 자동으로 1초에 키프레임들이 만들어진 것을 확인할 수 있습니다. 각각의 Layer들 Position 값을 확인해봅니다. 각 Layer들의 Z축 값이 500씩 차이가 나게 된 것을 볼 수 있습니다.

15. 애니메이션을 만들어 보면, 그림처럼 Layer들이 모였다가 Z축으로 멀어지는 것을 확인할 수 있습니다.

4. Gridder2 Expression 사용방법

01. 이번에는 Circular Grid 모드와 Expression 모드를 함께 알아보겠습니다. Expression 모드는 하단의 TOOLS 부분을 클릭하면 보이게 됩니다. 앞서 설명한 것들을 Native 컨트롤이라고 합니다. 일단, Circular Grid 모드를 먼저 설명하겠습니다.

02. 생각보다 실제 작업 시 많이 사용되는 모드가 바로 Circular Grid 모드입니다. 왜냐하면, 수작업으로 하기에는 너무 까다로운 형태이기 때문입니다. 이번에는 총 9개의 Layer를 만든 다음에 모든 Layer들을 선택합니다. Layer가 총 9개이므로 B라고 표시된 부분에 40으로 입력합니다. B는 바로 각각의 Layer가 중심축을 기준으로 꺾어지는 Angle 값을 의미합니다. 다시 말해, 40도의 각도로 위치하라는 명령입니다. A는 원형을 이루는 크기라고 말할 수도 있고, Radius 또는 중심축으로부터 멀어지는 거리라고 생각해도 무방합니다.

03. 마치 여름에 많이 사용하는 모기향(?)처럼 생긴 아이콘은 Spiral이라고 합니다. 소용돌이 모양으로 Layer들을 배치시켜주는 기능을 가지고 있습니다. Shape Layer의 Repeater 기능에도 이와 유사한 것이 있습니다.

04. 이제 앞서 설명 드린 것처럼 Native 컨트롤에서의 애니메이션을 만들어보겠습니다. 모든 Layer들의 Position을 꺼내놓고 0초에 키프레임을 만듭니다. 물론, 모든 Layer는 중앙의 같은 위치에 놓습니다.

05. 컴포지션 윈도우에서 보면 그림처럼 보여질 것입니다. Gridder2의 옵션들을 모두 0으로 입력하면 됩니다.

06. 타임 마커를 1초로 이동합니다. 그런 다음, 그림처럼 Radius 20, Angle 30을 입력하고, Spiral 값을 80으로 입력합니다. 현재는 시계 방향으로 회전되도록 세팅이 되어있습니다. 만약, 반시계 방향으로 회전을 바꾸고 싶으면, 반시계 방향으로 생긴 아이콘을 클릭해 주면 됩니다.

07. 애니메이션을 만들어 보면, 시계 방향으로 퍼지는 애니메이션을 볼 수 있습니다.

08. 이제 Expression을 사용해 애니메이션을 만들어 보겠습니다. 상황은 앞서 설명 드린 것과 같습니다. Layer들을 모두 선택한 다음, Create Expression 버튼을 누릅니다.

09. 누르는 동시에 Null 오브젝트가 생성됩니다. 바로 이것으로 전체 Layer들을 컨트롤할 것입니다.

10. Null 오브젝트를 선택하고 이펙트 컨트롤 창을 보면, Gridder2에 있던 옵션들이 모두 있는 것을 확인할 수 있습니다.

11. 여기에서 앞서 작업한대로 키프레임을 만들어 애니메이션을 만들면 됩니다.

12. 애니메이션 작업 시 Expression 모드로 Null 오브젝트를 만들고 작업하는 것이 편한 이유는 그림처럼 모든 Layer의 필요한 속성에 Expression이 적용되기 때문입니다. 이것들을 사용하기 편하게 이펙트로 연결을 해놓은 것입니다.

13. 물론, Expression으로 Layer들이 연결된 것이 좋은 것만은 아닙니다. Layer가 많을수록, 삭제를 해야 한다면 문제가 커지기 때문입니다. 그래서 그림처럼 Bake Expression이라는 버튼이 있습니다. 클릭하는 순간 모든 Layer에 적용된 Expression이 사라집니다. 특히, 요즘 나오는 Script들 중에서 다중의 Layer들에 Expression을 적용하는 Script들은 이런 기능을 가지고 있는 것들이 많습니다. 사용자 배려 차원일 겁니다.

같은 모양의 Layer들로만 기본적인 기능에 대한 설명을 드렸습니다. 만약, 다른 형태의 Layer들을 가지고 작업을 한다면, 정말 편리하게 화면 상에서의 배치를 할 수 있게 만들어 주는 멋진 기능을 가지고 있는 Script입니다.