SCRIPTRay Dynamic Color Script

motionlab
조회수 6978

Ray Dynamic Color Script는 Shape Layer의 Fill, Stroke 컬러를 좀 더 편하게 컨트롤하기 위해 만들어진 Script입니다. Ouroboros를 만든 Sander van Dijk가 만든 Script로, 확실한(?) Script라고 말해도 과언이 아닙니다. 그만큼 믿음이 가는 Script입니다. 사용을 해보면 알겠지만, 인포그래픽에 최적화되었다고 해도 될 정도로 편리합니다.



1. Ray Dynamic Color란 무엇인가?


Ray Dynamic Color는 Palette를 만들어서 Shape Layer와 Expression으로 연결하여 컨트롤하는 Script입니다. Sander van Dijk의 Vimeo 사이트에 들어가보면, 다양한 작품들을 만날 수 있습니다.
홈페이지: www.georegulus.com, Vimeo: vimeo.com/sander




www.georegulus.com/resources/#ray-dynamic-color-resources 사이트에 들어가면, Ray Dynamic Color에 사용할 수 있는 컬러 Palette를 무료로 다운로드 받을 수 있습니다.





2. Ray Dynamic Color


01. Ray Dynamic Color를 실행하면, 그림처럼 Script 창이 보여집니다. 새롭게 업그레이드된 2.0 버전부터는 패널의 사이즈를 키우거나 줄여도 UI가 자동으로 변하여 공간을 절약할 수 있게 되었습니다. 기어 모양의 아이콘을 클릭하면, 각 UI에 대한 설명과 튜토리얼 사이트로 이동할 수 있는 링크 버튼이 나옵니다.




02. Ray Dynamic Color에 있는 + 버튼을 클릭하면, 요즘 Script에서는 보기 힘든 Script Promp 창이 나옵니다. Palette의 이름을 입력하는 창입니다. OK 버튼을 누릅니다.



03. 기본적인 Palette가 생겨납니다. Composition 윈도우를 보면, 컬러마다 숫자가 보여집니다. 이펙트 컨트롤을 보면, 총 7개의 컬러가 바로 그것입니다.




3. 나만의 Color Palette 만들기


01. 만약, 일러스트로 소스를 제작했다면, 이렇게 Palette를 생성하면 됩니다. 일러스트 파일을 After Effects로 불러들여 Composition에 보여지게 합니다.




02. 타임라인 윈도우에서 일러스트 파일을 선택한 다음, 마우스의 오른쪽 버튼을 클릭하여 'Create Shapes from Vector Layer'를 선택합니다.




03. 새로운 Shape Layer가 생성되고, 불러들였던 일러스트 파일의 눈은 자동으로 꺼집니다. 새롭게 만들어진 Shape Layer의 Contents를 살펴보면, 총 90개 정도의 Group이 만들어졌습니다. 생각보다 상당히 많은 수의 Layer가 나누어졌습니다.




04. Shape Layer에 Group들을 모두 선택합니다. 다시 말해, Composition에 있는 Path들을 마우스로 드래그하여 모두 선택합니다. 그런 다음, Ray Dynamic ColorScript 창에 있는 + 버튼을 클릭합니다.




05. 새롭게 추가될 Palette의 이름을 입력하고 OK 버튼을 누릅니다.




06. Palette가 만들어지는 프로세스 창이 잠시 나타난 후에 총 52 컬러의 Palette가 만들어졌다는 창이 나옵니다(괜히 경고창 같아서 놀랄 수도 있습니다).




07. Ray Dynamic Color Script 창을 보면, 그림처럼 일러스트에 사용된 컬러들이 Palette로 만들어졌습니다. 그런데, 분명 52개의 컬러가 있어야 하는데 50개 밖에 없습니다. 연필 모양의 아이콘(Edit Palette)을 클릭합니다. Palette Composition 안으로 들어가보면, 50개 이상은 표시가 되지 않습니다.




08. 만약, After Effects에서 Shape Layer로 만들었어도 방법은 같습니다. 아래 그림은 5개의 Shape Layer로 만든 것입니다. 일단 5개의 Layer를 모두 선택합니다.




09. + 버튼을 눌러서 새로운 Palette를 만듭니다. 그리고 도형 프로젝트라고 이름을 입력하고 OK 버튼을 누릅니다.




10. 8개의 컬러가 만들어졌다는 창이 나오며, 도형 프로젝트라는 Palette가 생기고, 8개의 컬러가 보여집니다.




11. 자동으로 타임라인 윈도우에 Ray - 도형 프로젝트가 생겨났습니다. 눈은 꺼져 있는 상태입니다.




12. 다른 Layer들의 눈은 끄고, Ray - 도형 프로젝트 Layer의 눈만 클릭하여 켜놓습니다.




13. Composition 윈도우를 보면, 만들어진 8개의 컬러가 보여집니다.




4. Ray Dynamic Color Script 활용하기(1)


01. 이제 새로운 Composition에 간단하게 나비 모양을 Shape Layer로 만듭니다.




02. 나비의 왼쪽 날개 부분을 선택하고, 도형 프로젝트 Palette의 노란색 컬러를 클릭합니다. 하단에 있는 Color Fill & Stroke 옵션이 체크되어져 있어서 그림처럼 모두 노란색으로 바뀌게 됩니다.




03. 다중 Layer를 선택해도 적용됩니다. 날개 2개의 Layer를 선택한 뒤, 이번에는 Color Stroke 옵션을 체크하고, 파란색을 클릭합니다.




04. 이번에는 나비의 몸통을 선택하고, Color Fill 옵션을 선택하여 원하는 컬러를 선택합니다. 이렇게 만들어진 Palette로 다른 Composition의 Fill 컬러 또는 Stroke 컬러를 마음대로 바꿔줄 수 있습니다. 물론, Palette의 컬러를 바꾸면, 일괄적으로 모두 바뀝니다. 정말 편합니다. 아마도 이런 스타일의 유료 템플릿들도 본적이 있을 것입니다.




05. 연필 모양의 Edit Palette를 클릭하면, Palette의 컬러를 편집할 수 있는 Composition으로 이동합니다.




06. 만약, Palette에 새로운 컬러를 추가하고 싶다면, 이펙트 컨트롤에서 하나를 선택하고 복제합니다. 복제한 컬러의 색은 분홍색으로 지정합니다. 그런데, 자세히 보면 Ray Dynamic Color Script에는 새로운 컬러가 추가되지 않았습니다.




07. 이펙트 컨트롤에서 Refresh Palette 버튼을 눌러주면 됩니다. 누르면 새롭게 추가한 컬러가 Palette에서 보여집니다. 이처럼 컬러를 새로 추가하여 만들면 반드시 Refresh Palette 버튼을 눌러줘야 합니다.




5. Ray Dynamic Color Script 활용하기(2)


01. 이제 새로운 Palette를 하나 만들어서 하단 팝업에 있는 메뉴들을 알아보겠습니다. 총 8개의 컬러를 만듭니다.



02. 새로운 Palette의 이름을 Random이라고 입력하고 OK 버튼을 누릅니다.



03. 이제 Random Palette를 만들었습니다. 이번에는 Ray Dynamic Color Script 하단에 있는 팝업 메뉴에서 Random을 선택합니다. 그런 다음에 Composition에서 Layer를 선택하고, Palette의 컬러를 선택하면, Random하게 컬러가 지정됩니다.



04. 이번에는 Cycle로 지정합니다. Cycle은 간단하게 Layer의 컬러를 바꿔줄 수 있습니다. Layer를 선택한 다음, Layer 마커를 그림처럼 만들어주고 컬러를 바꾸면, 마치 키프레임 애니메이션을 한 것처럼 컬러가 바뀝니다. 키프레임을 만들지 않기 때문에 빠른 시간에 여러 개의 컬러를 바꿔줄 수 있습니다.



05. Layer 마커를 만들어주는 방법은 Layer를 선택하고, 키패드에 있는 * 를 눌러주면 됩니다. Layer 마커가 바로 키프레임이라고 생각하면 됩니다. 그리고 타임 마커를 뒤로 조금 옮기고 컬러를 바꿔줍니다. 그런 다음에 Play해보면, 컬러가 바뀌는 것을 볼 수 있습니다.



06. 왜 그렇게 바뀌는지 궁금할 것입니다. Cycle을 선택하면, 자동으로 Shape Layer의 Fill과 Stroke 컬러에 Expression이 적용됩니다.



07. Value Color 부분을 클릭해서 확인해보면, 컬러가 어떻게 바뀌는지를 확인해 볼 수 있습니다.



08. 이번에는 애니메이션을 만들어 보겠습니다. Cycle을 선택하고 Layer 마커를 만들어줘도 되지만, 이번에는 키프레임을 만들어서 만들어 보겠습니다.



09. 이번에는 Animate를 선택합니다.



10. 그런 다음, Fill의 Color에 키프레임을 만들고 컬러를 바꿔주면, 그림처럼 자연스럽게 변하는 애니메이션을 만들 수 있습니다. Cycle옵션 + Layer 마커가 스톱 모션 애니메이션처럼 만들어 준다면, Animate + 키프레임은 자연스러운 애니메이션을 만들어 줍니다.




간략하게 Ray Dynamic Color Script를 설명 드렸습니다. Ray Dynamic Color를 이용하면, 전체 애니메이션의 컬러를 손 쉽게 Palette 하나로 컨트롤할 수 있습니다. 모션그래픽의 컬러를 정확히 제한적으로 사용할 수 있다는 장점도 있습니다. Shape Layer 사용시 유용하게 사용되는 Script입니다.