Ae CG [무료 플러그인] Duik Bassel과 Angela를 활용한 인체, 관절, 표정 애니메이션

Adobe After Effects를 이용한 모션그래픽은 드로잉 데이터만 있으면 일일히 그리지 않고 표현할 수 있는데, 인체의 관절과 얼굴표현들을  뛰어난 모션그래픽을 표현할 수 있는 방법중의 하나가 듀익 바젤과 업그레이드 된 새로운 듀익 엔젤라입니다.  기본은 Adobe Illustrator와  Photoshop의 레이어 구조를그대로 After Effects의 Compositon형태로 사용하는 부분에서 시작됩니다.

Ai~Ae 움직이는 동작표현 - 아트브러시 일러스트레이션

 

 

 

듀익 바젤의 전체 튜토리얼 53개 [위 그림을 클릭하면 전체 강좌를 유튜브를 통해 무료로 배울 수 있습니다.]

 

 

그중에서도 캐릭터와 사물이 움직이는 듯한 애니메이션 표현은 과연 어떻게 만드는 가를 궁금해 하는 분이 있을텐데, 포토샵과 일러스트러이터 그림도구를 기반으로 가장 일반적인 방법과 외부 플러그인 듀익 바젤(Duik Bassel)과 듀익 엔젤라(Duik Angela)활용법을 익히면 자신만의 독보적인 작품세계를 만들어 나갈 수 있습니다. 

 

듀크 혹은 듀익 뭐야??  표기법이 프랑스인 개발자 분의 무료 공개형 플러그인이다 보니 발음에 딸 듀크, 두이크 혹은 바젤, 바셀, 앙겔라, 엔젤라 등 구글링 하면 다양한 영어발음을 각기 달리 발음하고 있으니 명칭에 참고하세요.

 

 

일러스트레이터 파일을 가져와 앵커포인트, 페어런팅하여 애펙에서 걷게하는 일반적인 방법 풀영상

---

 

 

가장 일반적인 방법 Puppet Tool

퍼펫(Puppet)은 인형극을 위해 핀과 실은 통해 사람이 조종하는 사람 모양의 장난감을 이르는 '꼭두각시 인형'으로, 흔히 부르는 인형(doll)과는 다른 개념이라고 합니다.   

 

 

일일히 동작을 그려서 반복적으로 장면을 표현하지 않고 관절 하나, 하나가 연결된 형태로 동작을 표현하려면, 레이어를 구분해서 구성한 포토샵, 일러스트레이터 파일을 애프터이펙트에  Composition Retain Layer Size 형태로 가져와서 각 관절별 구분한 레이어의 오브젝트별로 축에 해당되는 앵커포인트의 위치를 바꾸로 관절의 역학적인 IK의 관계를 Parenting(Link)하여 표현하는 것이 일반적인 방법입니다.   

Ai파일은 애펙에서 Ctrl+ i 로 가져올때, Comp형태로 가져와서 그룹내 원하는 레이어별로 현재 다른 콤프에 붙일 수 있다. 레이어상의 Ai파일은 우클릭 Create Shape Vector layer로 애펙에서 그린것 처럼 표현할 수 있다.   일러스트레이터 파일을 가져와 앵커포인트, 페어런팅하여 걷게하는 일반적인 방법 애펙에서 표현하는 가장 일반적인 방법을 소개하는 튜토리얼이다.

 

필자가 소개하는 앵커포인트, 페어런팅, 퍼핏을 함축적으로 소개한 영상

가장 일반적인 애프터이펙트의 캐릭터애니메이션은  일러스트레이터 파일(Ai)을 Import시에  Comp retain Layer size로 자동으로 생성하고 레이어별 오브젝트의 애니메이션 중심축(Anchor-Point)을 지정한 후 모기향모양의 부모-자식 관계의 페어런팅(Parenting)을 통해 레이어들을 역고(link) 애니메이션을 구현합니다.  

위에 제가 소개한 관절의 상/하 부모자식관계의 페어런팅(link) 방식외에도 대부분의 애프터이펙트 애니메이터들을 일러스트레이터의 레이어별로 동작들을 일일히 그려서 애피터이펙트에 가져와 계단식 레이어배열의 FRAME BY FRAME 애니메이션을 작업을 하고 있습니다.

 

 

각동작을 하나, 하나 그려 애니메이션하는 Frame By Frame  Animation

---

 

관절운동에 효율적이라는 무료 플러그인 Duik Basel을 별도로 배워야 한다

애프터이펙트의 뼈(Bone)의 관절을 연결하는 방법의 리깅(Rigging)위한 설치형 외부 플러그인 중 무료 오픈소스 인 듀익바젤 / 버전업된 듀익 안젤라이  사용되어 편리하게 사용하는데, 그 사용법을 별도로 따로 배워야 하는 불편함이 있습니다. 

 

Duik Angela는 Duik Bassel (16.x)의 후속 버전인 Duik (17.x)의 새로운 버전입니다.  OCO. Open Cut-Out Meta-rigs형식의 RxLab에서 개발한 Duik Angela를 통해서 After Effects에서 수행되는 것처럼 컷아웃 애니메이션 전용 캐릭터 리그를 내보내고 공유하고 가져오기 위해 개발되고 사용되고 있습니다.   OCO의 지원으로 Duik은 이제 전능한 Duik Auto-rig 덕분에 몇 번의 클릭으로 전체 캐릭터를 조작하는 데 사용할 수 있는 사전 정의된 많은 메타 리그도 포함하고 있습니다.

• Basel.2(16.2.16)과 업그레이드된 Angela는 Github에서 모든 버전을 다운로드해서사용할 수 있습니다.
• Basel 2 이전 버전(1 ~ 15)은 rxlab.io/archives 에 보관되어 있습니다.

 

Duik Bassel

듀익바젤(Duik Bassel)는 Adobe After Effects용 포괄적인 애니메이션 및 연결 도구 세트입니다.

IK, 컨트롤러 및 본과 같은 모든 3D 소프트웨어에서 볼 수 있는 주요 연결 도구를 제공하지만 After Effects의 2D 애니메이션에 맞게 조정합니다. Duik을 사용하면 복잡한 캐릭터를 조작할 수 있고 3D 소프트웨어에서 일반적으로 사용되는 고급 애니메이션 기술을 사용할 수 있습니다.연결의 의미를 모를 경우 도구를 사용하기에는 너무 이르기 때문일 수 있습니다.Duik을 사용할까요?라는 섹션을 참조하십시오.를 참조해 주세요.

Duik에는 키 프레임 및 보간 관리, 기존 애니메이션, 애니메이션 노출 등 애니메이션 도구도 풍부하고, 보다 빠르고 쉽게 애니메이션을 만들 수 있는 자동화 도구도 있습니다. 듀익은 또한 애니메이션에만 국한된 것이 아니라 애니메이션 제작자와 제작자 모두에게 매우 유용할 수 있는 카메라 컨트롤과 같은 유용한 도구들을 가지고 있다.

 

 

Duik Bassel Install 설치방법

Duik Bassel을 설치하기 위해 아래 배너를 클릭하여 Download을 다운로드 할 수 있습니다. 

https://rxlaboratory.org/download-duik-bassel/

Download Duik Bassel - RxLaboratory

https://rxlaboratory.org/tools/duik-angela/

Duik Ángela – RxLaboratory

우측의 Orange Color색칠한 부분을 누르고 아래로 이동해서 Download해야한다.

 

01.  압축풀고 Scripts폴더위치에 DUIK폴더를 생성하고 DUIK 폴더를 만들고 ScriptUI Panels를 제외한 폴더와 파일을 Copy/Paste 한다.  

압축풀린 ScriptUI Panels속 제외된 Duik Bassel.2 파일은 아래 고유 폴더에 Copy&Paste해야한다.     

C:\Program Files\Adobe\Adobe After Effects CC 20XX\Support Files\Scripts\ScriptUI Panels

 

 

 

 

02. After Effects를 실행하고 Window 메뉴 하단에 Duik Bassel.2.jsx 목록을 보면 잘 설치가 된 것이다.  Duik Bassel.2.jsx을 누르면 스크립트 사용권한을 주기 위한 설정창을 띄우는 안내창의 Open Preferences 버튼을 누른다.

 

 

 

 

03. Preferences창에서 Allow sripts to write files and access network (스크립트가 파일을 쓰고 네트워크에 액세스하도록 허용) 항목에 Check하고 OK 버튼을 누른다.

 

 

 

04. Duik Bassel.2패널을 제일 패널이 적은 노트북용 Small Screen이라는 Workspace내어 포함시키고 다른 패널들은 정리한 후에 Small Screen Workspace를 Duik2라는 고유의 이름으로 New Workspace를 저장하면서 마무리 한다.

 

 

듀익을 이용한 리깅과 콘트롤러를 이용한 튜토리얼을 아래 영상을 Play 해보면, 멋지지만 많은 시간과 노력, 세밀한 조정이 필요한 노가다 작업이라는 것은 업계의 진실이다.  포토샵 파일(psd)보다는 일러스트레이터로 작업한 Ai파일을 가져다 사용하는 것을 추천한다.

 

 

 

한국에서도 듀익바젤에 대한 설치와 캐릭터 리깅을 소개하는 모션그래픽을 교육하는 유튜버 '맨땅그래픽'님의 튜토리얼 강좌가 있습니다.  C4D, Pr, Ae 등 꾸준하게 좋은 튜토리얼을 올리고 있으니 참고하시기 바랍니다.

 

 

또 다른 모션그래픽의 강자인 '띵킹프로그'님의 스케이트 보드 애니메이션 듀익바젤 강좌

 

Build UP!  Duik Angela

니자트 이브라힘리(Nijat Ibrahimli)의 11개의 튜토리얼로 보면 듀익 바젤의 업그레이드 버전인 듀익 엔젤라의 특징이 조금더 개선된 내용이라 볼 수 있다.  유튜브의 강좌 데이터양 축적는 듀익 바젤이 더 많기 때문에 엔젤라는 참고해야할 뭘 배워야 할 지... 

https://rxlaboratory.org/category/free-tutorials/

 

 

https://www.youtube.com/watch?v=WqMKMnTYrdY&list=PLZAr8tT8TcsQpq7Pg38-0J1LWhzeWYyUo

---

 

결과물로 봐서 이것이 듀익바젤 어떤 플러그인으로 제작한 애니메이션인지는 알 수 없습니다.

Character Animation GIF by Joycelyn Hoo

 

아래는 프리픽(freepik)에서 신체의 비율에 맞는 어린이에서 노인까지의 일러스트레이션입니다. 참고용으로 일러스트레이션에 적용 해보겠습니다. 아래 그림을 클릭하면 해당 페이지로 이동됩니다.

Freepik | Discover the best free graphic resources about black boy, 27,627 results

 

 

복잡한건 마찬가지군.
쉽게 만든 걸작은 없다구!

 

HOW TO ANIMATE  ▶LIST  

 

HOW TO MAKE A CARTOON  ▶LIST  

 

 

 

No Plugin - Null & CC Smear for Rig

 

 

 

 

After Effects에서의 Adobe Illustrator파일을 가져와 대부분 사용하지만, 간단한 형상은 펜툴을 사용하기도 합니다. 펜툴에 대해 잘 모르시면 사용법은 아래 강좌를 참고하세요