EXTENSION간단하게 리깅된 손을 만들어주는 Handy Hands 2 Extension

Motion 작업에서 자주 등장하는 캐릭터의 손 부분을 작업하느라 많이 힘들었습니다. 이제 특별한 경우의 손 모양이 아니라면 걱정하지 않아도 됩니다. Handy Hands 2 Extension을 사용하면 기본적인 손 모양을 간단한 클릭 몇 번만으로 만들고 애니메이션시킬 수 있습니다.


1. Handy Hands 2 Extension

01. Handy Hands 2를 설치한 후에 처음 실행하면 아래 그림과 같이 보이며, OK를 누르고 시작하면 됩니다.

02. 상단의 메뉴들을 클릭하면 바로 밑에 소속된 메뉴들이 보이는 방식입니다. 어떤 아이콘들인지 확인하려면 ‘?’ 아이콘을 클릭하면 됩니다.

03. 왼손과 오른손을 만들 수 있는 메뉴입니다.

04. 손을 만들었으면 다음은 스타일을 정해줘야 합니다. 상단의 메뉴는 순서대로 작업을 하면 되도록 만들어졌습니다.

- Simple Fill: 가장 단순한 스타일입니다. 원하는 단색으로 손을 보여줍니다.

- Separated Simple Fill: Simple Fill과 비슷합니다. 다른 점은 개별적으로 손가락의 컬러를 바꿔줄 수 있습니다.

- Tapered Hand: Simple Fill에 Taper 기능을 추가한 것입니다. Stroke의 두께를 조절할 수 있습니다.

- Simple Stroke: 손의 외곽 부분만 Stroke을 적용해서 보여줍니다.

- Advanced Stroke: 손가락 하나하나에도 Stroke을 적용해줍니다. 단점은 상당히 컴퓨터가 느려집니다. 다른 스타일로 작업을 하고, 최종 렌더링 시에만 적용하기 바랍니다.

05. 세 번째 메뉴는 Keyframe이 자동으로 적용되면서 애니메이션을 시켜주는 Posing Hands입니다. 메뉴를 보면 숫자를 세는 애니메이션도 간단하게 만들 수 있습니다. 버튼 설명이 나와있는 부분을 보면 각 손가락의 수치 값들이 나와 있습니다. 뒷부분에서 애니메이션시키는 방법을 설명하겠습니다.

06. 다음은 손을 만들어서 반대편 손으로 만들어주고 회전도 시켜주는 메뉴입니다. 손을 손과 Link시켜서 똑같이 움직일 수 있도록 제어할 수도 있습니다.

2. Handy Hands 2로 만들기

01. 먼저, 손을 하나 만들어보겠습니다. 그런 다음에 3D Layer를 켜주고, 3D Camera를 하나 만듭니다.

02. 카메라를 회전시켜 보면 두께감이 전혀 없는 그냥 Shape Layer입니다. 그래서 Handy Hands는 3D Layer를 사용하면 안됩니다. 3D Camera도 사용하면 안되는데, 여기에서 3D Camera를 사용하면 안 된다는 말은 카메라 회전을 하면 안된다는 것입니다. 회전은 자체적으로 가지고 있는 Y Rotation 값을 조절해야 합니다.

03. 3D Layer를 끄고 사용하기 바랍니다. Control 옵션을 보면 손가락 5개와 손바닥을 컨트롤할 수 있습니다. Spread를 조절하면 손가락들이 약간 벌어집니다.

04. Appearance에서 컬러도 바꿔줄 수 있습니다.

05. Controls에서 수치 값을 조절하여 손가락들을 약간 꺾어주고, Y Rotation으로 애니메이션을 시켜본 결과입니다.

3. Styling Hands

01. 왼손과 오른손을 만듭니다. 기본 값으로 Simple Fill로 만들어지는데, 각 Layer의 Handy 그룹이 어떻게 구성되어 있는지 잘 확인합니다.

02. 오른손을 선택하고 Separated Simple Fill을 선택해 스타일을 바꿔보겠습니다. 바뀐 구조를 확인해보면, 각 손가락들의 그룹이 분리된 것을 확인할 수 있습니다. 그 말은 각각의 손가락들의 컬러도 바꿔줄 수 있다는 말입니다.

03. 현재는 모든 손가락의 컬러 부분에 Expression이 적용되어 있습니다. 그래서 그 연결을 취소한 후에 컬러를 바꿔줘야 합니다.

04. 이번에는 손을 만든 후에 Tapered Hand를 적용해보겠습니다. 각 손가락의 Expression을 이펙트 컨트롤과 연결해 놨기 때문에 조절은 이펙트 창에서 하면 됩니다.

05. 이번에 업그레이드된 버전에서는 3 Fingers +Thumb가 추가되어 만화에 나오는 캐릭터들의 손가락도 표현이 가능합니다. 만화 캐릭터들의 손가락이 4개인 것들이 많습니다. 셀 애니메이션 시대에 비용 절감 차원으로 그렇게 되었다는 이야기가 있습니다.

06. Simple Stroke을 선택하면 그림처럼 손가락이 나눠지는 것처럼 외곽 부분에 Stroke가 적용됩니다.



07. Y Rotation 값을 조절하여 회전시켜보면 그림과 같이 보입니다. 정확히 말해서 외곽 라인 부분들의 Stroke만 보입니다.

08. Advanced Stroke을 적용한 것과 비교를 해봅니다. Simple Stroke보다 좀 더 사실적으로 라인이 보입니다.

4. Posing Hands

01. 손을 하나 만들고, Posing Hands에서 3을 선택하면 그림처럼 보입니다. 주먹을 쥐었을 때, 손을 폈을 때, 숫자 4, 3, 2, 1 등 다양한 기본 동작들을 선택하기만 하면 바뀝니다. 선택하는 순간 자동으로 그림처럼 Keyframe이 생성됩니다. 그 말은 애니메이션도 간단하게 가능하다는 것입니다. 0초에 인디케이터를 놓고 3을 클릭하여 적용시키면 됩니다. Keyframe도 만들어진 것을 확인할 수 있습니다.

02. 인디케이터를 옮기고 다시 1을 클릭하면, 다시 Keyframe이 생성되었습니다.

03. 이제 애니메이션이 되는 것을 확인합니다.

5. Managing Hands

01. 손을 하나 만들고 Swap Left/Right를 클릭하면, 손이 거울에 비친 것처럼 반대편 손으로 바뀝니다.

02. 두 번째 Rotate 180도를 선택하면, Y Rotation 값이 180도로 바뀝니다. 세 번째 Add Linked Hand에 대해 설명하겠습니다. 손을 하나 만든 후에 Add Linked Hand를 선택하면 손이 하나 복제됩니다. 복제된 손은 오리지널 손과 Link가 되어 있습니다.

03. 오리지널 손을 클릭합니다. 이펙트 창에서 손가락을 조절하여 동작을 만들면 마치 거울에 비친 것처럼 똑같이 움직이게 됩니다.

캐릭터 작업 또는 모바일 관련 U.I 작업에서 손이 꼭 등장합니다. 물론, 앞서 설명한 것처럼 Shape Layer의 Path로 만들어서 Stroke으로 표현하는 스타일이 아닌 것들은 별도의 방법으로 작업하는 것이 맞습니다. 아마 조금 느린 컴퓨터에서 작업하는 분들은 생각보다 많이 느려서 놀랄 수도 있습니다. Shape Layer에 Expression들이 적용되고, 각 포인트도 Expression으로 연결되어 있어서 그렇습니다.