TUTORIALSlot Machine 애니메이션 제작하기

motionlab
조회수 2722

이번 달에는 인터넷 상에 있는 튜토리얼 중에 Colin Lea가 만든 슬롯 머신 애니메이션 만드는 방법에 대해 알아보자. 솔리드 레이어와 간단한 이펙트를 가지고 효과적인 슬롯 머신 애니메이션을 만들어 보자. 이펙트를 효과적을 활용하는 방법을 눈 여겨 보면 다른 이펙트들을 응용할 시에 많은 도움이 될 것이다. 이펙트 중에서 Expression 이펙트가 어떤 역할을 하는 지에 대해서도 알아보자.


1. Slot 머신 만들기


001. 먼저 720_480 사이즈의 솔리드 레이어를 만들어 보자. 솔리드 레이어 하나에 슬롯머신의 한 면이 나올 것이다. 각각 칼라가 다른 3개의 솔리드 레이어를 제작한다.



002. 이제 만든 솔리드 레이어 3개를 연결시킨 컴포지션을 만들어야 한다. 그러기 위해서는 가로의 사이즈가 720 픽셀의 3배인 사이즈의 컴포지션을 만들어야 한다. 720 사이즈의 3배는 2160픽셀이다.



003. 여기에서 많은 사람들이 잘 모르고 지나가는 부분에 대해 얘기해 보자. 2160픽셀을 계산해 내려면 720을 곱하기 3을 해야 하지만 더 쉽고 간편한 방법이 있다. Expression에서 사용되는 방법으로 곱하기 기호인 "*"을 입력해주기만 하면 간단하게 해결이 된다.



004. 새롭게 만든 컴포지션에 앞서 제작한 칼라가 틀린 3개의 솔리드 레이어를 그림처럼 옆으로 배치를 한다.



005. 이제 720_480사이즈의 컴포지션을 하나 만든다.



006. 이제 앞서 만든 컴포지션을 (가로 사이즈가 720의 3배인) 불러들인다. 불러들이면 가로가 2160인 컴포지션이 불러들여 질 것이다.



007. 사이즈를 33%로 줄인다. 그러면 화면에 그림처럼 딱 맞는 사이즈로 줄어 든다.




2. CC Cylinder 이펙트 적용하기


001. Cycore 이펙트는 다양한 기능을 가지고 있다. 이펙트 메뉴에서 Perspective로 가서 확인해 보자. 여기 있는 이펙트들은 3D공간감을 내는 이펙트 들이다. 여기에서 슬롯머신은 원통이 돌아가는 듯한 효과를 주어야 하므로 CC Cylinder 이펙트를 적용한다.


 

002. 이펙트를 적용한 다음에 옵션 중 Rotation Z값을 90도로 입력한다. 그러면 그림처럼 보여질 것이다. 90도로 입력을 하는 이유는 가로로 긴 컴포지션을 세로로 긴 원통으로 만들기 위해서이다.



003. 확인을 해보자. 이펙트 창에서 CC Cylinder 옵션 중 Rotation Y값을 67도로 입력해보자. 그림처럼 마치 슬롯 머신이 돌아가듯이 위아래로 회전이 될 것이다.



004. 이제 작업의 편이성을 위해서 레이어의 이름을 "중앙"이라고 바꾼 다음 이것을 복제한다. 복제한 레이어의 이름은 "왼쪽"이라고 입력한다. 그런 다음 CC Cylinder 옵션 중 Position X를 -600으로 입력한다.



005. 같은 방법으로 레이어를 하나 더 복제한 다음 이번에는 "오른쪽"이라고 이름을 고쳐 준다. 이번엔 CC Cylinder 옵션 중 Position X를 600으로 입력한다.



3. 슬롯머신의 외곽모양 만들기


001. 이제 앞서 만든 모양에서 불필요한 부분을 가려 줄 수 있는 판을 만들어 보자. 새로운 솔리드 레이어를 하나 만든다.



002. 그런 다음 그림처럼 원통의 뒷부분을 가려줄 수 있도록 마스크를 만들어 불필요한 부분을 가려준다.



003. 자! 같은 방법으로 마스크를 만들어서 그림처럼 마스크를 위치시킨다. 이때 마스크의 모드를 Substract로 해주어야 한다.




4. Expression 사용하기


001. 이제 제작한 슬롯머신을 편하게 애니메이션 하기 위해 Expression 이펙트를 사용하는 방법에 대해 알아보자. 먼저 Expression Controller라고 이름을 붙이고 솔리드 레이어를 하나 만든다.



002. 그런 다음 투명도를 0%로 입력한다.



003. 이펙트 메뉴에서 Expression Controls에 있는 Angle Control을 선택한다.



004. "오른쪽" 레이어를 선택한 다음 Alt키를 누른 상태에서 CC Cylinder 이펙트의 Rotation Y옆에 있는 타임워치를 클릭한다. 그러면 Expression이 적용된다.



005. 이제 옆에 있는 휘슬을 이용해서 Angle Control 이펙트의 Angle에 연결시킨다. 그러면, 이제 Angle값을 조절함에 따라 "오른쪽" 레이어의 Rotation Y값이 똑같이 바뀌는 것을 볼 수 있을 것이다.



006. Angle값을 170으로 입력해보자. 그림처럼 위아래로 회전이 될 것이다.



007. 같은 방법으로 "왼쪽" 레이어의 Rotation Y값도 연결을 시켜준다. 물론, Angle Control 이펙트를 하나 더 적용시켜서 앞서 작업한 "오른쪽" Angle Control 이펙트와는 별도로 해주여야 한다.



008. 확인을 해 보자. 다른 모든 레이어들도 앞서 만든 레이어처럼 모든 이펙트가 적용되었음을 알 수 있다.



009. 이제 모든 Expression연결 작업이 끝났다. 확인을 해보자. Expression Controller 레이어에 있는 세 개의 Angle Controls 이펙트의 이름을 작업하기 편하게 연결시킨 레이어의 이름처럼 바꾸어 준다. 그런 다음 회전을 시켜보자. 그림처럼 회전시키는 값에 따라 똑같이 레이어들의 CC Cylinder Rotation Y값이 변화되는 것을 확인할 수 있을 것이다.



5. 원하는 이미지로 대체하기


001. 이제 원하는 이미지로 앞서 만든 슬롯머신 이미지들을 넣어보자. 3개의 이미지를 만들어 보자. 물론, 더 많은 이미지를 넣고 싶다면 앞서 3개의 레이어를 겹쳐서 슬롯 머신을 만드는 대신에 여러 개의 이미지를 겹쳐서 만들면 될 것이다.




002. 원하는 이미지를 앞서 세 개의 레이어를 옆으로 배열한 720*3 컴포지션에서 겹쳐놓는다. 그림처럼 겹쳐놓으면 자연스럽게 이미지가 보여지지 않는다. 그 이유는 CC Cylinder가 가로로 긴 이 컴포지션을 세로로 긴 원통으로 바꾸어 주기 때문이다.



003. 제대로 된 슬롯 머신의 그림을 보기 위해서는 이미지들을 90도 회전 시켜서 그림처럼 배치시켜야 한다.



004. 이제 확인을 해보자. 그림처럼 자연스럽게 슬롯 머신이 만들어 졌다. .



이번 예제는 사실 슬롯 머신을 만드는 것보다도 이펙트를 어떻게 응용하여 활용하는 지에 대한 중요성이 더 크다. 사실 이러한 이펙트 말고 기본적인 이펙트 중에서도 응용하기에 따라 다양한 효과를 내는 것들이 상당히 많다. Expression Controls 이펙트안에 있는 이펙트들을 레이어의 속성과 어떻게 연결하여 사용하는 지에 대한 것도 이번 예제의 중요한 핵심이다. 좀 더 편하고 간단하게 키 애니메이션 작업을 하는 것이 작업의 퀄리티에도 많은 영향을 미친다. 또한 작업이란 것이 한번에 끝나는 것이 거의 없다. 수정에 재수정을 거쳐 완성되는 것이기 때문에 작업자가 최대한 편하게 작업할 수 있는 환경을 만드는 것이 중요하다.