EFFECTSGrid 생성과 애니메이션, Reka Grid Effect

motionlab
조회수 3186

모션 그래픽 작업을 할 때, BG가 되는 영상이나 U.I 작업에도 활용도가 높은 Reka Grid Effects를 소개해드리겠습니다. Reka Grid Effect는 Volna 2 Effect로 잘 알려진 Irrealix社에서 만들었는데, Particle 개념처럼 Grid를 만들어주는 Effect입니다. 다양한 옵션이 있어, 규칙적이지 않은 스타일을 연출할 수 있어서 좋은 것 같습니다. 그리고 여러 개의 소스들을 중첩하여 사용할 수 있으므로, 좀 더 많은 경우의 수가 나오는 것도 Reka Grid Effect의 장점이라고 볼 수 있습니다.



1. Install 및 기본 사용 방법


Install은 RekaGrid.aex를 Support Files > Plug-ins 안에 넣어주면 됩니다. Solid Layer를 생성해서 적용시켜보겠습니다.



02. Effect를 처음 적용시킨 상태입니다. 마치, Particular Effect를 적용한 것과 비슷한 느낌이 납니다.



03. Horizontal Count와 Vertical Count를 조절하여 화면에 표시되는 Shape의 숫자를 정할 수 있습니다. Grid Width와 Height를 조절하여 가로와 세로로 확장시킬 수 있습니다.



04. 하단에 있는 Shape에 있는 옵션으로 형태를 바꿔줄 수 있습니다. 사각형, 원, 삼각형 등 다양한 기본 도형들도 만들 수 있으며, Shape Rounding Radius에서 각 모서리들을 둥글게 만들어 줄 수도 있습니다.



05. Instance Rotation의 Value 값을 조절하여 아래 그림처럼 일률적인 움직임을 줄 수도 있습니다.



06. 각 속성의 옵션마다 Noise라는 옵션이 있습니다. 이 옵션은 Random이라고 생각해도 될 듯합니다. Multiplier 값을 100으로 입력하면, 소스들이 각각 조금씩 다른 각도로 틀어지게 됩니다.



07. Alt 키를 누른 상태에서 Evaluate의 타임 워치를 클릭합니다.



08. 생성된 Expression 영역에 time*10을 입력합니다. 1초에 10을 곱하는 Expression입니다.



09. 애니메이션시켜보면, 이런 식으로 개별적인 움직임을 갖는 애니메이션이 만들어집니다.




2. Audio와 연동



01. 이번에는 작업한 것을 Audio와 연동하는 방법을 알아보겠습니다. MP3 파일을 하나 불러옵니다. 파일을 선택한 후, 오른쪽 마우스 버튼을 클릭하여 Convert Audio to Keyframes을 선택해 사운드 Layer를 키프레임 Layer로 바꿔줍니다.



02. 바꿔준 파일이 바로 Audio Amplitude 파일입니다. 앞서 time*10 Expression을 적용한 Evaluate 옵션에 Whip을 이용하여 Audio Amplitude의 Both Channels의 Slider를 연결시켜 줍니다. 이런 다음 램프 리뷰를 실행해보면, 사운드에 맞춰 각각 움직이는 애니메이션을 확인할 수 있습니다.




3. Color 및 Shape 변형



01. Shape을 그림처럼 바꿔줄 수 있습니다. 물론, 사각형, 오각형, 원형도 가능합니다. Shape의 Element Count > Value 값을 3으로 설정하면, 삼각형 모양이 나옵니다.



02. Instance Color에서 원하는 Color로 바꿔줄 수 있습니다. Solid Color 뿐 아니라, Noise > Multiplier의 옵션을 조절하면, 설정한 Color와 비슷한 Color들이 랜덤으로 배치됩니다.



03. Reka Grid를 적용시킨 Layer를 하나 복제합니다. 그런 다음, Rotation Value 값을 180도로 입력하여 그림처럼 별 모양을 만들 수 있습니다.



04. Y Offset 값을 조절하여 다른 모양으로 만들 수도 있습니다.



05. Instance Visible은 보였다가 안보였다 할 수 있게 만들어 주는 옵션입니다. Probability 값을 70%로 하고, Seed 값을 5로 설정합니다.



06. 애니메이션을 확인해보면, 보이지 않는 부분들이 랜덤하게 바뀌면서 애니메이션이 됩니다.





4. Reka Grid를 이용하여 스타일리쉬한 애니메이션 만들기



01. 소스로 사용할 Composition을 만듭니다. 마치, Matte처럼 사용될 것이기에 Matte_01로 이름을 정했습니다.



02. Solid Layer를 하나 만든 후에 Shape Layer로 변환합니다.



03. Shape Layer로 바뀐 텍스트를 선택한 다음, Motion Tool 2 Script에 있는 Extract를 적용합니다. Shape Layer의 Group들이 별도의 Layer로 나뉘어집니다.



04. 먼저, 각각의 알파벳들의 Position 값을 애니메이션합니다. 화면 밖에서 중앙으로 날아들어오는 애니메이션을 만듭니다.



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



06. 이제 각 알파벳들의 Path들을 추가로 애니메이션시켜보겠습니다.



07. 각 알파벳 Path들을 그림처럼 애니메이션시켜줍니다.



08. Adjustment Layer를 하나 만들어서 Transform Effect와 Fast Box Blur Effect를 적용합니다. Transform Effect로 각 알파벳들을 한꺼번에 확대하고, Blur 효과를 주기 위해서 입니다.



09. 커졌다가 작아지는 Scale 애니메이션과 Blur 애니메이션의 시간차는 애니메이션을 보면서 조절하면 됩니다.



10. 이제 Main이 될 Composition을 만들고, Reka Grid Effect를 적용시킬 Solid Layer를 하나 만듭니다.



11. 화면을 가득 채울 수 있게 수치 값을 입력합니다.



12. 앞서 만든 Matte_01 Composition을 불러들입니다.



13. 여기에서부터 중요합니다. Reka Grid Effect 하단에 있는 Parameters > Layers에서 Layer1에 Matte_01 Layer를 선택해줍니다.



14. 그런 다음에 Instance Radius > Layer의 Index를 Layer1으로 선택해줍니다. Value 값은 0으로 하고, Noise&Layer Offsets 값은 100으로 입력합니다.



15. 앞서 Matte_01 Composition에서 애니메이션된 그대로 애니메이션이 보여집니다. 엔딩 부분을 보면, 입자가 너무 커서 MOTIONLAB이라는 글자가 잘 안보입니다.



16. 그래서 입자의 크기를 좀 줄이고, 숫자를 늘려보겠습니다. 그런 다음에 Instance Radius > Layer > Multiplier 값을 조절해줍니다.



17. 애니메이션을 확인해봅니다.





5. Mult Layer



01. 일반적으로 하나의 소스로만 작업하는 것과는 달리, Reka Grid Effect에는 여러 개의 소스를 사용할 수 있습니다. 이제 Matte_noise라는 새로운 Composition을 하나 새로 만듭니다.



02. Solid Layer를 하나 만들고, 여기에 Turbulent Noise Effect를 적용합니다.



03. 앞서 만든 Composition으로 방금 만든 Matte_noise Composition을 가져옵니다.



04. Parameters > Layers의 Layer 2에 방금 불러들인 Matte_noise를 선택합니다.



05. 그리고 Instance Radius > Noise의 Multiplier 값을 조절합니다. 혹시, 어떤 부분이 틀려졌는지 눈치채셨습니까? 일률적으로 구성되었던 Shape들이 Matte_noise의 영향으로 불규칙적인 모양으로 바뀌었습니다.



06. 이번에는 Instance Alpha > Layer의 Mult Layer에 Layer 2를 지정합니다. Layer 1은 맨처음에 만든 Matte_01 Composition이며, Layer 2는 Matte_noise입니다. 알파 값에 적용한 것을 좀 더 명확하게 확인하기 위해서 파란색 Solid Layer를 맨 밑에 위치시켰습니다. 확인해보면, Matte_noise의 흰색, 회색, 검은색에 맞춰 알파 값이 변화되었음을 알 수 있습니다. 이런 식으로 다양한 옵션에 Mult Layer를 적용할 수 있습니다.



07. Shape의 형태는 언제든지 바꿔줄 수 있습니다.



08. 이번에는 Rotation에 적용해보겠습니다. Mult Layer를 적용하지 않고 Value 값을 조절해보면, 그림처럼 모든 소스들이 같은 방향으로 회전되는 것을 볼 수 있습니다.



09. Mult Layer를 Layer 2로 적용한 다음에 확인해보면, 각각의 소스들이 각각 틀린 회전 값으로 움직였다는 것을 알 수 있습니다.



10. 만약, 이미지로 적용하면, 어떻게 되겠습니까? <브레이킹 배드>라는 미드의 주인공인 월터 이미지를 불러들여봤습니다. 이처럼 이미지나 영상에도 적용이 가능합니다.

 




카카오톡 채널 채팅하기 버튼