Transform은 뭔가를 변형시킨다는 뜻으로, Transformer Script는 이미지나 영상을 자유자재로 변형시켜주는 Script입니다. Transformer Script가 할 수 있는 것들은 많습니다. 실무에서 많이 사용될 수 있는 것들을 위주로 몇 개만 설명 드리겠습니다.
다중의 Layer 사이즈를 일괄적으로 통일시켜 Resizing할 수 있고, 다중 Layer를 깔끔하게 정렬시키고, 그것들을 손쉽게 애니메이션시킬 수 있습니다. 그리고 시간 차를 두고 다중의 Layer를 타임라인 상에서 정렬시킬 수 있으며, Layer를 몇 개든 복제하여 그것들을 컨트롤할 수 있고, 다중의 Layer를 Panorama 또는 Video Wall로 만들 수 있습니다.
또한, 원하는 숫자 및 사이즈로 하나의 Layer를 여러 개의 Layer로 만들 수 있습니다. 생각보다 많은 기능을 가지고 있는 Transformer Script를 소개해드리겠습니다.
1. Transformer Script Start
01. Transformer Script는 Transformer.jsxbin과 Transformer Default Pack.tpk로 나뉘어집니다. Transformer.jsxbin Script는 다른 Script들과 마찬가지로 Adobe > Adobe After Effects CC 2018 > Support Files > Scripts 또는 ScriptUI Panels 안에 넣으면 됩니다. 그런 다음, Transformer Script를 실행합니다. 실행 후, Files 메뉴에서 Load Pack을 선택합니다.
02. 앞서 이야기한 Transformer Default Pack.tpk 파일을 찾아 선택해주면, 그림처럼 인스톨러 창이 나타납니다. 간단하게 여기에서 Next 버튼만 누르면 자동으로 인스톨됩니다.
03. 그리고 Presets 메뉴를 클릭합니다. Default라는 탭에 총 5개의 프리셋이 인스톨되어 있음을 알 수 있습니다. 사용 방법은 원하는 프리셋을 선택하면, 오른쪽에 애니메이션이 보여집니다. 원하는 것을 선택하고, OK 버튼을 누르면 바로 Layer에 적용됩니다. 더 많은 프리셋을 원하는 분들은 https://aescripts.com/transform-pack-for-transformer/에 들어가면 되는데, 별도의 프리셋 Pack을 판매하고 있습니다. 구입해서 추가시키면, Presets 창 안에 Tap 형식으로 추가됩니다.
2. Resize
01. 이번에는 다중 Layer들을 같은 사이즈로 만들 수 있는 Resize 기능을 알아보겠습니다. 일단, 여러 개의 Layer들을 타임라인에 올려 놓습니다.
02. Layer들을 선택한 다음, Transformer 메뉴의 Tools > Resize Layers를 선택합니다.
03. 원하는 X, Y 사이즈를 정한 다음, Resize 버튼을 클릭하기만 하면, 선택된 모든 Layer들이 한꺼번에 입력한 사이즈로 줄어듭니다.
04. Resize Layer의 X를 320, Y를 210으로 입력하여 모든 Layer가 320 x 210 사이즈가 된 상태입니다. Transformer Script에서 X, Y축의 값을 같은 값으로 입력하면, 그림처럼 가로와 세로가 딱 붙어있는 모양으로 정렬됩니다. Rows 값을 3으로 설정해서 3개의 열로 정렬이 된 것입니다.
05. 수치 값을 입력할 때, 수치 입력 창 옆에 작은 버튼이 있습니다(커서가 롤오버되면 파란색으로 바뀝니다). 클릭하면 좀 더 수치 값을 슬라이더로 조절하기 편하게 큰 슬라이더 바가 나옵니다. 픽셀 단위로 움직이기 때문에, 좀 더 디테일한 조절을 위해 만들어진 것을 생각해보면 감사(?)하기도 합니다.
3. Animation 만들기
01. 모든 Layer를 선택하고, 3DLayer로 만들어 줍니다.
02. 타임라인상에서 모든 Layer들을 선택하고, 타임 마커를 0초에 위치시킨 뒤, X Rotation의 키프레임을 만듭니다. 그런 다음, 타임 마커를 오른쪽으로 조금 이동한 후에 Transformer Script에 있는 Rotation 메뉴 중 어떤 것이든지 슬라이더 바를 움직여주면, 두 번째 키프레임이 생성됩니다. 이렇듯 간단하게 멀티 Layer를 애니메이션시킬 수 있습니다.
4. Sequencer
01. 이번에는 Sequencer 기능에 대해 알아보겠습니다. Sequencer 기능은 Layer Bar를 조절하는 기능입니다. 시간차를 두고 정렬을 하는 방식으로 실무에서 자주 사용되는 기능입니다.
02. 여러 개의 Layer를 동시에 선택한 다음, Sequencer 옵션에서 ALL을 선택합니다. frm은 frame의 약자로, 여기서 지정한 프레임 수만큼 각각의 Layer bar들의 위치가 밀리게 됩니다.
03. ALL이 클릭된 상태에서 오른쪽에 있는 REVERSE 버튼을 클릭하면, Layer의 모양이 반대로 바뀝니다.
04. 오른쪽 방향의 화살표 버튼을 클릭하여 체크하면, 그림처럼 3개의 파트로 Layer들이 나뉘어져서 보여집니다. 물론, 현 상태에서 REVERSE를 클릭하면 반대 모양으로 바뀝니다.
05. 아래로 향하는 화살표 버튼을 클릭하면, 3개의 파트로 나눠진 Layer들이 보시는 모양으로 바뀝니다.
06. 대각선으로 아래 방향을 향하는 화살표 버튼을 클릭하면, 그림처럼 Layer들이 정렬됩니다. 오른쪽 방향 화살표 버튼과 별반 큰 차이를 못 느낄 수도 있지만, 그렇지 않습니다. 자세히 보면, 상단의 빨간색 부분과 노란색 부분 그리고 오렌지색 부분이 약간의 시간 차를 두고 오른쪽으로 이동되어져 있음을 알 수 있습니다.
07. 대각선 모양으로 화살표 방향이 있는 버튼을 누르면, 그림처럼 Layer Bar가 보여집니다. 이제 Layer Bar의 모양이 어떤 의미인지 말씀 드리겠습니다. 바로 Play를 시켜보면, Composition 화면에서 앞서 설명한 버튼들의 방향으로 이미지들이 순차적으로 보여지는 것을 알 수 있습니다.
08. 맨 마지막에 있는 버튼은 Layer bar를 랜덤으로 이동시켜 줍니다.
09. frm의 값을 올려주면, Layer bar의 차이들이 입력한 프레임 수치만큼 차이가 납니다.
5. Cutter
01. Cutter 기능은 이미지를 입력한 가로와 세로의 숫자로 분할해 줍니다. 이미지 Layer를 하나 Composition에 올려놓고 선택을 합니다. Cutter 부분에 6, 4를 입력합니다. 그런 다음, 옆에 있는 Cut 버튼을 클릭합니다.
02. 이미지가 그림처럼 자동으로 분할되었습니다. 가로로 6개, 세로로 4개로 총 24개의 Layer로 나누어졌습니다. 자동으로 모든 Layer가 3D Layer로 바뀝니다. 그리고 모든 Layer는 Composition으로 구성되어집니다.
03. 모든 Layer가 선택된 상태에서 그림처럼 Rows 값을 조절하거나 X, Y Position 값을 조절해보기 바랍니다.
04. Rows 값을 바꾸면, 수치만큼 Layer들의 가로 열이 달라집니다.
6. Mask로 Layer 분할하기
01. 이번에는 Mask 기능을 이용하여 Mask의 모양대로 Layer를 분리해 보겠습니다. Illustrator에서 조금 복잡해 보이는 퍼즐 모양을 만들어봅니다. 만든 다음, 전체를 선택하여 클립보드에 Copy합니다.
02. After Effects로 와서 이미지에 붙이기를(Ctrl + V) 합니다. 그림처럼 Layer에 새로운 Mask들이 많이 생겼습니다. 이제 Transformer에 있는 By Mask 버튼을 클릭합니다. By Mask 옆에 있는 숫자들은 조금 있다가 설명 드리겠습니다.
03. Layer가 Mask의 숫자만큼, 모양과 똑같이 분할되었습니다. 이처럼 사용자가 원하는 모양으로 Mask를 만들어서도 Layer를 간편하게 분할할 수 있습니다.
04. 이번에는 By Mask 옆에 있는 숫자에 대해서 알아보겠습니다. Layer 하나를 불러들입니다. 펜툴로 그림처럼 마스크를 그립니다. 베지어 곡선을 사용하여 그림의 라인처럼 굴곡이 심하게 생기도록 그립니다.
05. 가로 0, 세로 0으로 입력하고, By Mask 버튼을 누릅니다. 이미지가 Composition Layer로 바뀌면서 그림처럼 잘라졌습니다. 문제는 펜툴로 그린 마스크처럼 잘라지지 않은 것입니다.
06. 이번에는 수치 값을 올려서 가로, 세로 100으로 입력하고 By Mask 버튼을 누릅니다. 이번에는 앞서 작업한 것보다는 Mask의 모양과 비슷하게 잘라졌습니다.
07. 이번에는 가로 150, 세로 50으로 입력하고 By Mask 버튼을 누릅니다. 마스크의 모양이 유지되면서 이미지가 잘라졌습니다. By Mask 옆에 있는 수치는 Mask의 모양을 최대한 유지시켜주기 위한 가로와 세로의 값을 정해준다고 생각하면 됩니다.
08. 사실 가장 좋은 방법은 가로와 세로의 수치 값과 상관없이 By Mask 버튼을 눌렀을 때, 마스크의 모양처럼 이미지가 잘리는 것입니다. 그렇게 하기 위해서는 그림처럼 상하좌우의 끝부분에 해당하는 라인에 펜툴로 포인트를 추가해 주는 것입니다. 그렇게 하면, 그림처럼 마스크의 모양 같이 이미지가 분할됩니다.
7. Duplicate
01. 이번에는 Layer를 복제해주는 Duplicate기능을 알아보겠습니다. Layer를 선택한 다음 수치를 입력하고, Duplicate 버튼을 누르면, 수치만큼 Layer가 자동으로 복제됩니다.
8. Key Editor, World Transform
01. Transformer Script의 특이한 점(?)은 왼쪽에 큼직한 서체 자체가 바로 버튼이라는 것입니다. Key Editor 글자를 누르면, 보이지 않았던 메뉴들이 보여집니다. Position 속성을 체크한 다음, Select 버튼을 누르면, 타임라인 상에 있는 Layer들의 Position 키프레임들이 선택됩니다.
02. 이때 중요한 것은 타임 마커가 있는 위치에서 왼쪽 부분에 있는 키프레임들만 선택된다는 것입니다. 타임 마커를 움직여서 다른 키프레임 위치로 가져다 놓으면, 추가로 Position 키프레임들이 함께 선택됩니다. 다른 속성들도 체크하고 Select 버튼을 누르면, 같은 효과를 볼 수 있습니다. 만약, Position과 함께 Deselect Other Keys를 선택하고 Select 버튼을 누르면, 타임 마커가 위치된 키프레임만 선택된 상태로 놔두고, 나머지 키프레임들은 선택이 해제됩니다. World Transform에 있는 Position XYZ 값을 조절하면, Composition에서 현재 보여지고 있는 상태를 그대로 움직여주는 기능을 가지고 있습니다.
9. Along Path Type으로 애니메이션 만들기(1)
01. 여러 개의 Layer들을 불러들인 다음, Resize Layer 기능을 이용해서 아주 작게 만듭니다.
02. X, Y 값을 Resize시킨 사이즈와 같게 입력하고, Rows를 2로 입력하여 2열로 정렬시킵니다.
03. 전체 Layer를 모두 선택하고, 3DLayer로 만들어 줍니다.
04. 모든 Layer를 선택하고, Type을 Along Path로 선택합니다. 그런 다음, Path를 Path2로 선택합니다.
05. 선택하는 동시에 Along Path라는 Solid Layer가 만들어지고, 여기에 애니메이션된 Mask 패스가 만들어집니다. 타임 마커를 움직여서 원하는 모양의 곡선을 찾습니다. 원하는 모양의 곡선을 찾으면, 타임 마커를 그 위치에 위치시킵니다.
06. Along Path Layer의 눈을 끄고, Layer들을 모두 선택합니다. 그런 다음 Update 버튼을 누릅니다.
07. 이제 카메라를 하나 생성합니다.
08. Update 버튼을 누르면, 그림처럼 구부러진 Mask 패스의 모양과 똑같이 Layer들이 정렬됩니다. 이 상태에서 Layer들의 위치를 이동시키려면, 빨간 박스로 표시된 부분에서 슬라이더 바를 조절해 주면 됩니다. S 값을 조절하면, 현재 있는 모양을 그대로 유지하면서 Layer와 Layer의 간격을 좁히든지 넓혀줍니다.
09. 만약, 앞서 작업한 Mask 패스의 모양이 맘에 들지 않는다면, 타임 마커를 움직여 Along Path의 모양을 바꿔줍니다.
10. 그런 다음에 Layer들을 모두 선택하고, Update 버튼을 다시 눌러줍니다. 그러면 Layer들의 정렬이 다시 바뀌는 것을 알 수 있습니다. 이처럼 Update는 언제든지 원하는 모양으로 바꿔줄 수 있는 기능을 가지고 있습니다.
10. Along Path Type으로 애니메이션 만들기(2)
01. Layer를 하나 불러들입니다.
02. Cutter 기능을 이용하여 Layer를 60개로 나누어 봅니다.
03. 이번에는 Paths에서 Path4를 선택해 보겠습니다. Along Path Layer가 생성됩니다.
04. 이번에는 Update가 아닌 Animate 버튼을 눌러보겠습니다. 여기서 주의할 점은 반드시 Along Path Layer를 제외한 나머지 Layer들을 모두 선택한 다음에 Animate 버튼을 눌러야 한다는 것입니다. Animate 버튼을 누르는 동시에 Composition 윈도우에서 자동으로 애니메이션되면서 움직이는 모습을 볼 수 있습니다.
05. Along Path Layer의 Mask를 살펴보면, 하나의 프레임에 키프레임이 하나씩 생겨난 애니메이션을 볼 수 있습니다.
06. 카메라를 하나 만들어서 원하는 뷰로 애니메이션된 것을 확인해보겠습니다.
11. Random Type
01. 마지막으로 Random 타입을 알아보겠습니다. Layer 하나를 불러들여 가로, 세로로 5개씩 총 25로 분할하겠습니다.
02 나눠진 25개의 Layer를 선택하고, Type을 Random으로 선택한 다음, OK 버튼을 누릅니다. 그림처럼 Layer들이 Z축으로 많게는 500, 적게는 -500씩 위치 이동이 랜덤으로 적용된 것을 알 수 있습니다.
03. 이번에는 X, Y, Z축의 값을 미니멈 -500, 맥시멈 500으로 입력하고 OK를 누릅니다. 좀 더 랜덤하게 이미지들이 흩어지는 것을 볼 수 있습니다.
04. 일렬로 정렬을 원하면, Z축을 제외한 나머지들을 모두 0으로 체크하면 됩니다. 그러면 그림처럼 Z축으로만 일렬로 위치한 모양으로 바뀌게 됩니다.
05. 이렇게 작업하였어도 Type을 Standard로 바꿔주면, 다시 원상태로 정렬이 가능합니다. 아마도 신기하다고 느끼는 분들도 있을 것입니다. 왜냐하면, 이렇게 여러 개의 Layer가 컨트롤되려면, 각각의 Layer에 Expression이 적용되어지기 때문입니다. 그러나 Transformer Script에서는 그렇지가 않습니다. 여러 개의 Layer들에 Expression이 적용되어지지 않습니다. 그래서 더 깔끔한 작업을 할 수 있는 것 같습니다.
사실 이 Script를 만든 Nataworkstudio를 운영하고 있는 분께 조금은 불만이긴 합니다. 프리랜서에 모션그래픽 아티스트지만, 전체적인 UI가 요즘 출시되는 다른 Script들과 비교할 때 상당히 큼직(?)합니다. 조금은 투박하다고 할 정도로 예쁘지 않다는 것입니다. 그렇기 때문에, 상당히 공간을 많이 차지합니다. After Effects의 작업 공간이 부족한 상태를 감안해서 다음 업그레이드 버전에서는 좀 더 깔끔한 인터페이스를 기대하겠습니다.
Transform은 뭔가를 변형시킨다는 뜻으로, Transformer Script는 이미지나 영상을 자유자재로 변형시켜주는 Script입니다. Transformer Script가 할 수 있는 것들은 많습니다. 실무에서 많이 사용될 수 있는 것들을 위주로 몇 개만 설명 드리겠습니다.
다중의 Layer 사이즈를 일괄적으로 통일시켜 Resizing할 수 있고, 다중 Layer를 깔끔하게 정렬시키고, 그것들을 손쉽게 애니메이션시킬 수 있습니다. 그리고 시간 차를 두고 다중의 Layer를 타임라인 상에서 정렬시킬 수 있으며, Layer를 몇 개든 복제하여 그것들을 컨트롤할 수 있고, 다중의 Layer를 Panorama 또는 Video Wall로 만들 수 있습니다.
또한, 원하는 숫자 및 사이즈로 하나의 Layer를 여러 개의 Layer로 만들 수 있습니다. 생각보다 많은 기능을 가지고 있는 Transformer Script를 소개해드리겠습니다.
1. Transformer Script Start
01. Transformer Script는 Transformer.jsxbin과 Transformer Default Pack.tpk로 나뉘어집니다. Transformer.jsxbin Script는 다른 Script들과 마찬가지로 Adobe > Adobe After Effects CC 2018 > Support Files > Scripts 또는 ScriptUI Panels 안에 넣으면 됩니다. 그런 다음, Transformer Script를 실행합니다. 실행 후, Files 메뉴에서 Load Pack을 선택합니다.
02. 앞서 이야기한 Transformer Default Pack.tpk 파일을 찾아 선택해주면, 그림처럼 인스톨러 창이 나타납니다. 간단하게 여기에서 Next 버튼만 누르면 자동으로 인스톨됩니다.
03. 그리고 Presets 메뉴를 클릭합니다. Default라는 탭에 총 5개의 프리셋이 인스톨되어 있음을 알 수 있습니다. 사용 방법은 원하는 프리셋을 선택하면, 오른쪽에 애니메이션이 보여집니다. 원하는 것을 선택하고, OK 버튼을 누르면 바로 Layer에 적용됩니다. 더 많은 프리셋을 원하는 분들은 https://aescripts.com/transform-pack-for-transformer/에 들어가면 되는데, 별도의 프리셋 Pack을 판매하고 있습니다. 구입해서 추가시키면, Presets 창 안에 Tap 형식으로 추가됩니다.
2. Resize
01. 이번에는 다중 Layer들을 같은 사이즈로 만들 수 있는 Resize 기능을 알아보겠습니다. 일단, 여러 개의 Layer들을 타임라인에 올려 놓습니다.
02. Layer들을 선택한 다음, Transformer 메뉴의 Tools > Resize Layers를 선택합니다.
03. 원하는 X, Y 사이즈를 정한 다음, Resize 버튼을 클릭하기만 하면, 선택된 모든 Layer들이 한꺼번에 입력한 사이즈로 줄어듭니다.
04. Resize Layer의 X를 320, Y를 210으로 입력하여 모든 Layer가 320 x 210 사이즈가 된 상태입니다. Transformer Script에서 X, Y축의 값을 같은 값으로 입력하면, 그림처럼 가로와 세로가 딱 붙어있는 모양으로 정렬됩니다. Rows 값을 3으로 설정해서 3개의 열로 정렬이 된 것입니다.
05. 수치 값을 입력할 때, 수치 입력 창 옆에 작은 버튼이 있습니다(커서가 롤오버되면 파란색으로 바뀝니다). 클릭하면 좀 더 수치 값을 슬라이더로 조절하기 편하게 큰 슬라이더 바가 나옵니다. 픽셀 단위로 움직이기 때문에, 좀 더 디테일한 조절을 위해 만들어진 것을 생각해보면 감사(?)하기도 합니다.
3. Animation 만들기
01. 모든 Layer를 선택하고, 3DLayer로 만들어 줍니다.
02. 타임라인상에서 모든 Layer들을 선택하고, 타임 마커를 0초에 위치시킨 뒤, X Rotation의 키프레임을 만듭니다. 그런 다음, 타임 마커를 오른쪽으로 조금 이동한 후에 Transformer Script에 있는 Rotation 메뉴 중 어떤 것이든지 슬라이더 바를 움직여주면, 두 번째 키프레임이 생성됩니다. 이렇듯 간단하게 멀티 Layer를 애니메이션시킬 수 있습니다.
4. Sequencer
01. 이번에는 Sequencer 기능에 대해 알아보겠습니다. Sequencer 기능은 Layer Bar를 조절하는 기능입니다. 시간차를 두고 정렬을 하는 방식으로 실무에서 자주 사용되는 기능입니다.
02. 여러 개의 Layer를 동시에 선택한 다음, Sequencer 옵션에서 ALL을 선택합니다. frm은 frame의 약자로, 여기서 지정한 프레임 수만큼 각각의 Layer bar들의 위치가 밀리게 됩니다.
03. ALL이 클릭된 상태에서 오른쪽에 있는 REVERSE 버튼을 클릭하면, Layer의 모양이 반대로 바뀝니다.
04. 오른쪽 방향의 화살표 버튼을 클릭하여 체크하면, 그림처럼 3개의 파트로 Layer들이 나뉘어져서 보여집니다. 물론, 현 상태에서 REVERSE를 클릭하면 반대 모양으로 바뀝니다.
05. 아래로 향하는 화살표 버튼을 클릭하면, 3개의 파트로 나눠진 Layer들이 보시는 모양으로 바뀝니다.
06. 대각선으로 아래 방향을 향하는 화살표 버튼을 클릭하면, 그림처럼 Layer들이 정렬됩니다. 오른쪽 방향 화살표 버튼과 별반 큰 차이를 못 느낄 수도 있지만, 그렇지 않습니다. 자세히 보면, 상단의 빨간색 부분과 노란색 부분 그리고 오렌지색 부분이 약간의 시간 차를 두고 오른쪽으로 이동되어져 있음을 알 수 있습니다.
07. 대각선 모양으로 화살표 방향이 있는 버튼을 누르면, 그림처럼 Layer Bar가 보여집니다. 이제 Layer Bar의 모양이 어떤 의미인지 말씀 드리겠습니다. 바로 Play를 시켜보면, Composition 화면에서 앞서 설명한 버튼들의 방향으로 이미지들이 순차적으로 보여지는 것을 알 수 있습니다.
08. 맨 마지막에 있는 버튼은 Layer bar를 랜덤으로 이동시켜 줍니다.
09. frm의 값을 올려주면, Layer bar의 차이들이 입력한 프레임 수치만큼 차이가 납니다.
5. Cutter
01. Cutter 기능은 이미지를 입력한 가로와 세로의 숫자로 분할해 줍니다. 이미지 Layer를 하나 Composition에 올려놓고 선택을 합니다. Cutter 부분에 6, 4를 입력합니다. 그런 다음, 옆에 있는 Cut 버튼을 클릭합니다.
02. 이미지가 그림처럼 자동으로 분할되었습니다. 가로로 6개, 세로로 4개로 총 24개의 Layer로 나누어졌습니다. 자동으로 모든 Layer가 3D Layer로 바뀝니다. 그리고 모든 Layer는 Composition으로 구성되어집니다.
03. 모든 Layer가 선택된 상태에서 그림처럼 Rows 값을 조절하거나 X, Y Position 값을 조절해보기 바랍니다.
04. Rows 값을 바꾸면, 수치만큼 Layer들의 가로 열이 달라집니다.
6. Mask로 Layer 분할하기
01. 이번에는 Mask 기능을 이용하여 Mask의 모양대로 Layer를 분리해 보겠습니다. Illustrator에서 조금 복잡해 보이는 퍼즐 모양을 만들어봅니다. 만든 다음, 전체를 선택하여 클립보드에 Copy합니다.
02. After Effects로 와서 이미지에 붙이기를(Ctrl + V) 합니다. 그림처럼 Layer에 새로운 Mask들이 많이 생겼습니다. 이제 Transformer에 있는 By Mask 버튼을 클릭합니다. By Mask 옆에 있는 숫자들은 조금 있다가 설명 드리겠습니다.
03. Layer가 Mask의 숫자만큼, 모양과 똑같이 분할되었습니다. 이처럼 사용자가 원하는 모양으로 Mask를 만들어서도 Layer를 간편하게 분할할 수 있습니다.
04. 이번에는 By Mask 옆에 있는 숫자에 대해서 알아보겠습니다. Layer 하나를 불러들입니다. 펜툴로 그림처럼 마스크를 그립니다. 베지어 곡선을 사용하여 그림의 라인처럼 굴곡이 심하게 생기도록 그립니다.
05. 가로 0, 세로 0으로 입력하고, By Mask 버튼을 누릅니다. 이미지가 Composition Layer로 바뀌면서 그림처럼 잘라졌습니다. 문제는 펜툴로 그린 마스크처럼 잘라지지 않은 것입니다.
06. 이번에는 수치 값을 올려서 가로, 세로 100으로 입력하고 By Mask 버튼을 누릅니다. 이번에는 앞서 작업한 것보다는 Mask의 모양과 비슷하게 잘라졌습니다.
07. 이번에는 가로 150, 세로 50으로 입력하고 By Mask 버튼을 누릅니다. 마스크의 모양이 유지되면서 이미지가 잘라졌습니다. By Mask 옆에 있는 수치는 Mask의 모양을 최대한 유지시켜주기 위한 가로와 세로의 값을 정해준다고 생각하면 됩니다.
08. 사실 가장 좋은 방법은 가로와 세로의 수치 값과 상관없이 By Mask 버튼을 눌렀을 때, 마스크의 모양처럼 이미지가 잘리는 것입니다. 그렇게 하기 위해서는 그림처럼 상하좌우의 끝부분에 해당하는 라인에 펜툴로 포인트를 추가해 주는 것입니다. 그렇게 하면, 그림처럼 마스크의 모양 같이 이미지가 분할됩니다.
7. Duplicate
01. 이번에는 Layer를 복제해주는 Duplicate기능을 알아보겠습니다. Layer를 선택한 다음 수치를 입력하고, Duplicate 버튼을 누르면, 수치만큼 Layer가 자동으로 복제됩니다.
8. Key Editor, World Transform
01. Transformer Script의 특이한 점(?)은 왼쪽에 큼직한 서체 자체가 바로 버튼이라는 것입니다. Key Editor 글자를 누르면, 보이지 않았던 메뉴들이 보여집니다. Position 속성을 체크한 다음, Select 버튼을 누르면, 타임라인 상에 있는 Layer들의 Position 키프레임들이 선택됩니다.
02. 이때 중요한 것은 타임 마커가 있는 위치에서 왼쪽 부분에 있는 키프레임들만 선택된다는 것입니다. 타임 마커를 움직여서 다른 키프레임 위치로 가져다 놓으면, 추가로 Position 키프레임들이 함께 선택됩니다. 다른 속성들도 체크하고 Select 버튼을 누르면, 같은 효과를 볼 수 있습니다. 만약, Position과 함께 Deselect Other Keys를 선택하고 Select 버튼을 누르면, 타임 마커가 위치된 키프레임만 선택된 상태로 놔두고, 나머지 키프레임들은 선택이 해제됩니다. World Transform에 있는 Position XYZ 값을 조절하면, Composition에서 현재 보여지고 있는 상태를 그대로 움직여주는 기능을 가지고 있습니다.
9. Along Path Type으로 애니메이션 만들기(1)
01. 여러 개의 Layer들을 불러들인 다음, Resize Layer 기능을 이용해서 아주 작게 만듭니다.
02. X, Y 값을 Resize시킨 사이즈와 같게 입력하고, Rows를 2로 입력하여 2열로 정렬시킵니다.
03. 전체 Layer를 모두 선택하고, 3DLayer로 만들어 줍니다.
04. 모든 Layer를 선택하고, Type을 Along Path로 선택합니다. 그런 다음, Path를 Path2로 선택합니다.
05. 선택하는 동시에 Along Path라는 Solid Layer가 만들어지고, 여기에 애니메이션된 Mask 패스가 만들어집니다. 타임 마커를 움직여서 원하는 모양의 곡선을 찾습니다. 원하는 모양의 곡선을 찾으면, 타임 마커를 그 위치에 위치시킵니다.
06. Along Path Layer의 눈을 끄고, Layer들을 모두 선택합니다. 그런 다음 Update 버튼을 누릅니다.
07. 이제 카메라를 하나 생성합니다.
08. Update 버튼을 누르면, 그림처럼 구부러진 Mask 패스의 모양과 똑같이 Layer들이 정렬됩니다. 이 상태에서 Layer들의 위치를 이동시키려면, 빨간 박스로 표시된 부분에서 슬라이더 바를 조절해 주면 됩니다. S 값을 조절하면, 현재 있는 모양을 그대로 유지하면서 Layer와 Layer의 간격을 좁히든지 넓혀줍니다.
09. 만약, 앞서 작업한 Mask 패스의 모양이 맘에 들지 않는다면, 타임 마커를 움직여 Along Path의 모양을 바꿔줍니다.
10. 그런 다음에 Layer들을 모두 선택하고, Update 버튼을 다시 눌러줍니다. 그러면 Layer들의 정렬이 다시 바뀌는 것을 알 수 있습니다. 이처럼 Update는 언제든지 원하는 모양으로 바꿔줄 수 있는 기능을 가지고 있습니다.
10. Along Path Type으로 애니메이션 만들기(2)
01. Layer를 하나 불러들입니다.
02. Cutter 기능을 이용하여 Layer를 60개로 나누어 봅니다.
03. 이번에는 Paths에서 Path4를 선택해 보겠습니다. Along Path Layer가 생성됩니다.
04. 이번에는 Update가 아닌 Animate 버튼을 눌러보겠습니다. 여기서 주의할 점은 반드시 Along Path Layer를 제외한 나머지 Layer들을 모두 선택한 다음에 Animate 버튼을 눌러야 한다는 것입니다. Animate 버튼을 누르는 동시에 Composition 윈도우에서 자동으로 애니메이션되면서 움직이는 모습을 볼 수 있습니다.
05. Along Path Layer의 Mask를 살펴보면, 하나의 프레임에 키프레임이 하나씩 생겨난 애니메이션을 볼 수 있습니다.
06. 카메라를 하나 만들어서 원하는 뷰로 애니메이션된 것을 확인해보겠습니다.
11. Random Type
01. 마지막으로 Random 타입을 알아보겠습니다. Layer 하나를 불러들여 가로, 세로로 5개씩 총 25로 분할하겠습니다.
02 나눠진 25개의 Layer를 선택하고, Type을 Random으로 선택한 다음, OK 버튼을 누릅니다. 그림처럼 Layer들이 Z축으로 많게는 500, 적게는 -500씩 위치 이동이 랜덤으로 적용된 것을 알 수 있습니다.
03. 이번에는 X, Y, Z축의 값을 미니멈 -500, 맥시멈 500으로 입력하고 OK를 누릅니다. 좀 더 랜덤하게 이미지들이 흩어지는 것을 볼 수 있습니다.
04. 일렬로 정렬을 원하면, Z축을 제외한 나머지들을 모두 0으로 체크하면 됩니다. 그러면 그림처럼 Z축으로만 일렬로 위치한 모양으로 바뀌게 됩니다.
05. 이렇게 작업하였어도 Type을 Standard로 바꿔주면, 다시 원상태로 정렬이 가능합니다. 아마도 신기하다고 느끼는 분들도 있을 것입니다. 왜냐하면, 이렇게 여러 개의 Layer가 컨트롤되려면, 각각의 Layer에 Expression이 적용되어지기 때문입니다. 그러나 Transformer Script에서는 그렇지가 않습니다. 여러 개의 Layer들에 Expression이 적용되어지지 않습니다. 그래서 더 깔끔한 작업을 할 수 있는 것 같습니다.
사실 이 Script를 만든 Nataworkstudio를 운영하고 있는 분께 조금은 불만이긴 합니다. 프리랜서에 모션그래픽 아티스트지만, 전체적인 UI가 요즘 출시되는 다른 Script들과 비교할 때 상당히 큼직(?)합니다. 조금은 투박하다고 할 정도로 예쁘지 않다는 것입니다. 그렇기 때문에, 상당히 공간을 많이 차지합니다. After Effects의 작업 공간이 부족한 상태를 감안해서 다음 업그레이드 버전에서는 좀 더 깔끔한 인터페이스를 기대하겠습니다.