EFFECTS스틸 이미지에 생명력을 불어넣어주는 loopFlow Effects

motionlab
조회수 4937

한 장의 이미지에 움직임을 추가하는 이 기능은 Mobile App.에서 먼저 시작했다고 해도 과언이 아닙니다. 하지만, 오래전 Revision FX社에서 나온 RE:Flex 이펙트가 있으며, After Effects에서 Morphing 효과를 줄 수 있는 유일무이한 이펙트였습니다. 이번 시간에는 새롭게 출시된 loopFlow 이펙트와 오래 전에 있었던 RE:Flex 이펙트를 함께 알아보겠습니다.


1. loopFlow Install 및 적용하기


01. 재미있으면서도 실용적인 이펙트를 만드는 irrealix社에서 출시한 loopFlow 이펙트는 Plugin 폴더 안에 그냥 넣어주면 됩니다. 예전에 소개해드린 Volna 2와 Reka Grid 이펙트를 만든 회사입니다. 생각해보니, 이 회사 제품 중에서 Potok 이펙트만 소개를 안 해드렸는데, Potok 이펙트는 마치 액체가 흐르듯 Gradients 효과를 만들어 주는 이펙트입니다. Potok 이펙트는 다음에 소개해드리겠습니다.

loopFlow 이펙트가 지난 주에는 39달러였던 것으로 기억하는데, 업그레이드가 되면서 49달러가 되었습니다. 1.1.0 버전으로 업그레이드가 되면서 Across Speed Ramp 기능이 추가되었습니다.



02. loopFlow 튜토리얼에서 가장 많이 소개되는 것이 폭포수가 떨어지는 사진이나 연기 등이 나오는 것입니다. 이런 이미지를 사용하는 이유는 복잡한 패턴 형식의 이미지들이 이펙트를 적용하기가 쉽고, 효과가 잘 나오기 때문입니다.



03. 물이 아래도 떨어지기 때문에, Mask Path를 그림처럼 2개를 그려줍니다. loopFlow는 Mask를 2개 그려서 이미지의 영역을 한정시킨 다음, 그것을 Mask Path에 따라서 Loop시켜주는 기능을 하는 이펙트입니다. 일단, 하나의 물줄기를 선택하여 Mask를 2개 그려주고, 이미지에 loopFlow 이펙트를 적용합니다. 옵션에서 Mask1과 2를 선택해줍니다.



04. loopFlow 이펙트의 특성상 Mask는 2개 밖에 적용할 수 없으므로, 이펙트를 하나 더 복제합니다. 그런 다음, 같은 방식으로 Mask를 2개 더 만들어주고 선택을 합니다.



05. 여기까지 했다면, 램프 리뷰로 애니메이션을 확인해봅니다. loopFlow는 기본적으로 Loop 애니메이션되는 시간이 3초입니다.



06. 애니메이션이 제대로 되는 것을 확인했다면, 같은 방식으로 이펙트를 또 복제하여 나머지 폭포들도 선택해줍니다.



07. 여기에서 주의할 것이 있습니다. 애니메이션을 시켜보면, 현재 노란색으로 표시된 부분은 애니메이션이 되지 않는 것을 확인할 수 있습니다. 왜 그런지 살펴보겠습니다.



08. 이것을 알아보기 위해서는 이펙트 상단의 Show Background를 클릭하여 해제시켜줘야 합니다. 그러면, 배경이 사라지고, loopFlow가 적용될 이미지 부분만 남게 됩니다. Mask의 옆부분이 마치 Feather 값이 적용된 것처럼 자연스럽게 사라져서 안보이는 것을 확인할 수 있습니다.



09. 그래서 이미지에 Path를 그려줄 때는 내가 움직이고자 하는 이미지보다 약간 간격을 벌려서 Mask Path를 그려주는 것이 좋습니다. 그래야만 내가 원하는 이미지를 모두 적용시킬 수 있습니다.



10. Show Background를 다시 켜고 확인해보겠습니다. 애니메이션하면서 어디까지 애니메이션되는지 디테일하게 확인해야 합니다.



11. Show Background를 끄고, Composition Window 하단에 있는 Toggle Transparency Grid를 체크해서 확인해보는 방법도 있습니다.



12. Preview Wireframe Mesh를 켜면, 현재 이미지가 어떻게 변형되는지를 알 수 있습니다. 우리는 이와 같은 스타일을 Puppet Tool에서 볼 수 있었습니다. 이미지를 마치 3D Polygon에 Mapping을 한 것처럼 보여줍니다. Across Base Points는 Path와 같은 방향인 세로 라인의 개수, Along Base Points는 가로 라인의 숫자를 뜻합니다.



13. Alpha 옵션은 마치 Matte와 같은 개념으로 이해하면 됩니다. 흰색부분은 보이고, 회색부분은 반투명하게 보인다고 생각하면 이해가 될 것입니다. Alpha Noise Preview를 체크하면, 이미지가 어떤 Matte 효과처럼 보여지는지 보여줍니다.



14. loopFlow의 장점 중에 하나는 바로 Ramp 기능을 그래프로 보여주고, 조절할 수 있게 만든 것입니다. 세밀한 조절이 가능하며, 익숙해지면 사용이 편리합니다. Alpha Layers Blending Ramp 값을 보면, 이미지에서 브랜딩되는 부분을 그래프로 조절할 수 있습니다. 첫 부분이 시작부분이며, 끝부분이 끝나는 부분입니다. 그래프를 조절해보면서 변화를 확인하기 바랍니다.



15. Alpha Along Ramp는 그림처럼 Path를 기반으로 시작부분과 끝부분의 투명도를 조절합니다. 그래프의 중간라인에 더블 클릭을 하면, 포인트가 생성됩니다. 다시 없애려면, 포인트에 더블 클릭을 하면 사라집니다.



16. Alpha Across Ramp는 Path와 Path를 가로질러서 적용되는 Ramp 값입니다.



17. 그래프 중간에 더블 클릭하여 포인트를 생성한 후에 조절해보기 바랍니다. 그림처럼 그래프가 밑으로 내려갈수록 투명도 값이 커져서 보이지 않게 됩니다. Control 키를 누른 상태에서 포인트를 클릭하면, 총 3가지 모드로 그래프의 모양이 변합니다.



18. 애니메이션이 되는 속도를 조절하려면, 2가지 방법이 있습니다. Animation Move On Part는 0%에서 100%까지 조절할 수 있는 옵션입니다. Mask로 지정한 이미지가 움직이고, Loop되어 같은 Layer가 따라 움직일 때, 겹쳐지는 부분을 조절할 수 있습니다. 다시 말해서 이 값을 100%로 설정했다면, 하나의 이미지가 나타나서 움직이고, 같은 Layer가 겹쳐지지 않고 뒤따라서 움직인다고 보면 됩니다. 만약, 30%로 설정했다면, Layer가 겹쳐지는 부분이 70% 정도된다고 생각하면 됩니다. 0%로 설정하면, 정지한 상태로 보일 것입니다. Animation Cycle Time은 Layer가 움직여서 사라질 때 까지를 말합니다. 만약, 10초로 했다면, 상당히 느린 움직임을 보이는 애니메이션을 볼 수 있습니다.




2. loopFlow 응용하기


01. loopFlow 이펙트로 꼭 포지션이 이동하는 애니메이션만 만드는 것은 아닙니다. 이번에는 촛불이 살랑살랑 흔들리는 애니메이션을 만들어보겠습니다. Animation Move On Part를 0%로 해도 되고, Animation Cycle Time을 100으로 해도 됩니다. 둘 다 설정해도 됩니다. loopFlow에는 Distortion 옵션이 있는데, 이미지를 왜곡시켜주는 기능입니다. 여기에서 설정 값처럼 줘도 되고, 다른 값으로도 입력해서 결과물들을 확인해보기 바랍니다.



02. 애니메이션을 만들어보면, 약간 흔들리는 촛불 애니메이션을 확인할 수 있습니다.




3. RE:Flex 이펙트


01. 꽤나 오래된 이펙트 중 하나인 Revision FX社의 RE:Flex 이펙트를 소개합니다. After Effects에서 Morphing하면 떠오르는 이펙트가 바로 RE:Flex 이펙트입니다. 하지만, Morphing만 하는 것은 아닙니다. 앞서 설명드린 loopFlow 이펙트처럼 스틸 이미지의 일부분을 움직이는 것처럼 만들어 줄 수도 있습니다. 이펙트를 설치하면 그림처럼 적용 가능한 버전들이 나오는데, 2022에서도 사용할 수 있습니다.



02. 털이 많은 고양이 사진을 하나 불러들였습니다. 그런 다음에 Composition으로 만듭니다.



03. RE:Flex Morph 이펙트를 적용합니다. Display 옵션에서 Warped and Blended로 설정해야 합니다. 기본값이 이것으로 되어져 있으니, 그대도 놔두면 됩니다.



04. 닫힌 Path로 총 4개의 Mask를 그립니다. 눈과 코, 그리고 얼굴의 윤곽부분을 그려주고, Mode를 None으로 설정합니다.



05. RE:Flex Morph 이펙트에서 Picture Key 옵션은 중요한 부분입니다. 효과를 On, Off시킬 수 있는 옵션입니다. 그림처럼 0초에 On, 15프레임에는 Off, 그리고 맨 마지막 프레임에는 On으로 키프레임을 만듭니다. 작업 영역은 15프레임에서 끝 프레임까지만 설정을 합니다. 이렇게 하는 이유는 애니메이션을 Loop시키기 위해서입니다.



06. 눈, 코, 얼굴부분을 닫힌 Mask로 설정한 것은 애니메이션 시, 영향을 받지 않게 하기 위해서입니다. 이제 고양이 코부분의 털을 움직여보겠습니다. 곡선 모양으로 4개 정도의 Mask를 만듭니다.



07. 코부분에 그린 Mask 4개의 Path에 키프레임을 만듭니다.



08. 타임마커를 작업 영역의 끝부분으로 이동한 다음, 4개의 Mask Path들을 윗부분으로 위치를 이동시킵니다.



09. 이런 방식으로 나머지 부분들도 똑같이 해주면 됩니다. loopFlow와는 다르게 손이 좀 많이 가는 작업이긴 합니다. 하지만, 움직이는 방향이나 디테일적인 부분이 나쁘지 않습니다.



사실, 편한 것은 당연히 최근에 나온 loopFlow 이펙트입니다. 그러나 상황에 따라서 RE:Flex 이펙트도 괜찮은 이펙트이므로, 2가지를 병행하면서 적용해보는 것도 좋은 방법이라고 생각합니다.

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