After Effects CS3의 새로운 기능을 이용하여, 이미지를 랜덤한 디지털 숫자나 단어로 가득 채운 디지털스러운 느낌을 표현해 보도록 하겠다. 이번 튜토리얼에서 가장 중요한 것은 바로 Enable Per-character 3D 기능을 배우는 것이다. CS3에서 새롭게 생긴 Enable Per-character 3D 기능은 바로 타이포 애니메이션 시에 프리셋을 사용하여 애니메이션을 할 때나 사용자 자신이 타이포에 Animation 속성을 추가할 때 유용하게 사용할 수 있는 기능이다. 타이포 애니메이션 시 3D 기능을 사용하도록 Z축을 인식하게 만들어 주는 Enable Per-character 3D 기능을 활용하여 재미있는 영상을 만들어 보자. 1. Text 레이어의 Animate기능 활용하기 01. 먼저 가로와 세로가 1200 픽셀인 컴포지션을 하나 만들어 보자. 차후에 애니메이션이 끝나면 이것을 다시 일반적인 720_480 사이즈에 넣어서 활용하면 된다.
02. 그림에서 보는 바와 같이 원하는 서체를 골라서 가로로 꽉 채운 단어들을 먼저 입력한다.
03. 이제 입력한 타입 레이어 옆에 있는 Animate를 클릭하여 Character Offset을 선택하여 추가한다.
04. 속성을 확인해보자. 그림처럼 Animator 1 이라는 속성이 추가되었다. 여기에서는 여러 가지 속성들이 존재한다. 이제 Chararter Offset 부분을 애니메이션 시켜보자.
05. 타임마커를 0초에 위치시킨 다음에 Chararter Offset 값을 10으로 입력한다.
06. 타임마커를 4초에 위치시킨 다음에 Chararter Offset 값을 25로 입력한다. 자! 그런 다음에 애니메이션을 시켜보자. 숫자들이 랜덤하게 자동으로 변하면서 애니메이션 되는 것을 볼 수 있을 것이다.
07. 현재 만들어진 애니메이션은 모든 단어들이 프레임이 변함에 따라 애니메이션이 된다. 이제 이것을 조금 바꿔보자. Randomize Order값을 Off에서 On 으로 바꿔보자.
08. Shape 부분도 Ramp Up으로 수정해보자. 기본은 Square로 되어 있을 것이다. 이것을 바꾸어보면 어떤 규칙으로 타이포들이 바뀌는 것인지 알 수 있다. 타이포들이 전부 규칙적으로 바뀌지 않고 랜덤하면서 한 박자씩 틀려지게 바뀌는 것을 확인 할 수 있다.
09. Shape을 Square, Randomize Order를 Off로 하였을 때, 1Frame이 변한 애니메이션이다.
10. Shape을 Ramp up, Randomize Order를 On으로 하였을 때, 1Frame이 변한 애니메이션이다.
2. Enable Per-character 3D기능 활용하기 01. 이제 제작한 타이포를 보이는 그림처럼 복제하여 전체 화면을 가득 메우도록 만들어 보자. 눈치가 빠른 분이라면 이제 대충 감을 잡았으리라 믿는다. 이제 이것들을 Z축으로 애니메이션 시키면 우리가 하고자 하는 애니메이션의 거의 50% 정도를 마치는 것이다.
02. 이제 타이포 애니메이션을 Z축으로 애니메이션 시켜보자. 물론, CS3에서만 가능한 일이다. 그 이유는 바로 Enable Per-character 3D 기능이 CS3에서 추가되었기 때문이다. 일단 Enable Per-character 3D 기능을 체크하여 활성화시켜야 한다.
03. 그러면, 지금까지 보지 못했던 아이콘이 3D 레이어 부분에 보여진다. 바로 직사각형 두 개가 겹쳐진 것과 같은 모양이다. 이제 여기에 Add / Property / Position을 클릭하여 Position을 추가해보자. 앞서 Enable Per-character 3D 체크를 하는 순간 Position 부분을 보면 Z축이 생겨났음을 알 수 있다.
04. 이제 타임마커를 0초로 위치시킨 다음 Range Selector 1의 Position 값 중 Z축 값을 -2300으로 입력한다. 그 다음에 Transform / Orientation의 X축 값을 10, X Rotation값을 3으로 입력한다. Orientation 값과 Rotation 값을 주는 것은 공간상의 타이포들이 조금 어긋나게 회전되므로 좀 더 입체감이 나는 분위기를 연출하기 위해서이다.
05.이제 타임마커를 4초에 위치시킨 다음에 모든 값을 0 으로 입력하여 원상태로 만들어 보자.
3. Track Matte 기능 활용하기 01.이제 원하는 이미지를 하나 불러들여 보자.
02.앞서 만든 타이포 레이어 밑으로 불러들인 이미지를 갖다 놓는다. 그런 다음 불러들인 이미지의 트랙매트를 Alpha Matte로 지정한다.
03.이제 애니메이션을 시켜보자. 그림처럼 타이포들이 공간상에서 움직이다가 정렬되는 애니메이션을 보게 될 것이다.
04.이제 애니메이션을 시켜보자. 그림처럼 타이포들이 공간상에서 움직이다가 정렬되는 애니메이션을 보게 될 것이다.
05.타이포의 사이즈를 10 포인트로 만든 다음에 확인해보자. 앞서 만든 것보다 좀 더 디테일한 느낌의 이미지를 만들 수 있다.
이번 튜토리얼에서 중요한 것은 Enable Per-character 3D 기능을 활용하여 타이포 애니메이션 시 Z축을 활용할 수 있는 것을 배우는 것이다. 이것은 모든 타이포 애니메이션 프리셋 기능 활용 시에도 해당된다. Enable Per-character 3D를 이용하면 기존의 애니메이션 프리셋 기능들도 모두 3D 공간상에서 활용할 수 있다.
