SCRIPTProperty Effector Script

motionlab
조회수 4363

Property Effector Script는 After Effects의 속성들을 연결시켜주는 역할을 하는 Script입니다. 기본적인 Transform 안에 있는 포지션, 스케일, 투명도, 회전 등은 물론, 그 외에 Effect의 옵션 값 등에도 적용이 됩니다. Effect Control과 속성값 등을 연결시켜서 사용할 수도 있지만, 좀 더 편하게 적용시킬 수 있다는 것이 장점입니다.



1. Property Effector란 무엇인가?


Property Effector란 Layer가 가지고 있는 속성에 Effect를 적용한다는 것입니다. 복잡한 Expression을 입력하지 않아도 사용자가 원하는 속성들을 묶어서 컨트롤할 수 있게 만들어 주는 역할을 합니다. 복잡하지 않은 인터페이스를 가지고 있기 때문에, 편하게 작업을 할 수 있습니다. https://aescripts.com/property-effector/ 사이트에 들어가서 데모 버전을 다운로드 받을 수 있습니다.

01. Property Effector는 다른 Script에 비해 상당히 심플한 인터페이스를 가지고 있습니다. + 버튼(Add Effector)은 선택한 Script들에 효과를 적용시키는 역할을 하며, 옆에 있는 - 버튼(Remove Effector)은 적용한 Script를 삭제할 때 사용됩니다. Property Effector Driver 하나만 선택하고 - 버튼을 누르면, 전체 Script들이 모두 삭제됩니다.



02. Gear 모양은 Setting 버튼이며, 다양한 옵션들이 있습니다. 이것들은 뒷부분에서 다루겠습니다. 물음표 버튼(Help)을 누르면, 기본적인 인터페이스의 설명이 나옵니다.




2. Property Effector 사용법


01. 컬러가 다른 2개의 Shape Layer를 만듭니다.



02. 일단 두 Layer의 Position만 연결시켜보겠습니다. Layer 2개를 선택하고, 'P'를 눌러 Position만 보이게 합니다. 그런 다음, 2개의 Position을 선택합니다.



03. Add Effector 버튼을 누릅니다. Add Effector를 클릭하는 순간 타임라인에 Property Effector ControlsLayer가 생성됩니다. 이 Layer를 선택하고 Effect 컨트롤 창을 확인해 봅니다. Property Effector Driver와 각각의 Layer들의 Position 값을 컨트롤할 수 있는 옵션이 생겼습니다. Property Effector Driver는 전체를 컨트롤할 수 있는 옵션입니다. 일단, 기본값으로 설정해 놓고 시작해 보겠습니다.



04. Property Effector Driver 값을 100으로 입력해 보겠습니다. 그러면 Layer 2개 모두 대각선 방향으로 움직이는 것을 확인할 수 있습니다.



05. 이번에는 원하는 방향으로 애니메이션을 시켜보겠습니다. Shape Layer 1의 포지션 값을 0.100.0으로 입력합니다. X축과 Z축을 0으로 하고, Y축 값만 100으로 한 것입니다. 물론, 현재 상태에서는 Shape Layer를 3D Layer로 만들지 않았기 때문에 Z축은 의미가 없습니다. Shape Layer 2의 포지션 값은 0.-100.0로 입력하여 Shape Layer1과 반대 방향으로 움직이게 할 것입니다. 그런 다음, Property Effector Driver의 타임 워치를 클릭하여 0초에 키프레임을 만들고 0으로 입력합니다.



06. 타임 마커를 1초 뒤로 이동시킨 다음, Property Effector Driver의 값을 100으로 입력합니다. 이제 애니메이션이 만들어졌습니다. 확인해보면, 2개의 Layer가 Y축으로 움직이지만, 하나는 위로, 하나는 밑으로 움직이는 애니메이션을 확인할 수 있을 것입니다. 좀 더 정확한 것을 알아보기 위해 두 Layer의 포지션 값을 확인해보면 됩니다.



07. 이번에는 Rotation 속성을 추가해 보겠습니다. 두 Layer의 Rotation을 선택합니다.



08. Add Effector를 클릭합니다.



09. Property Effector가 재미있는(?) 것 중 하나가 바로 이런 것입니다. 처음엔 Position을 연결하고, 그 후에 Rotation 속성을 연결하여 기존의 Property Effector Controls에 추가를 할 수 있다는 것입니다. 이제 Rotation도 함께 애니메이션을 시켜보겠습니다. 당연히 애니메이션은 Property Effector Driver에 키프레임을 만들어 주기만 하면 됩니다. 0초에 키프레임을 0으로 입력해 만듭니다.



10. 1초에 100으로 입력하여 키프레임을 만듭니다. 맨 처음에 작업한 것처럼 Y축으로도 움직이면서 회전이 되는 애니메이션이 만들어 질 것입니다.



11. 만약에 Shape Layer 2의 회전을 반대 방향으로 하고 싶다면, 값을 -100으로만 입력하면 됩니다. Property Effector 컨트롤 창에 있는 Position 값과 Rotation 값은 현재 애니메이션을 시키지 않은 상태지만, 이것들도 함께 애니메이션을 시켜보기 바랍니다. 만약, Shape Layer 2의 위치를 Y축으로 좀 더 이동시키려면, 수치값을 100에서 300정도로 올려보기 바랍니다. 물론, Position 값을 올리는 것입니다. 그러면 Shape Layer 1의 3배 정도로 더 많은 이동이 됩니다. Rotation도 마찬가지입니다.




3. Property Effector를 Effect와 연결하기


01. Property Effector는 Transform에 있는 속성들만 적용할 수 있는 것은 아닙니다. 이번에는 Effect에 적용해보겠습니다. Shape Layer 2에 Fast Blur Effect를 적용합니다. Effect의 속성 중에서 Blurriness를 선택합니다.



02. Add Effect를 눌러 이것도 추가시켜 봅니다. Property Effector 컨트롤을 확인해 보면, Blurriness가 추가되어 있습니다.



03. 애니메이션을 시켜보면, Y축으로 이동하면서 회전도 하고, Shape Layer 2는 이동하면서 Blur Effect가 적용되는 것을 볼 수 있습니다.




4. Property Effector 응용(1)


01. 이번에는 앞서 작업한 것들을 응용해서 애니메이션을 하나 만들어보겠습니다. 자동차가 움직이면 자동으로 바퀴가 회전되는 애니메이션을 Property Effector를 이용해 만들어보겠습니다. 먼저, 자동차 몸체를 Shape Layer로 하나 만듭니다. Layer의 이름을 '자동차 몸체'라고 입력합니다.



02. 자동차 몸체를 하나의 Shape Layer로 만드는 방법을 설명하겠습니다. 먼저, 몸체, 유리창 1, 유리창 2를 Path로 만듭니다. 그런 다음, Shape Layer 옆에 있는 Add 버튼을 눌러서 Merge Paths를 선택합니다. Merge Paths의 옵션에서 Subtract를 선택하면 됩니다. Subtract는 쉽게 말해 뺄셈입니다. Shape Layer에 여러 개의 Path가 있으면, 맨 위의 Path에서 밑에 있는 Path들의 영역을 마이너스로 빼는 것입니다.



03. 이제 바퀴를 하나 만듭니다.



04. 바퀴도 하나의 Shape Layer로 만들어 보겠습니다. 이것도 마찬가지로 큰 원에서 작은 원을 하나 빼고 중앙에 들어가는 원 Path를 만들어 주면 됩니다.



05. 바퀴를 만들었으면, 이것을 하나 더 복제하여 바퀴 2로 이름을 바꿉니다. 이제 총 3개의 Layer가 만들어졌습니다. 바퀴 2개 Layer를 자동차 몸체 Layer에 Parent합니다.



06. 이제 3개의 Layer를 선택하고, 'R'을 클릭하여 Rotation 속성만 보여지게 합니다. 3개의 속성을 모두 선택하고, Add Effector를 클릭합니다.



07. 자동차의 몸체를 X축으로 움직이기 위해 X축만 100으로 입력하고, Y, Z축은 0으로 입력합니다. Rotation 값은 그대로 놔둡니다. 이제 Property Effector Driver의 값을 0에서 100으로 애니메이션을 시켜봅니다.



08. 결과를 보면, 자동차가 왼쪽에서 오른쪽으로 X축 이동 시 자동으로 바퀴가 굴러가는 것을 확인할 수 있습니다.





5. Property Effector 응용(2)


01. 정사각형의 컬러가 서로 다른 6개를 그림처럼 쌓아놓았습니다. 이번에는 Position이 아닌 Rotation 값만을 가지고 적용 시켜보겠습니다. 이번에 만들려고 하는 것은 나무가 약간 휘어지는 듯한 느낌을 연출해 보려고 합니다.



02. 6개의 Shape Layer를 선택한 다음, Z Rotation의 속성들만 선택을 합니다(Tip을 하나 말하자면, 이렇게 하려면 단축키가 없기 때문에 타임라인에 있는 검색 창을 이용하는 것이 좋습니다. 보는 것처럼 'zr'만 입력해도 간단하게 검색이 가능합니다.) 그리고 또 한가지 해야 할 것이 있습니다. 맨 밑에 있는 정사각형을 제외하고 나머지 것들을 바로 밑에 있는 정사각형에 Parent를 시켜줍니다. 그림처럼 Shape Layer 6은 Shape Layer 5, Shape Layer 5는 Shape Layer 4에 Parent를 시켜줍니다.



03. 각 Layer들의 중심축을 하단의 중심으로 이동시켜 줍니다. 이렇게 해줘야만 원하는 각도로 휘어지는 듯한 느낌을 자연스럽게 줄 수 있습니다.



04. 총 6개 Shape Layer의 Z Rotation을 선택하고, Add Effector를 클릭해 확인해 보면 그림처럼 보여질 것입니다.



이제 Property Effector Driver를 0에서 100으로 애니메이션을 만들어 봅니다. 애니메이션을 시켜보면, 그림처럼 자연스럽게 휘어지는 듯한 효과를 만들 수 있습니다. 이것을 이용하면 원통 같은 느낌 및 새의 날개가 자연스럽게 접혀지는 것 등 다양한 것들을 만들 수 있습니다.





6. Property Effector로 컬러 컨트롤하기


01. 이번에는 컬러를 Property Effector로 연결하는 방법을 알아보겠습니다. 간단하게 Shape Layer 하나를 만들었습니다. Fill 컬러와 Stroke 컬러가 적용된 상태입니다.



02. 타임라인의 검색에서 Color를 입력하여 Fill과 Stroke 컬러 속성만 나오게 합니다. 두 속성을 선택하고, Add Effector 버튼을 클릭합니다.



03. Property Effector Controls을 확인해보면, 이상하게 컬러가 다르게 나옵니다.



04. 그 이유를 알아보겠습니다. 타임라인 윈도우를 보면 Color에 Expression이 적용되어져 있습니다. 아마 대부분의 사람들이 잘 모를 것입니다. 참고로 저도 잘 모릅니다. 하지만, 어차피 컴퓨터가 컬러를 인식하는 것이 영문과 숫자로 인식이 됨으로 그것들에 대한 설명인 듯 합니다.



05. 이제 제대로 Shape Layer 컬러와 Property Effector Controls에 연결된 컬러를 맞춰보도록 하겠습니다. Property Effector Driver 값을 100으로 입력합니다. 그런 다음, Property Effector Controls의 컬러를 원래 설정했던 컬러와 같게 만듭니다. 이제부터는 Property Effector Controls의 컬러를 바꿔주면, 자동으로 Shape Layer의 컬러가 바뀌게 됩니다.



06. 컬러가 바뀌는 애니메이션을 하려면 Property Effector Controls의 컬러에 키프레임을 만들고, 타임마커를 이동한 다음 컬러를 바꿔주기만 하면 됩니다.



07. Property Effector Controls의 컬러 %의 값을 그림처럼 50, 60으로 입력하면, 컬러의 빛이 바랜 것처럼 보여질 것입니다.



08. 마지막으로 셋팅창을 설명 드리겠습니다. 여기서 중요한 부분은 바로 Driver 부분과 Colors 부분입니다. Driver는 총 4개의 옵션이 있습니다. Direct는 Driver 값에 따라 그대로 다른 값들이 변하는 것입니다. Inverted는 Driver 값이 반대로 적용됩니다. Positive Only는 Driver 값이 + 값만 적용이 됩니다. Negative Only는 Driver값이 - 값만 적용이 됩니다. Colors는 Blend와 Cycle로 나뉘고, 기본값은 Blend입니다. Blend로 설정하고, Driver 값을 변화시키면, 자연스럽게 컬러가 바뀌게 됩니다. Cycle로 설정하고 Driver 값을 변화시키면, 오리지날 컬러와 변화되는 컬러가 번갈아 가면서 보여지게 됩니다.



09. Icon Layout은 공간이 부족한 After Effects 인터페이스 안에서 가로와 세로 모양으로 레이아웃을 바꿔주는 기능입니다.



Expression을 잘 몰라도 원하는 속성들을 편리하게 연계시켜서 사용할 수 있는 Property Effector는 사용하기에 따라 편리하게 작업할 수 있게 만들어 줍니다. Script는 대부분이 작업의 효율성을 높이기 위해 사용합니다. 요즘 들어서 너무 편리하고 많은 Script들이 쏟아지고 있긴 합니다. 여러 종류의 것들을 경험해보고, 본인에게 꼭 필요한 것은 완벽하게 익혀서 사용하면, 엄청난 작업 시간을 절약할 수 있을 것입니다.