EFFECTSMask를 이용해 픽셀을 늘려주는 Stretch Effects

motionlab
조회수 125


2개의 Mask Path를 이용하여 이미지의 픽셀을 길게 연장시켜주는 기능을 하는 Stretch Effects를 소개해드리겠습니다. After Effects에는 픽셀을 길게 연장시켜주는 이펙트들이 몇 개 있습니다.


1. Stretch Effects


01. 예전에는 튜토리얼을 만들 때, 레퍼런스 이미지나 영상들을 구하기가 쉽지 않았지만, 요즘은 AI떄문에 너무 편해졌습니다. 여기에서 사용한 이미지들은 미드저니에서 만든 이미지들입니다. Stretch Effects는 irrealix에서 만든 이펙트인데, 앞서 소개해드린 Loopflow, Nebulosity, Volna 등을 만든 회사입니다.
8a56b839386f0.png


02. 화면에서 아래 그림처럼 Mask를 2개 정도 만듭니다. 앞서 만든 Mask 2개를 이펙트의 상단에 있는 옵션에서 선택해주면 됩니다.
5706796d69386.png


03. 그런 다음에 Stretch Factor 값을 조절하면, 그림처럼 이미지의 픽셀이 늘어나게 됩니다.
0d4cfe96b6dd9.png


04. Stretch Direction을 Across Masks로 설정하면, Mask Path의 반대 방향으로 픽셀이 늘어나게 됩니다.
8f11774298d3c.png


05. Stretch Ramp의 그래프 값을 조절하여 그림처럼 늘어나는 것에 변화를 줄 수 있습니다. 그래프의 포인트가 높을수록 Stretch 값이 많이 적용된다고 생각하면 되고, Stretch Ramp는 수평적으로 적용을 시켜준다고 생각하면 됩니다.
e3ae325e17caf.png


06. Stretch Perpendicular Ramp는 수직적인 효과를 줄 수 있습니다. 각 포인트는 이미지가 어떤 식으로 늘어나게 되는 지 보여줍니다. 포인트가 낮게 있을수록 효과가 조금 적용됩니다.
19e9885aeb47b.png


07. Stretch Factor 값을 이용하여 애니메이션을 만들었습니다.
bb9bc6c074ae2.jpeg



2. Distortion


01. 이번에는 늘어나는 픽셀에 왜곡 효과를 주도록 하겠습니다. 왜곡 관련 옵션들이 꽤나 많은데, 다양한 효과를 적용해보기 바랍니다.
71a4a0f44378c.png


02. 키프레임을 만들어서 애니메이션시켜 보겠습니다. 서서히 왜곡이 되면서 픽셀이 늘어나는 효과를 함께 적용해보았습니다.
85741463eb9eb.jpeg


03. Evolution같은 옵션은 설정한 왜곡 값들을 계속 반복시킬 때 사용하면 편리합니다.
b6aa35f8fc4e2.png


04. Along Ramp의 그래프 값이 어떻게 바뀌는지 확인합니다.
22ca90b840022.png


05. Distortion Along Ramp Offset은 왜곡된 부분을 그대로 이동시켜 주는 기능을 합니다.
c33dd63bdbedf.jpeg


06. Across Ramp는 그래프로 조절하여 수직적으로 적용됩니다.
23e9e8b39ff4d.png


07. 모든 그래프는 공통적으로 조절이 가능합니다. 라인을 더블 클릭하면 조절할 수 있는 포인트가 생성되고, 다시 두 번 클릭하면 소멸됩니다. Control을 누른 상태에서 라인이나 포인트를 클릭하면, 그림처럼 라인의 형태가 바뀝니다.
fb10bd39cd1f7.png


3. Alpha


01. 적용되는 효과의 알파 값을 조절해주는 기능입니다. Alpha Along Ramp로 적용되는 부분의 알파 값을 조절할 수 있습니다.
260488b505b68.png


02. Across Ramp는 표시된 것처럼 상단부터 하단 순으로 조절이 가능합니다.
aa7b37cc94c28.png



4. Strips


01. Strips는 픽셀들을 마치 얇은 라인들로 만들어줍니다. Count에서 원하는 숫자를 입력하면, 그 개수만큼 보여집니다.
a76e17000e46d.png


5. Render


01. Smooth Filter를 체크하면, 그림처럼 약간 거친 외곽 라인들을 부드럽게 만들어줍니다.
62661a3640960.jpeg


02. Preview Wireframe Mesh를 체크하면, 어떻게 적용되는지 와이어 프레임으로 보여집니다.
74c896b81f921.png


03. 1.0 버전에는 Animation 속성이 없으며, 1.0 알파 버전에 Animation 옵션이 추가되었습니다. Animate를 체크하면, 무한 루프 애니메이션이 됩니다.
752dd804184dc.png


6. ETC


01. Stretch Direction을 Across Masks로 설정하고 Animation을 체크해주면, Loop되는 애니메이션이 됩니다.
4deb3e30423f9.png


02. Mask Path의 포지션을 이용해서 재미있는 애니메이션을 만들 수도 있습니다.
a4bc4353865c0.jpeg


03. Mask Path를 이동시켜 애니메이션해 봅니다.
5385c8ac2f165.png


04. Stretch를 2개 또는 3개를 적용해도 됩니다. 각각의 이펙트에서 Strips의 Count 개수나 Random Factor 값을 조절하면 좀 더 다양한 효과를 줄 수 있습니다.
96f9d50d40dde.png


05. 늘어나는 픽셀을 좀 더 자연스럽게 표현하려면, 그림처럼 Opacity Along Ramp와 Strip Distribution의 그래프를 조절한 후에 Render > Background Blend Mode를 Blend로 해주면 됩니다.
d597cfb6f8ca1.png

만약, Stretch를 적용하는 이미지를 png 파일로 만들면, 그것들이 Mask Path에서 정한대로 움직이는 방식의 애니메이션도 당연히 가능합니다.



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