SCRIPTLayer들을 Z축에 자동으로 배치해주는 Parallax 기능을 가진 3종 세트

영상작업에서 Illustrator나 Photoshop에서 Layer들을 만들어서 After Effects로 가져오곤 합니다. 이때 2D로 만들었던 작업들을 3D 공간에 배치할 경우, 여러모로 손이 많이 갑니다. 가깝게 있는 Layer와 멀리 있는 Layer들의 거리감이나 사이즈 등이 문제가 되기 때문입니다. 이를 해결하기 위해 오래 전에 나온 Script부터 가장 최근에 나온 Extension까지 함께 소개해드리겠습니다.

총 3개의 Script + Extension을 소개해드릴 예정으로, pt_Multiplane - Parallaxer - AnimateParallax의 순서대로 설명해드리겠습니다. 재미있는 것은 3개 모두 기본 원리는 같은데, Layer의 Position과 Scale에 Expression을 적용합니다. 2D에서 작업한 Layer의 순서에 따라서 Z축으로 배열해주고, 그런 다음에 Position과 Scale에 적용된 Expression으로 인하여 Z축으로 Layer를 옮겨도 자동으로 Scale 값이 조절되어지는 원리입니다.

1. pt_Multiplane Script

01. pt_Multiplane Script는 v2.0이 2009년에 출시되었으니까 이번에 소개하는 것들 중에서 가장 오래되었습니다. 구관이 명관이라고 상당히 직관적이고 심플하며 적용되는 속도가 빠릅니다. 적용되는 After Effects의 버전은 CS4부터 현재 최신 2025 버전까지 적용이 가능합니다. https://aescripts.com/pt_multiplane/ 에서 34.99달러입니다. 필자의 기억으로 예전에 무료였습니다. 아주 오래전에는 대부분의 Script들이 무료였습니다.

iPad의 프로 크리에이트에서 그린 작업(배경은 몽골이고 현재 프로그램 타이틀 제작 중에 있는 작업)을 Photoshop으로 가져와서 Layer의 이름을 정해주고 Layer들을 순서대로 정리했습니다. 캐릭터 2명은 몽골의 전통씨름인 ‘부흐’를 하는 캐릭터들입니다. 카메라가 Zoom In으로 들어가면서 Z축으로 멀리 있는 캐릭터에 초점이 맞는 애니메이션을 만들 생각입니다. 그래서 다른 Layer들보다 캐릭터 2명의 사이즈를 조금 크게 만들었습니다.

02. 사이즈는 2998 x 1686으로, HD보다 큰 사이즈로 소스를 제작했습니다.

03. 선수 캐릭터 Layer의 사이즈를 20%로 줄인 후에 배치를 시켰습니다.

04. 그런 다음에 Apply Multiplane을 클릭하면, 모든 Layer들이 자동으로 3D Layer로 변환되고, 아래 그림처럼 Top View에서 확인해보면 공간이 만들어진 것을 알 수 있습니다.

05. 모든 Layer에 Expression이 적용되었고, 어떻게 적용이 되었는지도 Layer Bar에 마커를 이용하여 적은 글이 보입니다. 그런데 이상한 부분이 눈에 띕니다. 원래 불러들였던 Layer에서 사이즈를 변화시킨 것은 그림처럼 Null Layer가 자동으로 생성되면서 연결되었습니다.

06. Always use null controllers을 체크하고 Apply Multiplane을 클릭하면, 모든 Layer에 Null Layer가 추가로 생성되면서 자동으로 연결됩니다. Top View를 보면, 정가운데에 Null Layer들이 순차적으로 정렬된 것을 볼 수 있습니다. 각 Layer를 움직이거나 사이즈를 줄이는 것을 Null Layer가 컨트롤해주는 것입니다.



07. 맨 뒤에 있는 하늘이나 구름 Layer들을 선택하여 Z축으로 더 멀리 이동시켜도 전체 그림에는 지장이 없다는 것을 확인할 수 있습니다.

08. 각 Layer들의 Scale에는 그림처럼 Expression이 적용되어 있기 때문입니다. Pt_Multiplane은 카메라와의 거리에 따라서 Layer의 Scale 값이 자동으로 조절되도록 짜여져 있기 때문입니다.

09. Zoom In으로 카메라를 이동시켜서 애니메이션을 해보겠습니다.



10. 여기서 설명드릴 Script와 Extension들은 모두 Bake 기능이 있습니다. 각 Layer들에 Expression이 적용되었기 때문에, 이것들을 키프레임 또는 없애 주는 기능이 바로 Bake 기능입니다. 각 Layer들은 현재 키프레임이 있는 상태가 아니기 때문에, 현 상태에서 모두 사라지게 됩니다.

2. Parallaxer Script

01. 이번에는 Parallaxer Script를 살펴보겠습니다. Layer들을 선택할 필요없이, 그냥 클릭하면 타임라인에 있는 Layer들이 모두 변환되는 것이므로, Layer에 Lock이 걸려있는 것들은 변환이 되지 않는다는 경고 문구입니다.

02. 그 다음에 나오는 창은 작은 공간, 중간 공간, 큰 공간을 만들 것이냐고 물어보는 옵션입니다. 2 View로 보여지는데, Top View와 Camera View로 보인다는 경고창도 나옵니다.



03. 총 47개 정도의 Layer가 그림처럼 앞서 pt_Multiplane으로 작업한 것과 비슷하게 만들어졌습니다. 그런데 빨간 색 테두리 부분의 공간이 다른 Layer들의 배치에 비해 많이 벌어져 있습니다.

04. 애니메이션을 해보면 앞서 말씀드린 부분에서 Layer들이 조금 밀리는 것을 확인할 수 있습니다.



05. Layer가 밀리는 것은 이렇게 확인할 수 있습니다. 빨간 색 테두리를 보면, 카메라가 Zoom In될 때 어떻게 Layer들이 밀리는가를 볼 수 있습니다.



06. 그 이유는 바로 Layer들의 Z축 간의 거리가 제대로 되어있지 않기 때문입니다. 이것을 바로잡아보겠습니다.

07. Parallaxer Script가 다른 것들과 차별화되는 부분이 바로 이 부분입니다. 선택한 Layer들의 간격만 줄여주거나 넓혀줄 수 있는 기능입니다. 간격을 줄여줘야 하는 Layer들을 선택한 다음 - 버튼을 눌러주면 됩니다. 클릭할 때마다 조금씩 줄여줍니다. 반대로 + 버튼을 클릭하면 간격들이 넓어집니다. Flat 버튼을 클릭하면, 말 그대로 같은 Z축 상으로 배치됩니다.



08. 선택한 Layer들의 간격을 줄였다면, 전체를 선택하여 다른 Layer들과의 간격도 좁혀주기 위해서 이동시킵니다.

09. 다시 애니메이션을 시켜서 확인해보면, 바닥 부분이 밀리는 것이 많이 감소된 것을 확인할 수 있습니다.

10. pt_Multiplane보다 좀 더 많은 Expression이 적용된 것을 볼 수 있습니다. 그리고 Position과 Scale에 적용된 것도 알 수 있습니다.

11. 또 한가지 장점은 Layer의 추가입니다. Parallaxer를 이용하여 작업이 끝난 상태에서 하나의 Layer를 추가할 경우를 살펴보겠습니다. MOTIONLAB이라는 Layer를 하나 추가해보겠습니다.

12. 새로 만든 Type Layer를 선택한 다음, Convert Layer 버튼을 클릭하면 됩니다. .




3. AnimateParallax Extension

01. 마지막으로 AnimateParallax Extension입니다. 가장 최근에 나온 Extension이며, AnimateParallax Extension은 선택한 Layer들만 적용할 수 있다는 차별성을 가집니다. 그리고 선택한 Layer들이 그림처럼 별도의 패널에 디스플레이됩니다.

일단, 타임라인상에 있는 Layer들을 모두 선택합니다. 그런 다음에 모든 Layer를 3D Layer로 바꿔줍니다. 이렇게 한 상태에서 AnimateParallax 패널의 오른쪽에 있는 Refresh Layers 버튼을 클릭합니다. 이렇게 하면 타임라인에서 선택한 Layer들이 AnimateParallax 창에 나타납니다. 나중에 추가하려고 하는 Layer가 있으면 Shift를 누른 상태에서 이 버튼을 클릭해주면 추가가 됩니다. 앞서 설명 드린 Convert Layer와 같은 기능이라고 생각하면 됩니다.

02. AnimateParallax 창에서 왼쪽 하단에 Distribute 버튼을 클릭하면 자동으로 Layer들을 Z축 상으로 배치해줍니다. 상단 왼쪽에 Near와 Far 값의 안에서 Layer들을 배치해줍니다. Distribute 버튼 옆에 있는 Random을 클릭하면 말 그대로 Layer들의 Z축을 랜덤하게 배치시켜줍니다.

03. 만약 Far 값을 수정했다면, 전체 Layer를 선택한 다음에 다시 한번 Distribute 버튼을 클릭해주면 됩니다.

04. AnimateParallax 창에서 바뀌는 것이 Composition에 적용되려면 Apply 버튼을 클릭해줘야 합니다.

05. 다른 Script들과 비슷하면서 AnimateParallax만의 차별화되는 기능은 바로 개별적인 Layer들의 컨트롤이 가능하다는 것입니다. 원하는 Layer를 선택한 다음에 슬라이더 바를 이용하여 Z축을 변화시킵니다. 그 다음에 Apply 버튼을 클릭하면 해당 Layer의 Z축만 이동됩니다.

06. Random 버튼을 누르면, 앞서 설명 드린 것처럼 랜덤으로 배치가 됩니다.



07. AnimateParallax Extension도 각 Layer의 Position과 Scale에 많은 Expression이 적용되었습니다.




설명해드린 Script와 Extension은 약간씩 기능이 다르지만, 가장 중요한 기본 기능은 같습니다. Layer의 순서에 따라서 Z축 상으로 Layer들을 배치시켜 디자이너가 최종 결정한 View를 유지하면서 공간을 만들어내는 것입니다. 각 Layer들은 Expression이 적용되어야만 이루어질 수 있는 결과이기에 모든 작업이 끝났다면, Bake를 이용하여 Expression을 모두 삭제하고 작업을 하는 것도 권장 드립니다.