EXTENSION필수 Tool들, Motion Tweaks Extension (2)

지난 글에 이어, 모션 디자인 스쿨(Motion Design School)에서 최근에 출시한 Motion Tweaks Extension을 소개하겠습니다. 모션 디자이너들이 자주 사용하는 기능들만 모아서 출시하기로 유명한 모션 디자인 스쿨의 Motion Tweaks는 Forms, Effects, Animation, Composition, Rig, Shapes/Layers의 6가지 파트로 구성되어 있습니다. 지난 5월호에서 Forms, Effects, Animation에 대해 살펴보았고, 이번 6월호에서는 Composition, Rig, Shapes/Layers, 그리고 3D Path와 Shape Waves에 대해 설명드리겠습니다.


1. Composition

01. Composition 카테고리에서 Change Background 아이콘을 한 번 클릭하면 흰색, 또 클릭하면 회색, 또 클릭하면 검은색으로 바뀝니다. Alt + 클릭 시 검은색, Ctrl + 클릭 시 흰색, Shift + 클릭 시 회색으로 바뀝니다.

02. Comp Duration은 작업에서 많은 분들을 짜증나게 하던 일을 쉽게 해결해주는 기능 중에 하나입니다. 아래 그림을 확인하면, 불러들인 Comp Layer가 2초 Duration을 가지고 있는 Comp입니다.



03. 이것처럼 3초 Duration을 가지고 있는 Comp도 하나 불러들이고, 1초 Duration을 가지는 Typo도 하나 생성하여 Timeline에 배치했습니다. 이 상태에서 Comp Layer를 좀 더 길게 가져가려면 해당 Comp에 들어가서 Composition의 Duration을 다시 수정해야 합니다. 귀찮은 이 부분을 해결해보겠습니다. Comp Duration 아이콘을 클릭하면 2초씩 Duration이 늘어납니다.

04. 이번에는 FPS에 대해 설명드리겠습니다. Frame per Second으로 초당 Frame 수를 결정하는 것입니다. 이 부분도 클릭 한 번으로 간단하게 수정할 수 있습니다. 클릭을 하면 24 Frame, Alt + 클릭을 하면 30 Frame, Ctrl + 클릭을 하면 25 Frame으로 바뀝니다.



05. Shift + 클릭을 하면 원하는 Frame 수를 입력하여 바꿀 수도 있습니다.



06. Pre Comp 기능도 상당히 유용합니다. 작업에서 자주 사용될 것으로 생각됩니다. 현재 Layer들을 보면 정사각형을 제외하고 모두 Comp Layer입니다. Comp Layer를 더블 클릭하여 확인해보면 큰 Composition에 Layer들이 위치하고 있습니다. 불필요한 공간들을 없애고, 원래 Layer에 딱 맞는 Composition의 사이즈를 맞추는 것이 쉽지 않습니다.

07. Pre Comp를 클릭해주면, Layer가 가지고 있는 사이즈에 딱 맞게 자동으로 Crop이 됩니다. 작업에서 정말 편합니다.





08. 마지막으로 Scale Comp 기능도 상당히 유용하게 사용할 수 있습니다. 작은 사이즈의 Composition에 그림처럼 도형을 하나 배치했습니다.

09. 이제 큰 Composition을 하나 만들어서 방금 전에 만든 Comp Layer를 배치합니다. 이 상태에서 Comp Layer를 확대하면 어떻게 되는지 상상할 수 있을 것입니다.

10. 불러들인 Composition의 사이즈는 300 x 300입니다. Scale Comp를 클릭하면 2배로 Comp의 사이즈가 늘어납니다. 직접 Comp Layer를 열어서 Composition의 사이즈를 확대하는 수고로움을 할 필요가 없어졌습니다.



11. 화면상의 위치와 사이즈는 변함이 없습니다. 다만, Comp Layer의 사이즈를 확인하면 줄어들었습니다. 이 말은 여기에서 사이즈를 2배 더 크게 해도 Layer의 화질은 그대로라는 뜻입니다.




2. Rig

01. 이번에는 많은 모션 그래퍼들이 즐겨 사용하는 Fake 3D를 간편하게 할 수 있도록 도와주는 Dependener 기능을 설명하겠습니다. Shape Layer로 간단하게 토끼 캐릭터를 만들었습니다.

02. 배경색을 조금 진하게 바꿔봤습니다. 이제 앞서 만든 Shape Layer의 Group으로 만들어진 것들을 각각의 Layer로 만들어보겠습니다. 같은 회사의 Motion Tools 2의 Extract 기능을 이용하면 Group을 Layer로 바꿔줄 수 있습니다.



03. 각 Layer들마다 Animation시킬 속성들만 선택하고 Dependener를 클릭합니다. 그림처럼 각 속성당 한 Frame씩 5개의 Keyframe이 자동으로 생성되었습니다. 아마도 조이스틱을 사용해봤거나 이와 유사한 작업을 해본 분들은 뭘 하려고 하는지 눈치챘을 것입니다.

04. 아무것도 선택하지 않은 상태에서 Dependener를 다시 한번 클릭하면 그림과 같은 Guideline Layer가 생성됩니다. 그림의 Mode는 총 2개의 Mode입니다. 왼쪽 위에 있는 것이 Mode 1이며, 왼쪽 밑에 있는 것이 Mode 2입니다. 지금은 Mode 1으로 해보겠습니다. 방법은 간단합니다.

05. 첫 Frame은 그대로 놔둡니다. 정면을 보고 있는 캐릭터 그대로입니다.

06. 두 번째 Frame부터 작업해보겠습니다. 왼쪽을 보는 모습으로 조정해줍니다.

07. 세 번째 Frame은 오른쪽을 보는 모습으로 조정합니다. 각 Layer의 포지션이나 스케일을 조정합니다.



08. 네 번째 Frame에서는 위를 바라보는 모습으로 만들어줍니다.



09. 다섯 번째 Frame은 아래를 보는 모습으로 만들어줍니다.

10. 작업이 모두 끝났습니다. 이제 방금 만든 Keyframe들을 모두 선택한 다음에 Dependener를 클릭합니다. 클릭과 동시에 그림처럼 캐릭터 Animation을 할 수 있는 작은 원과 작은 사각형이 나타납니다.

11. 작은 사각형을 움직이면 재미있는 캐릭터 Animation이 실시간으로 보여집니다.

3. Shapes/Layers

01. 이제 마지막 카테고리에 있는 Shape/Layers를 알아보겠습니다. Get Width는 선택된 Layer의 Stroke 조정을 쉽게 하기위해서 만들어진 기능입니다. Layer들을 선택한 다음, Get Width를 클릭하면, 새로운 Controller Layer가 생성되면서 Effect에서 라인의 두께를 간단하게 조정할 수 있습니다.

02. Random Colors는 랜덤하게 컬러를 계속 바꿔주는 기능을 합니다. 여러 개의 Layer들이 있는 상태에서 클릭하면 컬러가 클릭할 때마다 랜덤하게 바뀝니다.

03. Shapes Direction은 선택한 Shape의 Path 방향을 바꿔줍니다.



04. Unique Label은 Layer Bar들의 컬러를 랜덤하게 바꿔줍니다.

05. Alt + 클릭을 하면 선택한 Layer들의 컬러를 하나의 컬러로 통일시켜주면서 바꿔줍니다.

4. 3D Path

01. 이번에는 다른 Script나 Extension과 차별화되는 기능을 설명드리겠습니다. Shape Layer를 선택한 후에 3D Path를 클릭합니다. 각 Path 포인트에 Null Layer가 자동으로 연결되며, 회전을 시켜보면 3D처럼 두께가 보여집니다.

02. 이번에는 원을 그려보겠습니다. Composition Window를 4 View로 만들어서 Null Layer X, Y, Z축으로 이동시켜보겠습니다.



03. 회전시켜보면 3D Stroke처럼 3D가 되어 보입니다.

5. Shape Waves

01. 작업에서 물결이 움직이거나 파동 같은 움직임의 표현을 하는 경우가 많습니다. 이런 움직임을 하려면 Path Animation을 수작업으로 하거나 Effect로 해야만 했습니다. 물론, Shape Layer에 Wave 기능이 생기긴 했습니다.

클릭하면 그림처럼 움직이는 물결 Animation이 만들어집니다. Alt + 클릭을 하면 Fill 기능은 없어지고 라인만 보입니다. Shift + 클릭을 하면 Wave가 되는 부분에 Start와 End 포인트에 Null Layer가 연결되어 생성됩니다.



02. 생성된 Wave에는 다양한 Controller들이 Effect에 있습니다. Expression과 연결된 Controller들이긴 합니다. 조정하면 원하는 모양과 Animation을 얻을 수 있습니다.



Motion Tweaks Extension은 모션 디자이너들이 자주 사용하는 것들을 좀 더 편리하게 작업할 수 있도록 많은 기능들을 모아 놓은 선물세트라고 해도 과언이 아닐 정도로 매력적인 기능들이 많은 Extension입니다. 꼭 한 번 사용해 보길 바랍니다.