글/ 이병현(MG25.com, www.MOTIONLAB.co.kr)

지난 호에 이어, 이번에도 After Effects 작업 시 유용하게 사용될 수 있는 최신 익스프레션을 하나 소개하겠습니다. 바로 Autosway라는 익스프레션입니다. 일본에서 만들어진 익스프레션으로, 사실 나온 지는 꽤 오래된 익스프레션입니다. 올해 Aescript에 업데이트되었습니다. 쉽게 말씀 드려서 Autosway는 Puppet Pin Tool을 이용하여 익스프레션으로 좀 더 편하고 자연스러운 모션을 줄 수 있는 기능입니다. 이번 시간에는 기본적인 메뉴들의 사용법에 대해서 알아보고, 다음 시간에는 Autosway를 사용하여 실제 이미지나 캐릭터에 적용해 보도록 하겠습니다. 


1. INSTALL

01. 현재 http://aescripts.com/autosway/에서 39.99달러에 판매되고 있습니다. 이 정도 금액이면 시리얼 번호를 입력해야 된다는 것을 기본적으로 알아두기 바랍니다.

02. Adobe > Adobe After Effects CS6 > Support Files > Scripts > ScriptUI Panels 안에 드래그하여 넣어둡니다. 거의 웬만한 스크립트들은 여기에 넣어두면 됩니다.

03. 가격이 대충 20달러를 넘지 않는 스크립트들은 시리얼을 요구하지 않습니다. 대부분 가격이 좀 비싼(?) 스크립트들이 시리얼을 요구합니다. 시리얼이 없어도 15일 정도는 사용할 수 있으니, 테스트 해보기 바랍니다.

2. Autosway 적용하기

01. After Effects의 메뉴 중에서 Window를 선택하면, 하단에서 Autosway 스크립트를 찾을 수 있습니다. 실행을 하면 그림처럼 생각보다 간단한(?) 메뉴들이 나옵니다.

02. 일단, 스크립트를 적용하기 전에 Autosway는 2가지 스타일이 있습니다. 바로 Puppet Pin Tool을 사용하는 Mode와 Layer를 불러들여서 사용하는 Layer Mode가 있습니다. PuppetPinTool Mode와 Layer Mode 옆에 있는 '?' 버튼을 클릭해 봅니다.

03. 간단하게 PuppetPinTool Mode의 사용법에 대해서 나옵니다. 일단, Puppet Pin Tool을 사용하여 Sway 시키고자 하는 레이어에 클릭하여 위치를 정하고, Apply 버튼을 누르면 됩니다(Sway의 뜻은 '흔들다', '움직이다'라는 의미).

04. Layer Mode는 PuppetPinTool Mode와는 다르게 하나의 레이어가 아닌 여러 개의 레이어를 링크로 연결되어져 움직이는 Mode입니다. 2D와 3D로 Sway를 시킬 수 있습니다.

05. 이제 autosway test라는 컴포지션을 하나 새로 생성합니다.

06. Shape 레이어 툴로 직사각형 모양의 레이어를 하나 만듭니다. 그런 다음에 Puppet Pin Tool로 그림에서 흰색으로 표시된 부분을 클릭합니다.

07. 그런 다음에 PuppetPinTool Mode에 있는 Apply 버튼을 클릭합니다.

08. 타임라인을 확인하면, 총 4개의 Ppin이라는 레이어가 새롭게 생성되었습니다. 레이어의 이름이 같아서 혼란스럽기 때문에 Layer Name 부분을 클릭하면 원래 레이어의 이름이 나오도록 바꿀 수 있습니다. 클릭해 봅니다. 그러면 보는 것처럼 각 레이어의 이름이 나옵니다. 맨 위에 있는 [SwayControl1]_Shape Layer 1이 밑에 있는 3개의 Shape Layer를 컨트롤하는 레이어입니다. 각 레이어의 Parent 부분을 확인해 보면 각 레이어들은 상위 레이어에 Parent가 되어 있습니다.

09. 이제 새롭게 생성된 레이어들을 모두 선택합니다.

10. 선택한 다음에 컴포지션 윈도우 창을 확인해보면, 앞서 PuppetPinTool Mode로 지정한 부분들이 보여지는 것을 알 수 있습니다. Autosway 익스프레션은 사용자가 지정한 Puppet Pin Tool을 각 레이어로 변환하여 좀 더 조절하기 편하도록 보는 것과 같이 레이어 형태로 재구성해주는 역할을 하는 것입니다.

11. 맨 위에 있는 [SwayControl1]_Shape Layer 1 레이어를 선택한 다음, Effect Control 부분을 확인해 봅니다. Autosway 익스프레션을 조절할 수 있는 여러 가지 컨트롤들이 생겨난 것을 볼 수 있습니다. 여기에서 다양한 설정 값으로 조절을 하게 됩니다. 하단을 보면, Wind 값도 설정할 수 있습니다. 바람의 세기 및 간격까지도 설정 가능하여 좀 더 자연스러운 움직임을 줄 수 있습니다.

12. Sway distance 값을 움직이는 x축의 거리라고 생각하면 됩니다. 값이 커질수록 흔들리는 거리가 커집니다.

13. Sway roundness는 움직임의 모션 패스가 좀 더 라운드가 되도록, 즉 좀 더 오브젝트의 길이가 늘어나도록 만들어 줍니다.

14. Lag factor는 오브젝트가 얼만큼 부드럽게 휘어지는 지를 결정합니다. 값을 높여줄수록 젤리처럼 말랑말랑한 느낌으로 움직입니다.

15. Sway distance를 5000, Sway roundness를 10으로 입력한 다음, Lag factor 값을 400으로 입력하고, 애니메이션을 만들어 보면 그림처럼 보여집니다. 마치, 말랑말랑한 젤리가 흔들거리는 듯한 애니메이션이 만들어 집니다.

16. Curve Adjustment는 회전에 대한 옵션입니다. 쉽게 말하자면, 오브젝트 맨 위의 Puppet Pin Tool의 값만 회전을 시킨다고 생각하면 됩니다. 앞서 움직임은 그대로인 상태에서 고정된 맨 위 상단 부분만 회전되었다고 생각하면 됩니다.

17. 애니메이션을 시켜보면 지금처럼 보여집니다. 맨 위에서 중간 Puppet Pin 부분까지는 고정된 상태에서 앞서 주었던 움직임이 보여진다고 생각하면 됩니다.

18. Rotation은 말 그대로 회전입니다. 맨 처음에 줬던 움직임이 그대로 유지되면서 맨 처음 지정했던 상단의 Puppet Pin Tool 위치를 중심으로 회전만 됩니다.

19. Rotation 값을 90으로 입력하고 애니메이션을 하면, 그림처럼 90도 회전된 상태에서 흔들 흔들거리며 움직입니다.

3. Autosway 삭제하기

익스프레션들을 사용하다 보면, 그것을 생성하는 것보다 삭제하는 것이 더 짜증날 경우가 많습니다. 왜냐하면, 눈에 보이지 않는 스크립트들이 거미줄처럼 엮여있는 것이 많기 때문입니다. 그래서 요즘 나오는 것들 중에서 복잡한(?) 구조를 가지고 있는 것들은 Delete 버튼을 가지고 있습니다. Autosway 익스프레션도 Delete 버튼을 가지고 있습니다. 앞서 적용했던 것들을 삭제하려면, 맨 위에 있는 [SwayControl1]_Shape Layer1 레이어만 선택하고 Delete 버튼을 눌러주시면 됩니다. 그러면, 나머지 3개의 레이어들도 자동으로 삭제됩니다. 대신에 맨 처음 만들었던 Shape 레이어와 거기에 있는 Puppet Pin Tool은 삭제되지 않습니다. 
0