SCRIPTSuper Liquids 스크립트

Liquid 종류의 작업을 할 때 고생스러웠을 겁니다. 프레임을 하나씩 그리지 않아도 간단하게 Liquid 작업을 가능하게 만들어 주는 Super Liquids Script를 소개해드리겠습니다.



1. Super Liquids

01. Frame by Frame으로 작업하던 Liquid 애니메이션을 손쉽게 만들 수 있는 Super Liquids Script를 소개해드리겠습니다. 반드시 수작업이 필요한 Liquid 애니메이션을 제외하고, 간단하게 Liquid 애니메이션을 만들 경우에는 이 Script가 상당히 유용합니다.

Liquids per Frame은 한 프레임당 Liquid Source Layer가 5개씩 생성되어지는 것을 뜻합니다. 수치 값을 높일수록 Layer들이 많이 생성됩니다. Frame Skipping은 입력한 수치에 맞게 Layer들이 생성되는 시간을 건너뛰게 되며, 1~30까지 입력할 수 있습니다. 만약, 이 수치 값을 30으로 입력하면, 생성되는 Layer들이 1초마다 생성됩니다. Speed Threshold는 Layer들이 생성되는 속도를 제어합니다. 수치 값이 높아질수록 생성되는 Layer들이 빨리 만들어집니다.

02. 간단하게 Super Liquids를 사용하는 방법에 대해 알아보겠습니다. 먼저, 정사각형 박스 모양의 Shape Layer를 하나 만듭니다. 키프레임 2개로 간단한 1초짜리 애니메이션을 만듭니다.

03. 그런 다음, 모양이 다른 3개의 작은 Shape Layer를 그림처럼 만듭니다. 어떻게 생성이 되는지를 알기 위해서 원, 사각형, 삼각형으로 만들어 보았습니다. 이것들이 Particle처럼 사용될 것입니다.

04. Super Liquids Script를 적용하기 전에 중요한 부분은 맨 먼저 애니메이션이 된 Layer를 선택하는 것입니다. 그런 다음에 나머지 Layer들을 선택해주면 됩니다. 반드시 애니메이션을 시킨 Layer를 먼저 선택해야 합니다. 그리고 Generate 버튼을 클릭합니다.

05. 맨 처음 선택한 Layer의 이름으로 Pre Comp가 만들어져서 타임라인에 그림처럼 보일 것입니다.

06. RAM Preview를 시켜보면, 그림처럼 정사각형이 애니메이션되는 Motion Path를 따라서 마치 Particle처럼 작은 도형들이 흩날리는 것을 볼 수 있을 것입니다.

2. Super Liquids Effects 옵션들

01. [ANI_main] Composition Layer를 선택하고, Effects Controls를 보면, 그림처럼 다양한 옵션이 있는 이펙트가 적용되어 있습니다. 여기에서 Particle들을 컨트롤할 수 있습니다. Velocity 값이 300으로 설정되어 있는데, 이것을 0으로 입력하면, 정사각형이 움직인 Motion Path를 벗어나지 않고, Particle들이 정직하게(?) 생성됩니다. 기본 값은 300으로 설정되어져서 현재는 Particle이 만들어지면서 약간 위쪽으로 흩날리면서 사라지게 됩니다. Transform 옵션은 Particle 전체의 X, Y축 이동이나 회전을 제어합니다. Particle 옵션은 생성된 Particle들의 사이즈나 Life(화면에서 보여지는 시간)또는 투명도 및 컬러를 설정해주는 옵션입니다. Physics는 Particle들의 물리적인 움직임을 제어하는 옵션입니다. Amplitude는 각 Particle이 움직이는 폭을 제어합니다. Frequency는 각 Particle이 움직이는 진동 수를 제어합니다. 수치 값을 높여주는 각 Particle들이 정신없이 바들바들 흔들리게 됩니다. Noise에 있는 Amplitude와 Frequency는 위에 설정되어 있는 Physics의 옵션들을 좀 더 통합적으로 쉽게 컨트롤할 수 있게 만든 메뉴입니다.

02. Velocity 옵션을 300으로 했을 경우와 0으로 설정했을 경우를 비교해보면 그 차이점을 눈으로 확인할 수 있습니다.

03. 과연 어떤 원리로 이런 작업이 가능할까요? [ANI_main] Composition Layer를 더블 클릭하여 확인해보겠습니다. Super Liquids Script는 Particle을 눈속임이 아닌 보여지는 숫자만큼 Layer를 만들어서 보여주는 방식입니다.

04. 각 Layer마다 Expression이 모두 연결되어 있다는 것도 확인할 수 있습니다.

05. Particle들이 좀 더 빨리 사라지게 하고 싶다면, Life의 수치를 낮춰주면 됩니다. Particle들의 사이즈도 여기에서 조절해주면 됩니다.

06. 하단에 있는 Noise 옵션은 각 Particle들이 움직이는 정도와 움직이는 거리를 수치로 간단하게 컨트롤할 수 있습니다. Noise Amplitude 값을 높여주면, Particle들이 사방으로 점점 흩어지게 됩니다.

3. Apply Extra Effects

01. Ani_원이라는 원형 Layer를 하나 만들고, 2초 동안 왼쪽에서 오른쪽으로 이동하는 애니메이션을 만들어보았습니다. 그런 다음, Particle의 요소로 쓰일 작은 원 2개를 별도로 만듭니다. Ani_원 Layer를 선택한 다음, 나머지 2개의 Layer를 선택합니다.

02. 이번에는 Apply Extra Effects 옵션을 체크한 다음에 Generate 버튼을 누릅니다.

03. 애니메이션을 시켜봅니다. 영상이 전체적으로 Liquid 느낌으로 바뀌었습니다.

04. Apply Extra Effects 옵션을 체크해서 어떤 부분이 바뀌었을까요? 바로 Displacement와 Extra 부분입니다. 적용된 효과를 보면, Roughen Edges 이펙트가 생각날 것입니다. 만약, Displacement의 Amount 값을 0으로 입력하면, 그림처럼 왜곡현상이 없어지고, 원들이 마치 점성이 있는 액체처럼 애니메이션이 됩니다.

05. 이번에는 Extra에 있는 Liquify 값을 0으로 입력합니다. 원들의 왜곡된 현상은 유지하면서 액체같은 느낌은 사라지게 됩니다.

06. 이번에는 Displacement의 값을 150으로 입력해봅니다. 엄청나게 형태가 왜곡되는 것을 볼 수 있습니다.

4. Animation Particle Source

01.이번에는 Particle Source를 애니메이션되는 것으로 작업해보겠습니다. 펜 툴로 간단하게 직선을 만들고, add에서 Zig zag 효과를 적용하여 곡선 형태로 만듭니다. 그런 다음, Trim Path를 이용하여 Stroke 애니메이션을 만들어보겠습니다.

02. 라인이 만들어진 상태에서 사라지는 스타일로 애니메이션을 만들었는데, Trim Path에서 End 옵션만 이용했습니다.

03. 같은 방법으로 총 3개의 크기가 다르고 컬러가 다른 애니메이션을 만들어봅니다.

04. 이제 애니메이션이 되는 흰색 사각형 Layer를 선택한 후, 나머지 3개의 라인을 선택합니다. 그런 다음, Generate 버튼을 누릅니다.

05. 애니메이션을 시켜보면, 앞서 보여드렸던 애니메이션과는 느낌이 사뭇 다른 애니메이션이 보여집니다. 그 이유는 각 Particle로 사용된 소스들 자체가 애니메이션이 되기 때문입니다.

5. Typo Liquid Animation

01. 이번에는 Typo Liquid 애니메이션을 만들어 보겠습니다. MOTIONLAB이라는 글자를 타입 툴로 쓴 다음에 Shape Layer로 바꾸었습니다. Shape Layer로 바꾸기 싫은 분들은 그냥 그대로 사용해도 무방합니다. 그림처럼 상단에서 화면 정중앙으로 내려오는 애니메이션을 만들어보았습니다. 점점 사이즈가 줄어드는 애니메이션입니다.

02. Particle Source로 사용될 작은 원형 Layer 3개를 만듭니다. 애니메이션된 Type Layer를 선택한 다음, Particle로 사용될 나머지 3개 Layer를 선택합니다. Apply Extra Effects를 체크하고, Horizontal을 선택한 다음, Generate 버튼을 누릅니다. 아시다시피 Horizontal은 가로, Vertical은 세로입니다. 그런데 사실 작업을 해보면 애니메이션이 되는 오브제의 Motion Path 방향에 따라 Particle의 방향이 더 좌우됩니다. Horizontal로 선택하면, Motion Path의 맞춰서 Particle들이 가로 방향으로 일정하게 이동하는 것을 볼 수 있으며, Vertical로 설정했을 경우, Particle이 좀 더 상하로 퍼져나가는 것을 볼 수 있습니다.

03. 애니메이션을 해보겠습니다. 커졌던 타입이 작아지면서 아래로 내려오는 애니메이션입니다. 애니메이션을 확인해 보면, 마지막 부분에 무슨 글자인지를 알아볼 수 없을 정도로 Liquid같이 변해버린 것을 확인할 수 있습니다. 이제 이 부분을 수정해보겠습니다.

04. 엔딩 부분에서는 글자가 어느 정도 제대로 보여야 하므로 Liquify 값을 조금 줄여줘야 합니다. 그래서 첫 부분에서는 Liquify 값을 30으로 설정하고, 뒷부분에서는 10정도로 값을 줄여주겠습니다.

05. 다시 애니메이션을 만들어보겠습니다. Liquify 값을 30에서 10으로 줄여주었기 때문에, MOTIONLAB이라는 글자가 중앙으로 갈수록 점점 Liquify 값이 줄어들어서 원본에 가까운 모습으로 바뀌게 됩니다. 만약, 여기에 Displacement의 Amount 값까지 점점 줄여주는 키프레임을 만든다면, 엔딩 부분에서는 제대로 된 오리지널 글자를 볼 수도 있습니다.