EFFECTSAfter Effects의 고급스러운 Stroke Effect – Volna 2

motionlab
조회수 4542

모션그래픽에서 상당히 많이 사용되고 있는 것 중에 하나가 바로 라인 애니메이션입니다. 요즘 나오는 Script 기반의 것들은 대부분 Shape Layer에 대한 것들이 많아서 이렇게 이펙트로 되어 있는 것이 반갑습니다. 이펙트라서 Shape Layer보다도 보여지는 속도가 훨씬 빨라 작업에 도움이 많이 될 것 같습니다.


1. 기본적인 적용


01. Volna 2 이펙트는 Mask Path가 있어야만 보여지는 이펙트입니다. 먼저, Solid Layer를 하나 만든 다음에 텍스트 툴로 ‘+’를 입력합니다. Create > Create Masks from Text를 선택하여 Masks로 만들어줍니다.





02. Mask를 만든 다음에 Mask를 하나 더 복제하여 작게 만들어서 배치시킵니다.





03. Volna 이펙트를 적용합니다.





04. 다른 이펙트들보다 어마어마한 옵션들을 가지고 있는 것이 바로 Volna 이펙트입니다. 옵션을 보면, Mask 1, Mask 2가 있습니다. 여기에서 만든 마스크를 각각 선택해줍니다. 두개를 모두 선택해주시면 보시는 것처럼 Mask 1에서 Mask 2로 마치 몰핑이 되듯이 라인들이 생성됩니다. 상단에 있는 Iterations Count 값을 20으로 입력하면, 20개의 라인이 만들어집니다.





05. Mask 2의 위치를 바꿔 보기도 하고, Mask Path를 조절하여 다른 모양으로 만들어도 됩니다.





06. Mask의 Gradient 값을 원하는 컬러로 지정할 수도 있습니다.





07. Iterations Count를 100으로 입력하여 개수를 늘리고, Curve Segment Count 값은 큰 값을 줄수록 라인이 부드럽게 보여집니다. 이제 Stroke Offset 기능과 Randomize를 이용하여 재미있는 애니메이션을 만들어보겠습니다. Stroke Offset기능은 마치 Shape Layer의 Trim Path 기능과 비슷합니다. 라인의 시작과 끝, 그리고 Offset 기능을 이용하여 애니메이션을 주는 것입니다. 여기까지는 Trim Path 기능과 비슷합니다. 하지만, Randomize은 상당히 재미있습니다. Stroke Offset에서 Begin과 End 값을 조절합니다. 조절하는 이유는 라인의 전체를 보여주는 것이 아니라, 조금 짧게 보여주기 위해서입니다. 이렇게 한 다음에 Offset Random 값을 조절하면, 그림처럼 라인들이 랜덤하게 배치되는 것을 볼 수 있습니다.





08. Offset Random을 애니메이션 시켜서 확인해보면, 다음과 같습니다.





09. 라인 애니메이션의 시작은 Mask Path의 Set First Vertex부터입니다. Mask 1의 Set First Vertex와 Mask 2의 Set First Vertex를 기준으로 중간 라인들이 생성되며, 라인 애니메이션도 진행된다고 생각하면 됩니다.






2. 열린 패스에 적용


01. 앞서 작업한 것이 닫힌 패스였다면, 이번에는 열린 패스로 작업해보겠습니다. 닫힌 패스는 닫힌 패스끼리, 열린 패스는 열린 패스끼리 적용됩니다.





02. Mask 옵션을 보면, Thickness 옵션이 있습니다. 2개의 Mask에서 이 부분을 10으로 입력하면, 중간에 보여지는 라인의 두께가 두꺼워져서 그림처럼 마치 면같이 보여집니다. 여기에 Gradient 값을 줍니다.





03. Iterations Count를 30으로 입력합니다. Offset Random 값을 조절해보기 바랍니다.





04. Randomize의 속성들을 조절하면, 재미있는 모양도 만들 수 있습니다. 라인들의 두께와 투명도, 그라데이션, 그리고 Offset 값 등을 조절해보기 바랍니다.





05. Strokes Offset을 이용하여 애니메이션을 만들어봅니다.






3. 라인에 Taper 적용하여 화살표 만들기


01. Shape Layer의 Taper 기능과 같은 효과를 만들어보겠습니다. 라인을 하나 Mask로 그립니다. Iterations Count을 1로 하고, Thickness를 20으로 입력합니다. 이제 라인의 시작과 끝의 두께를 다르게 만들어보겠습니다. 바로 Thickness Ramp 그래프를 이용하면 됩니다.





02. Thickness Ramp의 회색 라인부분에 커서를 위치시키고 더블 클릭을 하면, 새로운 포인트가 생겨납니다. 포인트의 위치를 바꾸면서 Composition Window에서 라인이 변하는 것을 확인해보기 바랍니다. 기본값은 베이어처럼 그래프가 보여집니다.





03. Ctrl을 누른 상태에서 포인트를 클릭하면, 회색 그래프가 직선으로 바뀝니다.





04. Ctrl을 누른 상태에서 포인트를 한 번 더 클릭하면, 그림처럼 거의 직각으로 보여집니다.





05. Line Cap End에서 Arrow 1을 선택하여 화살표처럼 만들어줍니다.





06. 이번에는 라인으로 얼굴을 표현해보았습니다. 라인의 꺾이는 부분들이 부드럽게 표현되기 위해서는 Curve Segment Count 값을 높여주면 됩니다. Thickness Ramp를 이용하여 처음에는 얇은 라인으로 시작하고, 서서히 두꺼워지는 라인으로 갈 수 있도록 해 놓았습니다.





07. Curve Segment Count 값을 200으로 설정할 때와 비교해 보기 바랍니다.





08. Stroke Offset 값을 이용하여 움직이는 라인 애니메이션을 할 수 있습니다.





09. Thickness Ramp 그래프의 모양을 바꿔봅니다. 처음과 끝이 얇고, 중간이 두꺼운 라인으로 만들었습니다. Gradient도 흰색과 빨간색으로 만들어보았습니다. Strokes Offset으로 애니메이션을 하면, 아무것도 없는 상태에서 라인이 생성되는 애니메이션을 만들 수 있지만, 이번에는 Thickness Ramp Offset 값을 이용하여 애니메이션을 만들어보겠습니다.





10. Thickness Ramp Offset 값으로 애니메이션을 만들면, 가장 얇은 상태의 라인은 그대로 화면상에 존재하면서 마치 그 라인에 두꺼운 라인이 지나가는 듯한 애니메이션을 연출할 수 있습니다.





11. 이번에는 다른 스타일을 만들어보겠습니다. 사람 얼굴을 표현했던 Mask Path를 하나 더 복제합니다.





12. 그림처럼 Mask 1, 2를 지정해주고 라인들을 만듭니다. Thickness 값을 1.0으로 설정해 아주 얇은 라인으로 만듭니다.





13. Strokes Offset을 이용하여 애니메이션을 만들어서 확인해보기 바랍니다.







14. Primitives를 Line에서 Point로 바꿔주면, 점으로 표현되기도 합니다.





15. Point Segments로 점의 모양을 바꿀 수 있습니다. 4로 하면 그림처럼 정사각형 모양이 나타나며, 3으로 하면 삼각형 모양으로 바뀝니다. Visible Points는 일정한 간격마다 보여지는 점을 랜덤하게 보이지 않도록 만들어줍니다.





16. Distortion 옵션은 일반적인 라인을 변형시키는 역할을 합니다. 라인이 흐물흐물하게 움직이는 것처럼 만들어줍니다.





Volna 2 이펙트는 소개해드린 것들 외에도 재미있는 기능들과 응용할 것들이 많습니다. 실제로 작업하면서 응용해보면, 재미있는 작업물들이 많이 나올 것 같습니다.

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