일반적으로 시중에서 판매하는 Liquid 관련 템플릿들을 살펴보면, Mask로 작업된 것이 많습니다. 거의 하나하나 수작업의 결과물입니다. 디테일한 작업을 원한다면, 이렇게 작업하는 것이 맞습니다. 하지만, 너무 시간이 오래 걸립니다. 그리고 드로잉 능력(?)까지 요구되기도 합니다. Frame by Frame으로 그려서 After Effects로 불러들여와 Mask Path로 변환하여 사용하는 것이 일반적인 방법입니다. 이번에 나온 Splash Script는 그러한 작업을 좀 더 손쉽게 작업할 수 있도록 단순화시킨 Script로, After Effects에서 제공하는 기본적인 Particle을 이용하여 만든 Script입니다.



1. Download & Install

01. After Effectsscripts.com/splash/ 에 들어가면, 29.99달러에 구매할 수 있습니다. 다운 받아서 C > Program Files > Adobe > Adobe After Effects CC 2019 > Support Files > Script > ScriptUI Panels 안에 넣어 주기만 하면 됩니다.

Splash Script를 실행하면, 아래 그림과 같은 패널이 나오며, Splash Script는 크게 2가지로 나뉩니다. 첫 번째는 물방울이 튀는 듯한 느낌을 내주는 Splash입니다. 버튼은 왼쪽 상단에 있는 Splash Logo처럼 생긴 것이 버튼입니다. 워낙 Logo처럼 생겨서 처음에는 버튼이 아닌 줄 착각했습니다. 바로 밑의 영역은 Blob(방울)인데, 마치 방울과 같은 오브제가 생성됩니다. 이렇게 2가지로 섹션을 나눠 놓은 이유는 사용자 편이성 때문입니다. 사용자가 원하는 오브제에 Slash만 필요할 경우와 아무것도 없는 상태에서 무엇인가 휙 날아가면서 Liquid적인 것이 필요한 경우를 위해 나눈 것으로 보입니다.

2. Blob 적용하기

01. Blob과 Splash를 적용하기 위해서는 가상의 Motion Path가 필요합니다. 다시 말해, Null Layer를 하나 생성하여 이것을 가지고 키프레임을 줘서 Motion Path를 만들어줘야 합니다. 물론, 다른 오브제가 있고, 그 오브제가 움직인다면 오브제를 선택하고 Splash를 적용해도 상관없습니다. 밸류 그래프를 조절하여 가속과 감속을 주었습니다.

02. Null Layer를 선택하고, Blob 버튼을 먼저 눌러보겠습니다. 버튼을 누르면, ‘blob이 생성되었다’는 대화상자가 나오고, Composition에 작은 원 모양의 Shape Layer가 보입니다.

03. 애니메이션을 시켜보면, Blob이 빠르게 움직일 때는 길게, 천천히 움직일 때는 작게 보입니다.

04. 어떻게 이런 모양이 만들어지겠습니까. 생성된 Blob Layer에 적용된 이펙트들을 살펴보면, 그 해답이 나옵니다. 총 3개의 이펙트가 적용된 것입니다. 밑에서부터 눈을 하나하나씩 꺼보면서 확인해보겠습니다.

05. Particle Playground 이펙트를 먼저 적용하여 그림처럼 만들어주는 것입니다.

06. 여기에 Fast Box Blur를 적용합니다.

07. 마지막으로 Levels 이펙트를 적용합니다. 이런 순서로 간단하게 Liquid 같은 모양을 만들어 낼 수 있습니다.

08. Blob이 가지고 있는 속성들을 살펴보겠습니다. Blob 사이즈는 물방울처럼 보이는 오브제의 사이즈를 키워줍니다. Blob Stretch는 오브제를 길게 늘어나게 해줍니다.

09. Blob 컬러는 오브제의 컬러를 바꿔줍니다.

10. Physics에 있는 Gravity와 Gravity Angle은 오브제들에게 중력 값을 적용시킵니다. 물론, 말도 안되는 이야기입니다. After Effects에서 말하는 중력 값은 방향성에 대한 이야기입니다. 중력 값이라고 이야기하는 것이 이해하기 편하니까 그렇게 표기하는 것입니다.

3. Splash 적용하기

 
01. 이번에는 Splash를 적용해보겠습니다. 앞서 말씀드린대로 Splash 버튼을 클릭하면 곧바로 적용됩니다. 물론, Layer를 선택한 상태에서 클릭해야 합니다. 옆에 있는 ‘?’ 버튼은 Help 버튼입니다. Quantity는 생성되는 Particle의 숫자라고 생각하면 됩니다. 수치 값을 너무 올리면, 컴퓨터가 많이 느려지기 때문에, 3개에서 6개 정도가 좋을 듯합니다. Preset에는 6개의 미리 설정된 Preset들이 있습니다. 이 부분은 마지막에 설명드리겠습니다.

02. Layer를 선택하고 Splash를 클릭하면, 3개의 Splash가 생성되었다는 경고창이 나옵니다.

03. 그런데 생성되었다고 하는 Splash가 안보여서 더 당황할 수도 있습니다. 앞서 설명드린 ? 버튼을 클릭해서 보면, 개발자가 이 부분에 대해서 설명을 해놓은 것이 있습니다. 안보이는 이유는 바로 Speed Threshold의 수치 값 때문입니다.

04. Speed Threshold 수치 값을 낮춰야 합니다. 수치 값을 0으로 입력하면, 바로 보일 것입니다. 현재 Blob Layer 위에 Splash가 나타납니다. Blob Layer를 Splash Layer의 위로 위치를옮겨보겠습니다. 

05. Blob의 컬러도 Splash에 맞춰서 바꾸었습니다. Splash는 생성되는 컬러와 소멸되는 컬러로 2가지 컬러를 설정할 수 있습니다.

06. 간단하게 애니메이션을 시켜보았습니다.

07. Position Spread는 오브제의 사이즈에 맞춰서 사용하라고 만들어 놓은 옵션입니다. 움직이는 오브제의 사이즈가 크다면, Position Spread 값을 크게 해야 그림처럼 Particle들이 퍼지게 됩니다.

08. Amplitude(진폭) 값을 크게 하면, 그림처럼 Particle들의 간격이 안 보일만큼 이어집니다.

09. Initial Velocity 값을 크게 입력하면, 마치 고삐 풀린 망아지처럼 사방으로 Particle이 움직입니다. 

10. Direction Randomnes는 Particle들의 방향을 랜덤하게 만들어서 사방으로 움직이게 합니다. 

11. Manual Direction은 매뉴얼대로 Particle의 방향을 정해주는 것입니다. 일단, Manual Mode를 체크하고, Direction을 정해주면, Splash에서 생성된 Particle들이 정해준 방향으로 움직이게 됩니다. 일반적으로 연기 또는 불 같은 것을 표현할 때 사용되곤 합니다.

12. Splash Script는 옵션 중에 재미있는 기능이 있습니다. Generator와 Particle 부분에 공통되게 Random 옵션이 있습니다. Random 옵션을 보면, 동일한 옵션들이 모두 있으면서 그것들이 모두 랜덤 입력이 가능하도록 되어 있습니다. 이 부분 때문에 비슷한 옵션이더라도 조금씩 다른 비쥬얼이 나올 수 있는 것 같습니다.

13. Time Offset은 발생되는 시간에 관한 옵션입니다. 수치 값을 높여주는 Particle이 좀 더 먼저 앞서 나가게 됩니다. 이 옵션으로 오브제를 따라가는 적절한 Particle의 속도를 조절할 수 있습니다.

14. 이번에는 Particle 옵션을 알아보겠습니다. Lifespan은 Particle의 생명력이라고 생각하면 됩니다. 화면상에서 보여지는 시간을 뜻합니다. 일반적으로 1초에서 2초 사이가 디폴트입니다. 간혹, 빨리 생성되었다가 빨리 사라지는 애니메이션을 만들려면 .3 또는 .5로 입력하면 됩니다.

15. Size는 Particle의 사이즈를 결정해줍니다. 같은 사이즈로만 Particle이 나오면 재미가 없습니다. 그래서 Size Randomness 옵션이 있습니다.

16. 앞서 말씀드린대로 Particle이 생성될 때와 소멸될 때의 컬러를 다르게 설정해 줄 수 있습니다.

17. 이제 Physics 부분을 알아보겠습니다. Gravity와 Gravity Angle 값을 조절하여 Particle들이 생성된 후에 소멸될 때의 움직임을 결정할 수 있습니다. 현재는 옵션으로는 생성된 Particle들이 밑으로 내려가면서 소멸됩니다.

18. Resistance는 저항에 관한 옵션입니다. 우리가 앞으로 걸어가려 할 때, 누군가 뒤에서 잡아당기면 걸어가기가 힘듭니다. 그것과 같은 원리입니다. Resistance 값을 높이면, Particle들이 진행 방향으로 움직이지 않게 됩니다.

4. Preset이란?

01. 사실 Preset은 별것도 아닙니다. 여러분들도 충분히 만들 수 있고, 수정도 가능합니다. 앞서 설명드렸던 것들을 기억하고 있다가 Preset 적용 시, 옵션들을 잘 살펴보면 됩니다. 아래 그림은 Smoke Preset입니다.

02. Smoke가 적용된 상태에서 Layer를 선택한 다음에 Preset을 Fire로 바꿉니다. 그런 다음, Splash 버튼 밑에 있는 원형의 화살표 아이콘을 클릭하면, 업데이트가 됩니다.

03. Flicky Liquid Preset입니다. 만약, 화면에 아무것도 안 보인다면, Speed Threshold 값을 0으로 바꿔 보길 바랍니다.

04. Write On Preset입니다. 화면에 아무것도 안 보인다면, Speed Threshold 값을 0으로 바꿔 봅니다.

05. Bubbles Preset입니다. 화면에 아무것도 안 보인다면 Speed Threshold 값을 0으로 바꿔 봅니다.

06. Short and Thin Preset입니다. 화면에 아무것도 안 보인다면, Speed Threshold 값을 0으로 바꿔 봅니다.

07. 나만의 Preset을 만드는 방법도 간단합니다. 본인이 원하는 옵션으로 Splash를 만든 다음에 Splash 버튼 밑에 있는 연필 모양의 아이콘을 클릭하면 됩니다. 클릭하면, Preset의 이름을 입력할 수 있는 창이 나옵니다. 여기에 예를 들어, motionlab이라고 입력하면, 곧바로 팝업 메뉴에서 찾아볼 수 있습니다. 간단합니다.