SCRIPT작업의 효율성을 가져오는 Script들

motionlab
조회수 4872

애프터 이펙트에서 실제 작업 시 많은 익스프레션이나 스크립트를 사용하지는 않습니다. 물론, 사용을 하시는 분들도 계시겠지만 그렇지 않은 분들이 더 많다는 뜻입니다. 간혹 반드시 사용을 해야만 하는 경우를 제외하고는 키프레임 애니메이션으로 작업하는 것이 일반적인 방식입니다. 이번 시간에는 알아두면 작업 시 시간을 효율적으로 아낄 수 있는 스크립트들을 위주로 설명드리겠습니다. 스크립트의 종류도 워낙 다양해서 많은 스크립트를 가지고 있는 것이 중요한 것이 아닙니다. 자신이 필요로 하는 스크립트를 적시적소에 사용하는 것이 더 중요합니다.

 

 

Gridder

 
우리는 간혹 상당히 많은 수의 레이어를 가지고 작업해야 하는 경우가 있습니다. 이럴 때 중요한 것은 바로 정렬입니다. 대부분 많은 개수의 레이어를 정렬할 때는 일러스트레이터나 포토샵에서 미리 정렬을 시켜 애프터 이펙트로 불러들이는 것이 일반적인 순서입니다. 하지만 만약 그것들을 움직여야 한다면 이야기가 틀려집니다. 아주 복잡해지죠. 이러한 문제를 스크립트로 해결 해보겠습니다.


1.일단 일러스트레이터에서 총 40개의 아이콘을 만든 다음에 이것을 포토샵으로 불러들입니다. 총 40개의 레이어를 같은 위치에 놓고 Save를 합니다.


2.일반적으로 레이어가 많은 포토샵 파일을 애프터 이펙트로 불러들일 경우에는 레이어의 이름을 제대로 표기하는 것이 상당히 중요합니다. 하지만 이번 경우는 많은 레이어들을 정리 정돈하는 것임으로 이름을 각각 입력하진 않았습니다.  


3.이제 이 파일을 애프터 이펙트로 불러들입니다.


4.1280_720 사이즈의 컴포지션을 하나 만듭니다. 아이콘들이 어두운 칼라여서 배경색을 White로 정합니다.   


5.새로 만든 컴포지션 윈도우로 파일들을 드래그하여 옮겨 놓습니다. 총 40개의 레이어를 정렬한다는 것은 정말 쉽지 않은 일입니다. 이제 이것들을 간단하게 배열해 보도록 하겠습니다.



6. 스크립트를 인스톨 하는 방법은 애프터 이펙트 폴더안의 Support Files / Scripts파일안에 Gridder스크립트를 넣으시면 됩니다. 그런 다음에 애프터 이펙트를 실행합니다. 애프터 이펙트의 Window메뉴에서 Gridder스크립트를 찾으실 수 있습니다.Set grid step은 정렬시 세로와 가로의 개수를 정해주는 옵션입니다. Set spacing은 가로와 세로의 폭을 조절해주는 옵션입니다. 타이포그래픽으로 비유하면 자간과 행간을 조절하는 것과 같습니다. Square grid를 체크하면 가로와 세로의 폭이 똑같게 바뀝니다.


 

7. Set grid step값을 5, 5로 입력하면 그림처럼 보여집니다. 물론, Gridder스크립트의 옵션 값을 조절하기 이전에 레이어들을 모두 선택해야 합니다. 그래야만 스크립트가 적용됩니다. 가로와 세로의 개수가 각각 5개라는 말은 총 25개라는 것입니다. 전체 아이콘의 수가 40개인데 나머지 15개는 어디로 갔을까요?.


8.아이콘들을 확대해서 보면 여러 개가 겹쳐져 있는 것을 알수 있습니다.


9.간단하게 말씀드리면 가로와 세로의 숫자를 곱해서 총 40의 숫자가 나오면 됩니다. 가로는 10, 세로를 4로 입력하면, 총 40개의 아이콘들이 전부 정렬되어지는 것을 보실 수 있습니다.


10.가로의 공간을 120으로 입력하면 그림처럼 화면 안으로 모든 아이콘이 보여지게 됩니다.


11.확대해서 확인해보면 총 40개의 아이콘들이 제대로 정렬된 것을 볼 수 있습니다.



12.세로의 값을 70으로 입력하면 세로의 폭이 좁아지면서 조밀하게 아이콘들이 모여집니다.


13. Square grid를 체크해주면 가로와 세로의 폭이 같게 변합니다.


14.헌데 문제가 하나 있습니다. 키프레임 애니메이션을 현재 상태에서는 할 수가 없습니다. 그것을 해결할 수 있는 방법이 바로 Expressions을 이용하는 것입니다. Gridder의 하단을 보면 Expressions이 있습니다. 여기에서 Create를 눌러 주시면 됩니다.

 

15. Create버튼을 누르는 동시에 Null오브젝트가 생성됩니다. Null오브젝트에 자동으로 이펙트가 생성되어져 있습니다. 헌데 다른 부분들은 앞서 설명 드린 옵션들에 모두 나와있는 것들인데, Only columes과 Only Rows는 없는 것입니다. 말 그대로 가로와 세로 부분만 별도로 조절을 할 수 있는 것입니다. 이 부분을 알아보도록 하겠습니다. (이펙트 형식으로 되어져 있기 때문에 이제 키프레임 애니메이션을 만들 수 있습니다. )


16.Gridder스크립트창을 보면 앞서 설명드리지 못한 부분이 있습니다. 아이콘 부분에 클릭을 하면 오렌지로 활성화가 되면서 하단의 세로 Step을 조절하는 부분이 비활성화됩니다.


17.이펙트가 어떻게 만들어졌는지를 보시면 전부 스크립트가 슬라이더와 연결되어져 만들어졌습니다.


18.어떻게 슬라이더 바의 수치값에 따라 아이콘들의 배열이 틀려질까요? 그 해답은 바로 각각의 아이콘 레이어들을 확인해보면 됩니다. 바로 각각의 레이어들 Position이 익스프레션으로 연결되어져 있습니다.


 

19.혹시 Create버튼을 눌러서 이펙트를 만들었다면 이제 삭제하는 것도 문제입니다. 만약에 Null오브젝트를 그냥 Delete하면 아마도 40개 정도의 경고창이 나올 것입니다. 왜냐면 각각의 아이콘 레이어들의 Position에 익스프레션이 적용되어져 있기 때문입니다. 그래서 삭제를 하려면 Gridder의 하단에 있는 Bake버튼을 눌러서 삭제해야 합니다.


 

20.총 40개의 레이어 Position이 익스프레션으로 Null레이어의 이펙트와 연결되어져 있어서 사용자가 원하는 대로 레이어들의 간격을 넓히거나 좁힐 수 있습니다. 보시는 그림처럼 복잡한 움직임들임에도 불구하고 간단한 키프레임만 만드시면 애니메이션이 완성됩니다. 


 

 

Construction


Construction스크립트는 입체적인 빌딩 (또는 박스형태)을 만들어 주는 독특한 스크립트입니다. 대부분의 스크립트들이 간단한 슬라이더 바 또는 버튼들이나 수치 입력 창으로 이루어진 반면,  Construction스크립트는 썸네일 위주의 창으로 만들어져서 약간 당황스러운(?) 스크립트 입니다. 물론, 이 스크립트도 대부분의 스크립트와 마찬가지로 \Program Files\Adobe\Adobe After Effects CSx\Support Files\Scripts 여기에 넣어두시면 됩니다. 대신 이 스크립트의 구성은 이미지들이 있는 폴더도 포함되어져 있으므로 함께 Scripts폴더에 넣어주시면 됩니다.


1. Construction스크립트를 실행하면 5개의 탭으로 구성된 창이 나옵니다. 하나하나 탭들을 간략하게 설명드리겠습니다.

 
Day탭에는 낮에 흔히 볼 수 있는 빌딩 샘플들이 있습니다. Night탭에는 밤에 볼 수 있는 빌딩 샘플들이 있습니다. Position탭에는 여러 개의 빌딩들을 컴포지션에 배치할 때 편리하게 위치를 잡을 수 있도록 총 8개의 포지션 버튼이 있습니다. Option탭에는 자동으로 카메라와 빌딩들을 위치시킬 수 있는 바닥 면을 만들어 주는 버튼이 있습니다. Help는 Construction스크립트에 대한 간략한 설명 글이 있습니다. 대략 설명을 드리자면 컴포지션을 만들지 않아도 빌딩 아이콘을 클릭하면 “City”라는 새로운 컴포지션이 생겨납니다. 빌딩의 이미지들이 상당히 큰 사이즈이기 때문에 프리뷰를 빨리 보려면 컴포지션에서 프리뷰 퀄리티를 Half 또는 Third로 해 놓는 것이 좋습니다. 그리고, 사용자가 원하는 이미지를 가지고 빌딩을 제작할 수도 있습니다.


2.일단 night탭을 클릭하여 원하는 빌딩을 하나 클릭합니다. 컴포지션 가득 이미지가 보여질 것입니다. 이미지가 상당히 큽니다. 빌딩 이미지 중에는 4000픽셀이 넘는 사이즈도 있습니다.


3.컴포지션을 만들지 않은 상태에서 빌딩 아이콘을 클릭하여 생성하면 City라는 컴포지션이 생성됩니다. 여기서는 Construction이라는 컴포지션을 미리 만들었습니다. 컴포지션을 미리 만든 후에 빌딩아이콘을 클릭하면 컴포지션에 자동으로 보시는 그림처럼 빌딩 레이어가 자동으로 들어옵니다.


4.이제 여기에 카메라를 만들어 보도록 하겠습니다. 메뉴에서 카메라를 만들 수도 있지만  Construction스크립트에서 제공하는 카메라를 이용해 보겠습니다. Option탭을 클릭하여 카메라처럼 생긴 아이콘을 클릭해 주시면 됩니다.


5.타임라인을 보시면 카메라가 자동으로 생성된 것을 알 수 있습니다.


 

6.이제 카메라로 빌딩의 앵글을 약간 바꿔 봅니다. 완벽하진 않지만 그럴싸하게 빌딩이 보여집니다. 사실 2D에서 이미지를 가지고 만드는 입체가 완벽할 수는 없습니다. 그래서 이러한 종이상자같은 입체들은 여러분들이 어떻게 사용을 하느냐에 따라 크게 달라질 수 있습니다. 실사와 합성할 시에 뒷배경 같은 것으로 들어가 준다면 크게 이질감 나지 않게 사용하실 수 있을 것입니다.


 

7.빌딩 아이콘을 클릭하면 어떻게 입체적인 빌딩이 생겼을까요? 바로 스크립트가 미리 만들어진 이미지들을 불러들여서 입체로 만든 것입니다. 프로젝트 윈도우를 보시면 빌딩의 이미지가 있는 폴더가 자동으로 생성되어졌음을 알 수 있습니다. 만들어진 컴포지션을 더블클릭하여 그 구조를 보면 같은 빌딩이미지 4장과 Top부분의 이미지 1장으로 이루어져 있습니다.


 

8.여기에 하나의 빌딩을 더 추가시킬 수도 있습니다. 또 다른 빌딩을 클릭하시면 보시는 것과 같이 입체 빌딩이 하나 더 컴포지션에 생성됩니다.


 

9.여기에 하나를 더 추가해 보도록 하겠습니다. 이제 총 3개의 빌딩이 생성되었습니다.


 

10.컴포지션에서 드래그하여 빌딩들의 위치를 잡아줄 수도 있지만 간편하게 위치 이동을 하는 방법을 알아보겠습니다. Position탭을 클릭합니다. 자신의 현재 위치를 빨간 원이라고 가정할 때 Position1에서 8까지의 위치를 자동으로 이동할 수 있습니다. 이동하기를 원하는 빌딩을 선택하고, Position버튼을 하나하나 눌러보시기 바랍니다. 이러한 버튼이 있는 이유는 다수의 빌딩들을 생성했을 때 좀 더 빠르고 편하게 배치시키기 위해서입니다.


11.이제 여기에 빌딩들이 서 있을만한 바닥을 만들어 보겠습니다. Option탭의 Floor버튼을 누르시면 됩니다. 회색의 솔리드 레이어가 자동으로 생성됩니다.


12.빌딩 컴포지션 레이어를 타임라인 윈도우에서 선택한 다음에 Effects윈도우를 보시면, 빌딩의 가로와 세로, 그리고 폭을 조절 할 수 있는 슬라이더 바를 보실 수 있습니다.

 

13.이것들을 조절하여 원하는 빌딩의 형태를 만드시면 됩니다.


14. Construction스크립트에서 미리 만들어진 빌딩들이 아닌 나만의 빌딩을 만들어 보도록 하겠습니다. 사실 총 10개 밖에 빌딩 템플릿을 제공하기 때문에 부족함이 많습니다. 이제 내가 원하는 이미지로 간단하게 빌딩을 만들어 보도록 하겠습니다. 일단 빌딩 이미지를 먼저 찾아봅니다. 일명 구글링을 통해서 찾아보는 방법이 있습니다. 구글에서 Building texture로 검색을 하시면 그림처럼 다양한 이미지들이 나옵니다. 여기를 통해서 얻는 방법이 있습니다. 또 한가지 방법은 www.cgtextures.com사이트로 들어가 회원가입을 하시고, 원하는 이미지를 받으시면 됩니다. 


15.원하는 빌딩 이미지를 하나 골랐습니다. 이 이미지를 애프터 이펙트로 불러들입니다.


16.일단 새로운 컴포지션을 만들어서 방금 불러들인 이미지를 타임라인에 올려 놓습니다. 그런 다음에 Construction탭에 있는 Day또는 Night에 있는 물음표 아이콘을 클릭합니다. 물론, 이때 타임라인에 올려놓은 이미지를 선택한 후에 아이콘을 클릭해야 합니다.


17.물음표 아이콘을 클릭하는 순간 빌딩 이미지 레이어가 컴포지션 레이어로 바뀌고 순식간에 3D 빌딩이 생성되어집니다.

 

18.다시 Option탭에서 카메라 아이콘을 클릭하여 카메라를 만듭니다.


19.앵글을 조절하면서 빌딩이 제대로 만들어 졌는지 확인합니다.


 

20.원리는 간단합니다. 불러들인 이미지 한장을 가지고 빌딩의 4면을 구성한 다음에 Top에 들어갈 이미지는 기존에 있는 이미지를 가져온 것입니다. Construction스크립트가 좋은 이유 중 하나는 바로 자신이 원하는 이미지로 간단하게 박스 형태의 3D입체를 만들 수 있는 것입니다. 여기에서는 빌딩을 보여드렸지만 원하는 박스형태의 다양한 것들을 손쉽게 만들 수 있습니다. 물론, 만들어진 박스는 다양한 사이즈로 변형도 간단하게 할 수 있습니다.