그라데이션의 새로운 개념을 보여주는 Potok 이펙트를 소개해드리겠습니다. 우리들이 일반적으로 알고 있는 그라데이션의 새로운 응용 버전이라고 생각하면 됩니다. 유니크한 트랜지션이나 효과에 적합한 이펙트라고 볼 수 있습니다.

Potok 이펙트에서 가장 핵심 부분은 Colorize Noise 속성에 있는 Colorize Mode 옵션입니다. Gradient, Gradient from Layer, Reflection from Layer, Reflection from Layer 총 4개의 메뉴로 나눠져 있습니다. 이 부분 외에도 다른 속성들을 결합하여 사용하지만, 먼저 이 부분을 눈 여겨 보기 바랍니다.


* Gradient from Layer



* Masking Noise with Layer



* Reflection from Layer


* Refraction from Layer




1. Gradient from Layer

01. Shape Layer를 복제하여 아래 그림처럼 6개 정도의 겹쳐진 가로 라인을 만듭니다. 여기에 Layer Styles로 Drop Shadow를 적용합니다. Comp의 이름을 GB01로 했습니다. (그라데이션 백그라운드)



02. 새로운 Comp를 하나 만든 다음에 앞서 만든 GB Comp와 Text Layer를 하나 만듭니다. 그런 다음 Solid Layer를 하나 만듭니다.



03. Solid Layer에 Potok 이펙트를 적용한 다음, Colorize Mode를 Gradient From Layer로 선택하고, Layer Gradient를 GB01로 선택합니다.



04. 그라데이션으로 사용될 Layer를 가로형이 아닌 세로형으로 만들어야 제대로 효과가 적용됩니다. 아래 그림의 세로형은 새로 만든 GB02입니다. 기본적인 그라데이션이 좌우, 우좌인 가로 모드로 적용되기 때문에 그런 듯합니다. Colorize Mode를 Gradient From Layer로 선택하고, Layer Gradient를 GB02로 선택하면, 그림처럼 가로형과는 다른 결과가 나옵니다.



05. 물론, 가로형으로 만든 GB01을 사용하고 싶으면, Colorize Mode를 Refraction From Layer로 선택하면 됩니다.



06. Layer Gradient를 GB02로 선택하고 작업해보겠습니다.




2. Layer Multiplier

01. 이제 그라데이션을 적용할 Layer를 선택하겠습니다. 이 부분이 바로 Layer Multiplier 옵션입니다. 여기에서 적용하고 싶은 Layer를 선택하면, 마치 Matte를 적용시킨 것과 비슷한 효과가 나타납니다.



02. Potok의 Evolution 옵션을 이용하여 자연스럽게 움직이는 애니메이션을 만들 수도 있습니다.



03. 애니메이션을 만들어봅니다.



04. Typo 안에 보이는 그라데이션 Layer의 느낌을 조금 바꿔보겠습니다. MOTIONLAB Typo Layer에 Fast Blur 이펙트를 적용하여 약간 흐릿하게 만들고, Layer Multiply 옵션에서 Source로 설정된 값을 Effects & Masks로 바꿔줍니다.



05. Typo에 적용된 Blur 이펙트가 그라데이션 Layer에도 그대로 적용되어서 좀 더 부드러운 느낌으로 바뀌었습니다.




3. Noise Type

01. 이번에는 또다른 그라데이션 Layer를 만들어보겠습니다. 새로운 Comp를 하나 만들어서 GB03으로 이름을 정해줍니다. 여기에 Solid Layer를 하나 만들어서 4-Color Gradient 이펙트를 적용합니다.



02. 앞서 작업한 것들은 Noise Type을 Fluid로 설정해 놓은 것들이었습니다. 이번에는 Smoke로 설정합니다. Noise Type은 Potok의 맨 위에 있는 설정으로 그라데이션 Layer를 어떤 느낌으로 Noise 효과를 줄 것인지를 맨 처음에 결정하는 옵션입니다. Fluid, Voronoi, Smoke, Worley 총 4개의 옵션이 있습니다. 나중에 하나씩 적용을 바꿔 보기 바랍니다.



03. 여기에서도 앞서 작업한 것처럼 비슷하게 설정해줍니다.



04. 애니메이션을 만들어보면, 앞서 작업한 것과는 약간 다른 느낌이 보입니다.




4. Animation

01. 이번에는 적용한 것들을 애니메이션시키는 것에 대해 알아보겠습니다.



02. Noise Brightness를 조절하여 애니메이션을 만들 수 있습니다.



03. Noise Type을 Smoke로 바꿔주면, 그림처럼 느낌이 달라집니다.




5. Lines

01. 이번에는 그라데이션을 라인처럼 보이게 만들어보겠습니다. 이펙트가 가지고 있는 기본적인 그라데이션으로 만들겠습니다. Typo Layer에 Blur 이펙트를 적용하고, 그림처럼 옵션들을 선택해줍니다.



02. Draw Noise를 해제하고, 이번에는 Lines 옵션을 선택해줍니다.



03. Line Width를 1로 입력하여 라인을 얇게 만들어주고, Line Offset을 조절하여 원하는 모양으로 만들어봅니다. 이 값을 조절하여 애니메이션도 만들 수 있습니다. 0%에서 마이너스 값으로 변하면, 외부에서 내부로 사라지는 애니메이션을 볼 수 있고, 플러스 값으로 바뀌면, 내부에서 외부로 사라지는 애니메이션을 볼 수 있습니다.



04. 애니메이션을 만들어 보기 바랍니다.



05. Line Gradient의 컬러를 원하는 컬러로 바꿔보면, 재미있는 결과를 얻을 수 있습니다. 직사각형 바의 컬러 부분을 더블 클릭하면, 컬러를 컨트롤하는 슬라이더 컨트롤 바가 생성됩니다. 삭제하려면, 클릭한 다음에 밑으로 드래그하면 사라집니다. 컨트롤 바를 Control 키를 누른 상태에서 클릭하면, 마치 키프레임의 속성을 변화시키듯 아이콘의 모양이 바뀝니다.



06. Alpha Noise Scale X, Y 값과 Scale 값을 조절하면, 마치 라인이 끊어져서 보이는 것 같은 모양도 만들 수 있습니다. 라인이 움직이는 것처럼 보이게 하려면, Alpha Noise Evolution 값을 애니메이션 시켜주면 됩니다.