EFFECTS이미지를 무한궤도로 만들어주는 Power Droste Effect

저자 이병현 실장 (motionlab@kakao.com)

aescripts.com/power-droste/ 에 들어가면, 오늘 소개해 드릴 이펙트의 정의를 Multifunctional Spiral Deformation이라고 적혀있습니다. 바로 다기능 나선형 변형이라는 뜻입니다.  이번에 소개해 드릴 다기능 나선형 변형을 줄 수 있는 Power Droste Effect입니다.

1. Power Droste 적용

01. 1280x720 크기의 Composition을 만든 후에 이미지를 불러들입니다. 아래 그림은 가로와 세로가 2000인 큰 이미지입니다.



02. Power Droste Effect를 적용하려면, 기본적으로 Composition의 크기와 적용하려고 하는 이미지나 영상의 크기가 같은 것이 좋습니다. Effect를 적용하자마자 그림처럼 나선형으로 변형이 만들어졌습니다.



03. 이 상태에서 Effect를 끄고, 이미지의 크기를 줄여준 다음에 다시 Effect를 활성화시키면, 그림처럼 보이게 됩니다.

2. Pre Comp로 만들기

01. 이번에는 이미지를 Pre Comp로 만들어 적용시켜보겠습니다. Pre Comp로 만든 후에 그림처럼 접시가 크게 보일 수 있도록 배치시킵니다.



02. 다시 Comp로 돌아가서 Pre Comp에 Effect를 적용하면, 그림처럼 보여집니다. 맨 처음에 Pre Comp를 하지 않고 이미지에 적용했을 때와는 차이가 느껴집니다.



03. Composition Window에 있는 Toggle Transparency Grid 버튼을 클릭하여 현재 적용된 Effect가 어떻게 적용되었는지 확인합니다. 화살표로 표시된 부분들은 마치 잘린 것처럼 보입니다. Composition의 사이만큼만 인식하여 Effect가 적용되어서 그렇습니다.



04. 이 부분을 보완하려면, Collapse Transformations을 체크해주면 됩니다. 일명 해님 효과라고 합니다. Comp Layer였을 경우에 해님 효과를 켜면, 원래 Layer의 크기로 계산이 됩니다.

3. 옵션 값들 알아보기

01. Inner Radius와 Outer Radius의 값을 조절해보기 바랍니다. Inner Radius는 안쪽의 영역, Outer Radius는 바깥쪽의 영역의 크기 차이를 가져옵니다. 직접 조절해보기 바랍니다. 현재는 Outer Radius 값을 1300으로 크게 준 상태입니다. 이 모양을 보면, 어떤 방식으로 Effect가 이미지를 변형시켜서 마치 무한궤도처럼 보이게 하는지 이해할 수 있을 것입니다.



02. 이번에는 PNG 파일에 적용시켜보겠습니다. Effect를 적용하면, 이미지를 제외한 나머지 영역이 비어 있기 때문에, Composition에서 저렇게 비어 있는 상태로 보여집니다.



03. Stands에 이미지에 대한 옵션들이 있습니다. 현재는 이미지가 하나이므로 Num Strands가 1입니다. Extend Inside와 Outside는 이미지의 내부와 외부의 영역을 확장 및 축소시켜주는 기능입니다. 조절해보면 변화되는 것을 볼 수 있습니다.



04. Start와 End는 시작과 끝부분이 생성 또는 소멸되는 것을 Animation할 수 있습니다. 마치 Shape Layer의 Trim Path와 같은 기능입니다. 

05. Offset 기능은 현재 보이는 형태 안에서 이미지가 움직이는 것입니다.



06. Period는 현재 보이는 형태 안에서 이미지를 늘려주거나 줄여주는 기능을 합니다. 현재는 이미지를 늘려서 마치 Pixel이 늘어난 것처럼 보이는 것이며, 수치 값을 0으로 한 것입니다.



07. Start Feather, End Feather 값은 시작과 끝부분의 투명도를 조절하여 부드럽게 보이도록 만들어주는 옵션입니다.



08. Inside Feather, Outside Feather는 이미지의 나선형 상태에서 안쪽과 바깥쪽을 부드럽게 만들어주는 기능입니다.

4. Strand 추가하기

01. 하나의 Layer가 아닌 여러 개의 Layer를 나선형으로 만들려면 Strands를 추가해야 합니다. Num Strands를 2로 입력하면, 적용한 이미지의 Source로 그림처럼 2개의 나션형 구조가 만들어집니다.



02. 이제 Alpha Channel을 포함하고 있는 시계.PNG 파일을 불러들입니다. 이 Layer도 Pre Comp로 만들어서 현재 Timeline Window에 추가합니다.



03. Strand 2에서 Texture Control에서 Set Texture를 선택하고, Texture Layer에서 방금 만든 시계 Pre Comp Layer를 선택합니다. 앞서 작업한 것과 옵션을 다르게 적용하려면, Option Control 2에서 Use Options를 선택해주면 됩니다.
 

04. Extend Inside 2 값을 조절하여 시계의 안쪽 부분이 앞서 만든 이미지와 겹쳐지게 만들어줍니다.



05. 같은 방법으로 이번에는 꽃 이미지를 불러들여서 Pre Comp Layer로 만듭니다. 만든 Composition Layer의 눈을 끈 상태로 Timeline Window에 가져옵니다.



06. 꽃 Composition Layer를 추가해야 하므로, Num Strands 값을 3으로 입력합니다. Strands Texture Control들 값도 앞서 시계를 했던 것처럼 설정해줍니다. 이런 식으로 12개의 Layer를 추가할 수 있게 Strands는 총 12개가 있습니다.

5. 나선형의 센터 위치 변경

01. Power Droste Effect가 일반적으로 화면의 정중앙에서 보여지는 것이 많은데, Spiral Center 값을 이용하여 원하는 위치로 변경도 가능합니다. 이번에는 꽃을 든 여자 이미지를 불러옵니다.



02. Spiral Center를 이용하여 여자가 든 꽃의 중앙부분으로 이동시킵니다.



03. Pivot 옵션을 Animation하면, 무한궤도처럼 반복되는 Animation을 볼 수 있습니다. Pivot 속성 값을 Alt+클릭합니다. 새로 생긴 Expression 영역에 시간이 흐르면서 계속 수치 값을 높여줄 수 있게 time*300으로 입력합니다.



04. Animation을 시켜보면, 같은 Animation이 중앙에서 계속 나선형으로 움직이면서 보여집니다.

6. Shape Layer로 Source 제작

01. 이번에는 Shape Layer로 Source를 만들어서 적용시켜보겠습니다. 도형 툴로 원을 하나 그립니다. Stroke Width를 15정도 입력하고, Taper 기능을 이용하여 처음과 끝부분을 조금 얇게 만듭니다.



02. 그런 다음에 Shape Layer를 복제합니다. 복제한 Layer는 전체 크기를 약간 작게 만든 다음, Dashes 기능을 이용하여 점선 형태로 만들어줍니다.



03. 이제 Motion 2 Script에 있는 Burst 기능을 이용하여 방사형으로 간단하게 Layer를 추가해봅니다. Burst의 다양한 옵션으로 여러 가지 모양을 만들어서 추가해봅니다.



04. 이것저것 추가했더니 이런 식으로 나왔습니다. 여러분들은 각자 다른 스타일로 작업해보기 바랍니다.



05. Animation시켜보면, 꽤나 근사한 움직임을 볼 수 있습니다. 이때, Pivot과 Strands에 있는 Offset을 동시에 Keyframe Animation을 만들면, 회전하면서 화면 앞으로 다가오는 듯한 Animation을 볼 수 있을 것입니다.



06. Render Mode를 Strands로 해서 지금까지 설명했습니다. Levels로 설정을 바꾸면, 그림처럼 박스 형태로 만들어집니다.