EFFECTS자연스러운 Blur를 만들어 주는 Cartoon Moblur 이펙트

이펙트의 이름에서 느껴지듯이 Cartoon Moblur는 오브제가 움직이는 모션 패스에 맞춰서 마치 잔상을 주는 효과를 보여줍니다. 이번에 업그레이드된 1.5 버전은 1.0 버전보다 좀 더 자연스러운 효과를 낼 수 있습니다. 3D로 변형되는 것도 지원하며, Parents 기능도 지원합니다.

일반적인 비트맵 이미지나 솔리드 레이어에는 적용이 안되고, Shape Layer에만 적용이 됩니다. 다시 말해서 Vector 기반의 레이어들에만 적용이 된다는 아쉬움이 있습니다.



1. Cartoon Moblur Effects Start

01. www.plugineverything.com에 들어가보면, Cartoon Moblur 외에 다른 이펙트들도 있습니다. Cartoon Moblur는 스크립트가 아니라 이펙트이기 때문에, Plug-ins 폴더 안에 넣어야 합니다. 일단, 간단하게 1초 동안 왼쪽에서 오른쪽으로 움직이는 Shape Layer 애니메이션을 만듭니다.

02. 애니메이션된 Shape Layer에 Effect > Plugin Everything에서 Cartoon Moblur 이펙트를 적용합니다.

03. 적용시킨 후, 이펙트의 옵션들을 확인해 보겠습니다. 퀄리티를 조절하고, 오리지널 이미지를 복제하는 옵션이 있습니다. 복제된 이미지의 컬러를 바꿔줄 수 있고, 그라데이션도 줄 수 있습니다.

04. Shutter Angle은 쉽게 말해서 이미지의 모션 패스를 따라서 복제되는 숫자를 결정한다고 생각하면 됩니다. 수치 값을 3000 정도로 입력하면, 그림처럼 움직이는 모션 패스를 따라서 복제된 이미지들이 겹쳐져 보입니다.

05. Enable Solid Fill 옵션을 체크하면, 원하는 컬러로 복제된 이미지들을 바꿔줄 수 있습니다.

06. Enable Ramp Fill을 체크하면, 2가지 컬러로 그라데이션을 만들 수 있습니다.

07. 좀 더 자연스러운 그라데이션을 위해 컬러를 바꿔보겠습니다. Start Color는 원의 컬러와 같은 오렌지로 설정하고, End Color를 블랙으로 하여 배경과 자연스럽게 연결되도록 하였습니다.

08. 컴포지션 윈도우에 있는 Toggle Transparency Grid를 클릭하여 배경 컬러를 없앤 후 확인해보면, 그림처럼 보여집니다. 그라데이션 부분이 알파 채널 형식으로 없어지는 것이 아닙니다.

09. Swap Colors 버튼을 누르면, Start Color와 End Color가 서로 바뀝니다.

10. Opacity 값을 50%로 설정한 다음, 어떻게 보여지는지도 확인해봅니다.

2. Typo 적용

01. 이번에는 Typo에 적용해 보겠는데, 아주 얇은 폰트로 적용합니다. Typo의 중심축을 MOTIONLAB의 B 철자의 오른쪽 하단에 위치시킵니다.

02. Shutter Angle 값을 앞서 준 3000의 2배인 6000을 입력했는데, 그림처럼 복제된 라인들이 보여집니다. 이처럼 만약 라인이 얇으면 다른 방법을 사용해야 합니다.

03. 일단 1초 동안 360도로 회전을 시켜보겠습니다. 애니메이션을 만들어서 확인합니다.

04. 이제 앞서 작업한 것과 같이 자연스러운 느낌이 되려면, Motion Threshold 값을 0.1로 입력합니다. 이 수치가 작을수록 밀도가 높아집니다. 다시 말해서, 복제되는 이미지의 간격이 좁아진다는 것입니다.

05. 애니메니션을 시켜서 확인해봅니다.

3. 3D가 적용되는 Cartoon Moblur

01. Cartoon Moblur가 1.5 버전으로 업그레이드되면서 3D 기능을 지원합니다. 엄밀히 말하면, 3D같은 기능을 지원한다고 하는 것이 맞습니다. 먼저, Shape Layer를 하나 만든 다음에 왼쪽에서 오른쪽으로 1초 동안 이동하는 애니메이션을 만듭니다. 이때 회전을 360도 시켜보겠습니다. 그러면 그림처럼 한 바퀴를 돌면서 이동하는 애니메이션이 만들어집니다.

02. Shape Layer에 또 다른 멀티 Path를 만들어보겠습니다. 맨 처음에 만든 별 모양의 Shape Layer를 선택한 다음에 작은 원을 하나 그려서 뾰족한 끝부분에 위치시킵니다. 이런 방식으로 4개를 더 복제하여 그림처럼 각각의 위치에 가져다 놓습니다. 타임라인을 확인해보면, 그림처럼 보여질 것입니다.

03. 이제 Shape Layer의 Anchor Point를 조절해보겠습니다. X, Y 축을 움직이면, 그림과 같이 꽈배기처럼 꼬여지는 모습을 볼 수 있을 것입니다.

04. Shape Layer의 사이즈를 조금 줄여보겠습니다. 사이즈를 35%로 줄입니다.

05. 애니메이션을 만들어서 확인해보겠습니다. 마치 3D 공간상에서 휘어지듯이 움직이는 애니메이션을 볼 수 있을 것입니다. 3D처럼 보여지지만, Z축 없이 시각적으로 보여지는 3D 느낌입니다.

4. 원하는 컬러 및 글라데이션 효과 적용하기

01. Shutter Angle 값을 4000으로 입력하고, Enable Ramp Fill을 체크합니다.

02. 이번에는 Shape Layer 컬러에 그라데이션을 적용시켜보겠습니다. Shape Layer의 옆에 있는 Add를 클릭하여 팝업 메뉴에서 Gradient Fill을 선택합니다. Fill Options에서 오른쪽에 있는 원형 그라데이션 아이콘을 클릭합니다.

03. 레드와 블루로 그라데이션을 만듭니다.

04. 이처럼 원본이 되는 Layer의 컬러를 변형함으로써 원하는 느낌을 얻을 수 있습니다. 현재는 Shape Layer에 그라데이션을 했지만, Pre-Comp 기능을 이용하여 만들 수도 있습니다.

5. 볼륨감 있는 효과 내기

01. 이번에는 볼륨감 있는 효과를 만들어보겠습니다. 먼저, MOTIONLAB이라는 Typo를 Type 툴로 만듭니다. 그런 다음, 화면 중앙에서 사이즈가 계속 커져서 화면을 뒤덮을 정도로 만듭니다.

02. Type Layer에 Cartoon Moblur 이펙트를 적용합니다. Shutter Angle 값을 3000으로 입력하고, Enable Solid Fill을 체크합니다.

03. 다시 애니메이션을 만들어서 확인해봅니다.

04. 앞서 만든 애니메이션의 Motion Threshold 값은 1입니다. 이번엔 그 값을 20으로 입력합니다. Motion Threshold 값이 커질수록 그림과 같이 계단 현상이 보여집니다.

05. 이런 계산 현상이 보일 때 사용할 수 있는 것이 바로 Utility 옵션에 있는 Samples Scale입니다. 현재 이 애니메이션은 Scale이 커지는 애니메이션입니다. 그래서 Samples Scale 값이 적용되는 것입니다. 만약, Position의 이동이었다면 아무런 효과가 나지 않습니다. 그렇다면, 바로 그 밑에 있는 Samples Rotation 기능도 알고 있으리라 생각됩니다. 바로 회전을 시킬 경우 계단 현상이 보여진다면, 이 값을 높여주면 됩니다. 기본값은 1이며, 5까지 올려 줄 수 있습니다.

6. 3D적인 표현 및 Parent 이용하기

01. Cartoon Moblur 이펙트에는 Motion Source라는 옵션이 있습니다. 여기에서 지정한 Layer의 움직임을 최우선 한다는 기능입니다. 2개의 Shape Layer를 만듭니다.

02. Null Layer를 하나 만들어서 두 Layer 사이에 위치시킵니다.

03. Null Layer가 2초 동안 왼쪽에서 오른쪽으로 움직이는 애니메이션을 만듭니다. 원형의 Shpa Layer 2개에 Cartoon Blur 이펙트를 적용합니다. 2개 모두 Motion Source를 Null Layer로 선택합니다.

04. 원형의 Shpale Layer를 Null Layer에 Parent시킵니다.

05. 애니메이션을 만들어보겠습니다. Null Layer의 움직임에 따라서 2개의 원형 Layer가 움직입니다.

06. 이제 Null Layer의 Scale에 키프레임을 만듭니다. 처음엔 30%, 1초 정도에 100%, 2초에 다시 30%로 3개의 키프레임을 만듭니다.

07. 그런 다음, 다시 애니메이션을 만들어보면, 그림처럼 공간감이 느껴지는 애니메이션이 만들어졌습니다. Cartoon Moblur를 적용한 Layer에 움직임이나 크기 및 회전 값에 변화가 없다면 아무런 효과도 나지 않습니다. 대신 Parent시키거나 Motion Source에서 움직임이 있는 Layer를 선택하면 그것에 맞춰 움직입니다.

7. Time Threshold 기능

01. Time Threshold 기능은 1.5 버전에 새롭게 추가된 기능입니다. 우리는 키프레임 애니메이션을 할 때, 가속과 감속에 대해 배웠습니다. 이럴 경우, 복제되는 부분을 좀 더 다이나믹하게 보여줄 수 있게 만들어 주는 기능입니다. 현재는 오브제가 빠르게 움직이다가 서서히 멈추는 밸로시티 곡선입니다.

02. 여기에 Cartoon Moblur 이펙트를 적용하면, 그림처럼 균일한 간격으로 복제된 잔상들이 보여집니다. 별로 재미가 없습니다.

03. 이때, Time Threshold 값을 조금 높여주면, 그림처럼 빠른 부분과 느린 부분에 복제되는 잔상이 다르게 나타납니다.

8. Echo 이펙트

01. 사실 Cartoon Moblur와 유사한 이펙트는 바로 기본 이펙트 중 하나인 Echo 이펙트입니다. Echo 이펙트를 적용하면, 기본적으로 그림처럼 보여집니다. 물론, 아래 그림은 Number Of Echoes 값을 10으로 높여준 것입니다.

02. Number Of Echoes 값을 354로 입력하고, Echo Time을 -0.001로 입력하면, 그림처럼 밀도가 높은, 다시 말해서, 라인처럼 보여집니다.

03. Decay 값을 0.98로 입력하면, 끝부분이 서서히 사라지는 그라데이션같은 효과도 만들 수 있습니다.

Cartoon Moblur같은 이펙트를 적용할 경우, 컴퓨터의 속도가 약간 느려지는 것을 느끼셨을 것입니다. 이와 같이, 여러 개의 잔상을 모여주는 듯한 효과나 스크립트들은 어쩔 수 없이 CPU 및 그래픽카드의 사양에 의존할 수 밖에 없습니다. 그래서 본인의 컴퓨터가 저사양이라면, 이런 것들은 별도로 렌더링을 하여(알파 채널 포함하고) 작업하는 방법도 하나의 팁입니다.