몇 가지 이펙트를 이용하여 손 쉽게 한 번의 클릭만으로 원하는 Layer를 말랑말랑하고 부드러운 고무 같은 느낌으로 만들어주는 Soft Body Extension을 소개해드리겠습니다.

aescripts.com/soft-body/ 사이트에 들어가면 구매할 수 있습니다.

1. Install

01. Extension은 일반적으로 인스톨을 주로 해야 합니다. ZXP 포맷이 제일 많습니다. 물론, exe 실행 파일로 된 것들도 있습니다. 그래서 ZXP 인스톨러를 설치해서 인스톨을 해야 합니다. Adobe에서도 제공하고 있지만, Aescript.com에서 무료로 제공하는 인스톨러가 사용해본 것들 중에서는 제일 좋아서 추천 드립니다. https://aescripts.com/learn/zxp-installer/ 에서 다운 받으면 됩니다. 인스톨러를 설치한 다음에 인스톨하고자 하는 ZXP 파일을 드래그 앤 드롭으로 창에 올려놓거나 더블 클릭을 하면, 아래 그림처럼 인스톨이 시작됩니다. 컴퓨터에 있는 버전에 맞춰서 자동으로 인스톨합니다.

2. Soft Body 사용 방법

01. 설치가 끝난 후에 Window > Extensions에서 찾을 수 있습니다. 사실 요즘에 나오는 Extension들에 비해, U.I가 조금 오래된 듯한 느낌을 주긴 합니다. 옵션도 그리 많지 않아서 사용하기에는 그리 어렵지 않습니다.

02. 일단, 원 2개를 만듭니다. Orange와 White로 각각 이름을 정합니다.

03. Soft Body는 크게 2가지로 분류됩니다. Collider Layer와 Soft Body Layer입니다. 흰색 작은 원을 선택하고, Select Collider Layer 옆에 있는 버튼을 누릅니다. 오렌지색 원을 선택하고, Soft Body Layer 옆에 있는 버튼을 눌러줍니다. 버튼을 누르면, 각각 선택된 해당 Layer의 이름이 보입니다. Apply 버튼을 클릭합니다.

04. 이제 모든 작업이 끝났습니다. 정말 간단합니다. 충돌할 물체(Collider Layer)와 어떤 물체가 부딪쳤을 때, Layer가 부드러운 풍선처럼 변하게 할 물체(Soft Body Layer)를 정해주고, Apply만 클릭하면 됩니다.

05. 애니메이션을 시켜보면, 그림처럼 보입니다.

3. Soft Body 옵션

01. 오렌지색 원을 선택하면, 그림처럼 많은 이펙트들이 적용되어 있음을 알 수 있습니다. 여러 개의 이펙트 중에서 사용자가 수정할 부분은 맨 마지막에 있는 Soft Body Setting입니다. 여기에 있는 옵션들을 수정하여 Soft Body의 모양을 변형할 수 있습니다.

02. Soft Reaction 값을 조절하면, 표시된 부분의 모양을 바꿔 줄 수 있습니다.

03. 작업이 끝났는데도 Soft Body 부분에 오렌지색 원 Layer가 선택되어 있는 상태로 나옵니다. 자! 이제 여기에 또다른 Layer를 하나 추가해보겠습니다. 펜 툴로 삼각형을 하나 그립니다.

04. 삼각형 Layer를 선택하고, Collider Layer 버튼을 클릭하여 등록시킵니다.

05. 삼각형 Layer를 오렌지색 원 Layer에 가깝게 위치시키면, 그림처럼 될 것입니다. 이제 오렌지색 원 Layer를 선택한 다음에 이펙트 창을 확인해 보기 바랍니다. 기존에 오렌지색 원 Layer가 가지고 있었던 Soft Body 이펙트들에 하나가 더 추가되었습니다. 자세히 보면, 어디서 많이 보았던 이펙트입니다. 바로 Set Matte 이펙트입니다. 기존의 작은 흰색 원에 맞춰서 Soft Body 옵션을 조절했기 때문에, 뾰족하거나 형태가 복잡한 것들은 제대로 효과가 나질 않습니다.

06. 이펙트 중에 SB_SR이라는 이펙트를 확인해보기 바랍니다. 자세히 보면, 이 역시 어디서 많이 봤던 이펙트입니다. 바로 Roughen Edges 이펙트입니다. 이 이펙트를 잠시 꺼보겠습니다. 그러면 아래 그림처럼 삼각형 또는 복잡한 형태의 Layer도 그림처럼 보이게 됩니다. 물론, 이펙트는 앞서 적용한 것보다 멋져 보이진 않습니다.

07. 애니메이션을 시켜보면, 이렇게 보이게 됩니다.

08. 추가한 삼각형 Layer를 삭제해보겠습니다. 이 부분이 생각보다 쉽지 않은 부분입니다. 그냥 삼각형 Layer를 선택한 다음, Delete 키를 눌러서 삭제하면, 그림처럼 오렌지색 원 Layer도 함께 사라집니다. 그 이유는 두 Layer가 Set Matte로 연결이 되어있기 때문이라고 생각하면 됩니다.

09. 이 문제를 해결하려면, 오렌지색 원 Layer를 선택한 다음, Set Matte가 적용된 부분을 먼저 삭제합니다. 그런 다음에 삼각형 Layer를 선택해서 삭제하면 됩니다.

4. Style 추가

01. 2D적인 느낌에서 앞서 보여드린 Soft Body 애니메이션이 나오는 것 보다는 약간 입체적인 느낌에서 보여지는 것이 더 자연스럽게 보일 수도 있습니다. 2D적인 이미지를 약간 3D스럽게 스타일을 바꿔보겠습니다. 오렌지색 원 Layer에 Emboss 이펙트를 적용합니다. 약간 입체적인 느낌으로 바꿔줄 수 있습니다.

02. CC Light Sweep 이펙트로도 가능합니다. 이것 같은 경우는 밝은 부분과 반사광 부분을 양쪽에서 적용해야 하므로, 같은 이펙트를 2번 적용하여 만들어주는 것이 좋습니다.

03. 작은 파란색 원에도 똑같이 적용합니다. 하지만, 앞서 적용한 오렌지색 원 Layer와 사이즈가 많이 달라서 옵션 값들은 조금 조절을 해줘야 합니다.

04. 애니메이션을 시켜서 확인해보기 바랍니다. 2D적인 느낌보다 3D적인 느낌이 더 효과를 극대화시켜주는 듯합니다.

5. 두 가지 성질을 지닌 오브제

01. 이번에는 하나의 Layer가 Collider Layer이면서 Soft Body Layer가 되는 방법을 설명드리겠습니다. Collider Layer에 파란색 바닥 Layer를 선택하고, 흰색 공을 Soft Body로 적용합니다.

02. 만약, 흰색 공이 떨어져서 바닥에 닿으면, 그림처럼 될 것입니다. 눌려서 찌그러진 듯 보입니다.

03. 이번에는 파란색 바닥 Layer를 Soft Body로 등록하고, 회색 공을 Collider Layer로 등록한 다음에 Apply를 누릅니다.

04. 2개의 작은 원 Layer가 바닥에 닿으면, 그림처럼 될 것입니다. 흰색 공에게 바닥 Layer는 Collider Layer이며, 회색 공에게는 Soft Body Layer가 되는 것입니다.

05. 이제 흰색과 회색 공이 바운스되는 애니메이션을 만들어보겠습니다. 일단, Position의 속성을 분리하여 X Position과 Y Position 속성을 나눕니다. 그 이유는 Y축 Position만 애니메이션을 시킬 것이기 때문입니다. Y축 Position Value Graph 속성을 그림처럼 뾰족한 모양의 그래프로 만들어주면 됩니다.

06. 애니메이션을 만들면, 그림처럼 보일 겁니다.

간단한 메뉴와 인터페이스로 사용자를 편하게 한 것은 좋지만, 너무 심플하여 단순해 보이는 Soft Body Extension. 좀 더 다양한 메뉴와 옵션이 있었으면 하는 아쉬움이 약간 남는 Extension입니다.