모션 그래픽 작업 시, 기본 도형을 After Effects에서 입체로 만드는 것은 이제 어려운 일이 아닙니다. 단지, 조금 짜증나고 시간이 걸립니다. 이런 번거로운 작업을 간단하게 만들어주는 3D Primitives Generator Script를 소개하겠습니다.

택배 박스로 만든 재미난 Amazon의 캐릭터를 본적이 있습니까? 이런 캐릭터를 한번 만들어 보기 바랍니다.

1. Interface

01. 3D Primitives Generator Script의 인터페이스는 간단하게 구성되어 있습니다. 그림처럼 박스, 원통, 피라미드, 프리즘 모양을 만들 수 있습니다.

02. 여기에서는 박스 형태를 집중적으로 설명하겠습니다. 그 이유는 나머지 도형들의 구조도 거의 비슷하게 구성되어 있기 때문입니다. 박스 버튼을 클릭하면 Cube 옵션 창이 나오고, 여기에 XYZ 축에 사이즈를 입력하면 됩니다. 모두 동일하게 600을 입력합니다. Taper는 Top과 Down으로 나뉘어져 있는데, 뒷부분에서 소개하겠습니다. 처음에는 기본값으로 기본형을 만들어보겠습니다.

03. 버튼을 누르면 정사각형의 정육면체가 만들어집니다.

04. 카메라를 만들어서 확인해보겠습니다.

05. 상단의 박스는 하나의 Composition Layer로 보여집니다. Composition Layer를 더블 클릭하여 어떤 형식으로 만들어졌는지 확인해보겠습니다. 6개의 면을 구성하는 Composition Layer와 1개의 Control Layer가 있습니다.

06. 상단의 Control Layer를 선택하면, 3D Primitive Controls 이펙트가 보입니다. 여기에서 박스를 구성하는 면의 컬러 또는 간단한 애니메이션도 컨트롤이 가능합니다.

07. 박스를 만들 때, Taper를 Top으로 설정하고 만듭니다. 박스가 만들어진 후에 Taper 값을 조절하면, 그림처럼 상단의 Top 부분을 제외한 나머지 면들이 펼쳐지는 애니메이션을 만들 수 있습니다.

08. Taper를 Down으로 설정하면, 정확히 반대로 되는 것도 비교해보기 바랍니다. 상황에 맞게 Top이나 Down을 선택해 만들면 될 것 같습니다. Taper Control의 다른 옵션들도 수치 값을 조절해보면, 어떤 것들인지 바로 알 수 있습니다.

2. Color

01. 작업할 경우에 모션 그래퍼들이 신경을 쓰는 것 중에 하나는 바로 질감이나 컬러와 같이 시각적인 퀄리티를 높일 수 있는 것들입니다. 지금은 기본적인 것들을 설명하고 있지만, 좀 더 사용자화하여 원하는 것들을 만들 수 있습니다.

02. 육면체를 구성하는 각각의 Composition Layer를 더블 클릭하면, 그림처럼 구성되어 있습니다. 다른 도형들도 거의 비슷한 구성으로 되어있습니다. 비슷한 구성이란 Solid Layer에 Mask가 적용되었고, Mask를 구성하는 각 Path에는 Null 오브젝트가 연결되어 있습니다. 이렇게 된 이유는 Null을 이용하여 편리하게 컨트롤이 가능하기 때문입니다.

03. 그림처럼 컬러에 관련된 다른 이펙트를 적용해도 되고, Photoshop으로 만들어서 가져와도 괜찮습니다.

3. 원하는 Layer로 제작하기

01. 앞서 작업한 것들은 Layer를 만들지 않은 상태에서 만든 것입니다. 이번에는 사용자가 만든 Layer로 제작하는 방법을 알아보겠습니다. 영화 <스타워즈>에 나오는 캐릭터를 박스 캐릭터로 만든다면 펼친 도면은 아래 그림과 같이 보일 것입니다. 직사각형으로 만들 것이므로 Top과 Down은 그림처럼 정사각형이 나와줘야 합니다.

02. 이번에는 위의 그림처럼 하지 않고, 모든 6개의 면이 같은 사이즈로 만들어보겠습니다.

03. 본인이 만들었든지, 아니면 가져온 파일로 박스를 만들려면 Layer들을 하나씩 연결해줘야 합니다. Layer를 선택한 후, 하단의 F, B, L, R, T, D를 순차적으로 클릭해줍니다. 이 작업이 모두 되었다면, 모든 Layer를 선택한 다음에 Generate from Faces 버튼을 클릭합니다.

04. 일단 직사각형의 박스 캐릭터가 만들어졌습니다.

05. Top과 Down 부분을 확인해보면, 사이즈가 맞지 않아서 이렇게 보일 것입니다. 실제 박스가 만들어진 것을 확인해보면 당연히 Top과 Down은 정사각형이 되어야 한다는 것을 알 수 있을 것입니다.

06. Top Layer는 Y축의 스케일을 조절하여 맞춰주면 됩니다. Down Layer가 현재 Expression으로 연결되어 있으므로 Control Layer에서 조절하면 됩니다.

07. 이렇게 조금 번거로운 작업을 알려드리는 이유는 작업 시 사이즈가 맞지 않아도 당황하지 말고 수정할 수 있다는 것을 보여 드리기 위해서 입니다.

4. Shape Layer로 제작하기

01. 이번에는 Shape Layer를 만들어서 적용해보겠습니다. Merge 기능을 사용하여 그림처럼 가운데가 뚫린 모양을 만듭니다.

02. 복제하여 6개를 만들었습니다.

03. 6개를 앞서 작업한 것처럼 지정해줍니다.

04. 박스를 만들면 다음과 같이 보일 것입니다.

05. 왜 이렇게 보이는지 체크해보겠습니다. 하나의 면을 구성하는 Composition Layer를 선택하여 열어보면, 그림처럼 구성이 되어 있습니다. 앞서 만든 Shape Layer에는 Preserve Underlying Transparency가 체크되어 있고, 맨 하단에는 Solid Layer가 생성되어 있습니다.

06. 만약, 본인이 만든 Shape Layer로만 구성하려면, 그림처럼 Preserve Underlying Transparency를 해제하고 Solid Layer의 눈을 끕니다.

07. 모든 Layer를 이렇게 만든 후에 확인해보면, 아래 그림과 같은 모양이 나올 것입니다.

08. 여기에 추가하고 싶은 디자인이 있다면 추가만 하면 됩니다.

5. 사이즈 체크

01. 이런 작업에서 체크해야 할 부분 중에 하나는 바로 가로, 세로의 사이즈입니다. 3D Primitives Generator Script의 메인에는 Get과 Apply 버튼이 있습니다. Layer를 선택한 다음, Get 버튼을 누르면 바로 밑에 X, Y축의 사이즈가 나타납니다. Apply를 클릭하면, 그림처럼 Values 값에 적용됩니다.

02. 다른 도형들도 만들어보고, 각 옵션 값들을 조절해보면 됩니다.

이 Script를 사용해보면 알 수 있겠지만, 무겁지 않아서 좋습니다. 가볍게 간단한 기본 도형을 만들어서 사용할 수 있는 Script라서 추천 드립니다.