Cluster는 간단하게 이야기하자면, 오브젝트들을 라인으로 연결해주는 스크립트입니다. 몇 번의 클릭만으로도 환상적인 결과물을 만들어 낼 수 있습니다. 다만, 스크립트로 오브젝트들을 연결해주고 애니메이션을 하는 것이기 때문에, 프로젝트가 상당히 무겁게(?) 느껴질 것입니다. 그 이유는 Cluster에서 생성되는 Line들은 Path로 만들어진 Shape Layer이기 때문입니다.


작업이 무거워지고 힘들지만, Cluster를 포기하기 힘든 이유는 간단한 작업만으로도 멋진 결과물을 얻을 수 있기 때문입니다. 물론, 만들어지는 Line들의 숫자가 많지 않으면 전혀 상관없습니다. videohive.net/item/cluster-v20/9205447?ref=Tniich& 사이트에서 결제하고 다운을 받으면 됩니다. 그리고 www.tniich.com/cluster/project 에 들어가면, Cluster 무료 프로젝트 파일을 받을 수 있습니다.

1. Cluster 사용 방법

다운 받은 Cluster_v2.04.jsxbin 파일을 Program Files 안에 있는 After Effects의 Support Files > Scripts > ScriptUI Panels 안에 넣으면 됩니다. 그런 다음, Edit > Preferences를 클릭합니다. Preferences 윈도우에 있는 Allow Scripts to Write Files and Access Network을 반드시 체크해줘야 합니다. 외부 스크립트의 언어를 After Effects 프로그램에서 받아들인다는 뜻입니다. 

01. Cluster 스크립트는 Window 메뉴의 하단을 찾아보면 있을 것입니다. 이제 인터페이스 및 사용 방법에 대해 알아보겠습니다. '?' 버튼을 클릭합니다. 다른 스크립트들보다 약간 사용 방법이 복잡한 Cluster 스크립트는 Tutorial과 인터페이스에 대한 설명을 추가해 놓았습니다. 제공되는 사용 방법에 대한 이미지를 보면서 간략하게 Cluster 스크립트를 적용하는 방법을 알아보겠습니다.

02. Controllers를 클릭하여 Controllers manager 창을 열고, + 버튼을 클릭하여 새로운 Controllers를 만들어 Ok 버튼을 누릅니다. 타임라인 윈도우를 보면, Cluster Controllers 1이라는 레이어가 생성됩니다. 

03. 왼쪽에 있는 슬라이더 모양의 아이콘은 Switch UI 버튼입니다. 클릭하면 UI가 차례대로 바뀌게 됩니다. 먼저, 화면 상에 있는 레이어들을 선택합니다. 선택하는 순서가 중요합니다. 레이어를 선택하는 순서대로 라인들이 만들어지기 때문입니다. Cluster는 3가지 종류의 라인이 있습니다. 점선 모양의 Dash Line과 일반적인 Fill Line, 그리고 곡선을 표현해주는 Curve Line이 있습니다. 라인의 스타일을 선택하면, 파란 색으로 컬러가 바뀝니다. 물론, 다중 선택도 가능합니다. Line의 스타일이 정해지면, 어떤 방식으로 연결할 것인지를 클릭하면 됩니다. 

04. 타임라인 윈도우에서 맨 위에 있는 Cluster Controllers 1 레이어를 선택합니다(CS6에서는 Null 레이어로 표시됩니다). 선택한 다음, 이펙트 컨트롤 패널을 보면, 그림처럼 Line을 컨트롤할 수 있는 다양한 옵션들이 이펙트 형태로 셋팅이 되어 있습니다. 라인의 길이나 모양 및 다양한 애니메이션을 컨트롤할 수 있습니다. 여기에서 명칭의 뒷부분에 01이라는 숫자가 있는 옵션들은 복제하여 디테일한 옵션을 조절할 수 있게 됩니다. 그렇게 할 수 있는 것들이 3개가 있습니다(Line의 두께, Line의 컬러, Line이 점선이었을 때 Dash 값의 길이를 조절하는 옵션).

2. Cluster 적용

01. Shape Layer로 작은 원을 3개 만듭니다. 

02. Controllers를 클릭하여 Controllers manager 윈도우를 엽니다. 

03. + 버튼을 클릭하여 새로운 Cluster - Controller 1을 만들고, Ok 버튼을 누릅니다. 

04. 테스트를 CS6 버전에서 했기 때문에, 타임라인 레이어 이름이 Null 1으로 표기가 되었습니다. 하지만, 작업을 하는 데 전혀 지장이 없습니다. Null 1 레이어를 선택합니다. 

05. Null 1 레이어가 가지고 있는 다양한 레이어들을 확인합니다. 

06. 타임라인 윈도우에서 앞서 만든 작은 원 3개의 레이어를 선택합니다. 이때 중요한 것은 레이어를 선택할 때의 순서입니다. 순서에 맞게 라인들이 만들어지기 때문에, 순서를 생각하며 선택을 해야 합니다. 선택한 다음에 어떤 스타일로 라인을 만들 것인지를 Cluster 패널에서 선택합니다. 현재는 점선과 일반적인 라인을 동시에 선택한 상태입니다. 그런 다음에 연결 방식을 선택합니다. 

07. 컴포지션 윈도우를 보면, 라인이 만들어진 것을 확인할 수 있습니다. 

08. 타임라인 윈도우를 보면, Cluster - Linear 1이라는 레이어가 새롭게 생성되어 있습니다. 이것을 선택한 다음에 이펙트 컨트롤 패널을 보면, 여기에도 이펙트가 2개 정도 만들어져 있습니다. 

3. Cluster 응용 (1)

01. Null 1 레이어를 선택한 다음, 이펙트 컨트롤을 보면, 다양한 옵션들이 이펙트로 보여집니다. 이것들은 Expression 컨트롤 이펙트로 만들어진 것들입니다. 현재 Line이 2개 만들어졌습니다. 하지만, 이펙트 컨트롤 패널 안에는 Line의 두께를 설정하는 값이 Thickness 01 밖에는 없습니다. 이것을 조절해보면, 2개의 Line 두께가 동시에 바뀝니다. 이번에는 2개의 Line 두께를 각각 다르게 변화시켜 보겠습니다. Thickness 01를 선택하고, Ctrl + D를 클릭하여 복제하면, Thickness 02가 만들어집니다. 이제 Thickness 01은 4, Thickness 02는 30으로 입력합니다. 보는 것처럼 2개의 Line 두께가 다르게 설정되었습니다. 

02. 이번에는 2개의 Line 컬러를 서로 다르게 설정해 보겠습니다. 컬러도 앞서 작업한 Line의 두께처럼 설정 값이 Color 1 하나 밖에 없습니다. 이제 이것을 복제합니다. Color 2가 생성되었을 것입니다. Color 1과 2를 각각 다르게 컬러를 지정해 줍니다. 그림처럼 서로 다른 컬러를 설정할 수 있습니다. 

03. 이번에는 Line을 점선으로 바꿔보겠습니다. 상단에 있는 Dash On/Off를 체크하면, Line을 점선으로 바꿔줄 수 있습니다. 그런 다음, 하단에 있는 Dash 01의 옵션을 조절하면, 점선의 길이가 바뀔 것입니다. 물론, 2개의 점선이 동일하게 바뀔 것입니다. 여기에서도 마찬가지입니다. Dash 01을 선택하여 복제합니다. Dash 02가 생겼습니다. 그림처럼 Dash 01의 값을 8, Dash 02의 값을 -40으로 설정하면, 2개의 서로 다른 점선을 표현할 수 있습니다. 

04. 이펙트 컨트롤 상단의 Length를 조절하여 Line이 생성되는 애니메이션을 만들 수 있습니다. 0초에 0, 1초에 100으로 키프레임을 만들면, 라인이 그려지는 애니메이션을 만들 수 있습니다. 

05. 물론, Line은 작은 원에 Parents되어 있어서 작은 원을 움직이면, Line도 함께 움직입니다. 

4. Cluster 응용(2)

01. 이번에는 작은 원을 4개 만들어보겠습니다. 

02. 당연히 먼저 Cluster - controller 1을 만듭니다. 그리고 작은 원 4개를 선택하면, 그림처럼 모든 오브제를 연결하는 방식을 클릭합니다. 

03. 모든 원에 라인이 만들어졌습니다. 라인은 총 6개가 생성되었습니다. 

04. 앞서 말씀 드렸듯이 이펙트 컨트롤 패널 안에 있는 옵션들 중에서 그림처럼 Line의 두께나 컬러, 그리고 점선의 길이를 조절할 수 있는 3개는 복제가 가능합니다. 복제를 하여 각각의 Line들을 좀 더 디테일하게 조절할 수 있습니다. 

05. Line의 개수와 같게 만들어 주면 됩니다. 현재 Line의 개수가 총 6개이므로 Thickness를 6개 만들어주면, 각각의 Line 두께를 다르게 조절할 수 있습니다. 

06. 컬러도 총 6개를 복제하여 만들면, 서로 다른 6개의 컬러 값을 적용할 수 있습니다. 

07. Dash를 복제할 때는 반드시 Dash On/Off를 체크하여 Line의 모양을 점선으로 바꿔준다는 것을 확인해야 합니다. 그런 다음, Dash를 복제하여 총 6개를 만들면, 서로 다른 Dash 6개를 한꺼번에 보여줄 수 있습니다. 

5. Cluster 응용 (3)

01. 이번에는 약간 난이도가 있는 것을 설명 드리겠습니다. Cluster 스크립트는 완벽하게 사용자가 편하도록 만든 스크립트는 아닌 듯 합니다. 그 이유는 사용자가 편하게 작업을 하려면, 웬만한 옵션들을 조절하기 쉽게 이펙트 컨트롤 안에서 조절할 수 있게 옵션을 만들어 놓아야 합니다. 하지만, Cluster 스크립트는 약간 복잡하게 사용자가 손을 좀 봐야 하는 스크립트입니다. 그림은 작은 원 2개를 만들고, Dash를 이용하여 점선의 모양을 원형으로 만든 것입니다. Round Dashes를 체크하면, 점선의 모양이 이와 유사하게 바뀝니다. 물론, 점선의 거리를 조절하는 Gap의 값도 조절해야 합니다. 

02. 타임라인 윈도우를 보면, 맨 하단에 Cluster - Linear 1 레이어가 있습니다. 이것을 선택합니다. 

03. Contents를 보면, 하단에 Repeater 1이라는 것이 있습니다. Transform: Repeater 1에서 Scale 값을 90%로 설정합니다. 

04. 그림처럼 점선의 모양이 설정한 것과 같이 점점 90%로 작아지는 것을 확인할 수 있습니다. 

05. Repeater 1의 Copies 값을 올려주거나 내려주면서 컴포지션 윈도우를 확인해 보기 바랍니다. 그림처럼 재미있는 표현도 가능합니다. 

이처럼 Cluster 스크립트는 Shape Layer를 기반으로 오브제들을 연결하는 스크립트입니다. 그래서인지 사용해보면 약간 무겁게 느껴질 수 있지만, 복잡한 작업을 간단하게 처리할 수 있습니다. Cluster를 사용할 때는 오브제들의 애니메이션을 모두 셋팅한 후에 적용하는 것도 하나의 방법이라고 볼 수 있을 것 같습니다. 그러면 좀 더 빠른 시간에 효과적인 결과물을 얻을 수 있겠습니다.