3D Photo Maker는 간단하게 스틸 이미지를 3D 공간처럼 만들어주는 Script입니다. 사실 특별한 것은 아닙니다. After Effects의 기본 기능 중에 하나인 Projection Mapping 기능을 사용하는 것입니다. Projection Mapping 기능은 박스 형태를 만든 후에 이미지를 조각 내어 Mapping을 하는 방식입니다. 

https://videohive.net/item/3d-photo-maker-the-script/18280881

1. Photoshop Generative Expand, Generative Fill

01. 작업을 위해 무료 사이트에서 다운 받은 이미지는 거의 정사각형의 작은 이미지입니다. 이미지가 작아서 Photoshop의 Generative Expand 기능을 이용하여 확장시켜 보겠습니다.

02. Crop Tool을 사용하여 그림처럼 확장을 하고 Generate 버튼을 클릭합니다.

03. Photoshop은 AI로 3개의 이미지를 만들어냅니다. 물론, 마음에 드는 이미지가 만들어지지 않았다면, 다시 Generate버튼을 클릭하면 3개씩 계속 만들어줍니다.

04. Selection Tool로 간단하게 배경에서 인물을 분리해봅니다.

05. 배경 이미지를 선택하고 사람이 있었던 부분을 선택한 다음, Generate 버튼을 누릅니다. 몇 번 눌러서 원하는 이미지가 나올 때까지 해보겠습니다.

06. 일단 깔끔하게 채워진 이미지를 선택했습니다.

07. 사실 인물은 처음에 Object Selection Tool을 가지고 선택하면, 클릭 한 번으로 그림처럼 깔끔하게 분리할 수 있습니다. 이 Layer의 이름을 유령으로 하겠습니다.

08. 상단의 조명도 삭제해보겠습니다. 선택한 후에 Generate 버튼을 클릭합니다.

2. 3D Photo Maker Script 활용

01. Photoshop에서 작업한 파일을 After Effects에서 불러들입니다.

02. 유령 Layer의 눈은 끕니다. 나중에 추가하겠습니다. Background Layer를 선택한 후, create cage 버튼을 클릭합니다.

03. 박스 형태의 Grid가 생성되었습니다.

04. 이제 박스를 조절하여 Background 이미지와 최대한 비슷하게 투시도에 맞춰서 배치하겠습니다. 바로 이 부분이 3D Photo Maker가 가지고 있는 최대의 장점입니다. Script가 없는 상태에서 Projection Mapping으로 이 작업을 하려면 하나하나 Layer의 사이즈 및 위치 값을 조절하여 완벽하게 박스의 형태를 유지해야합니다. 유지하면서 박스의 모양을 맞춰야 해서 상당히 짜증이 나는 작업입니다. 최대한 편하게 작업을 하려면 Y Rotation 값을 이용하여 바닥 부분을 맞춰줍니다. 그런 다음에 Case Height 값을 이용하여 상단의 Top 부분을 맞춰주면 됩니다. 나머지는 다른 옵션들을 조절하여 맞춥니다.

05. 어느 정도 맞추는 작업이 끝났다면 Background Layer를 선택한 다음, Create Projection 버튼을 클릭합니다.

06. Projection Mapping 작업이 간단하게 끝났습니다. 카메라를 움직여서 애니메이션을 시켜보겠습니다.

3. 작업 후에 Layer 추가하기

01. 작업이 끝난 후에 유령 Layer의 눈을 켭니다. 이제 만들어진 3D 공간에 유령 Layer를 추가해보겠습니다. 먼저, 유령 Layer를 Timeline Window의 맨 위로 옮겨줍니다.

02. 그리고 Script 패널의 하단에 있는 forground 탭을 클릭한 후에 Insert in the scene 버튼을 클릭합니다.

03. Layer는 자동으로 Pre-Comp가 됩니다. Pre-Comp가 되는 이유는 현재 Comp와 같은 사이즈로 Layer를 만들기 위해서입니다. 이렇게 해야만 Script에서 사이즈의 절대 값을 찾는 것이 쉽기 때문입니다.

04. Layer의 Scale을 조절하여 사이즈를 어느 정도 맞춘 다음에 Closed - Far away 슬라이드에서 원하는 위치에 Layer를 가져다 놓습니다.

05. 이번에는 텍스트를 추가로 넣어보겠습니다. HORROR라는 텍스트를 입력합니다. 텍스트를 선택한 다음에 Insert in the scene 버튼을 클릭하여 Pre-Comp Layer로 만들어줍니다.

06. 위치를 정하고 Scale을 적당하게 조절해줍니다.

07. Closed - Far away 슬라이드에서 원하는 위치에 옮겨 놓습니다.

08. 만약, 작업을 하다가 모든 것들을 없애 버리고 다시 시작하려면, Reset All 버튼을 클릭하면 됩니다. 대신에 신중하게 생각하고 클릭해야 됩니다. 작업한 모든 것들이 날아가기 때문입니다.

09. 마지막으로 3D Photo Maker에는 애니메이션도 간단하게 만들어주는 기능이 있습니다. 카메라를 선택하고 시작 시간과 끝나는 시간을 지정한 다음, Create Animation 버튼을 클릭해주면 됩니다. 키프레임을 만든 후에 하단에 있는 Animation Curve들 중에서 원하는 것을 클릭하면 실시간으로 Value Graph가 바뀝니다.

10. 애니메이션된 것을 확인합니다.

4. 치명적인 오류 수정하기

01. 여기까지 잘 따라하셨다면 아마도 하나의 의문점이 생겼으리라 생각됩니다. 오리지널 이미지의 퀄리티에 비해서 3D Photo Maker Script를 적용한 이미지의 화질이 너무 떨어집니다. 물론, 이미지를 새로 만든 박스 형태에 Mapping을 하는 방식이라서 그런다고 감안을 하더라도 화질이 많이 깨지는 느낌을 받습니다. 그 이유는 바로 Render 옵션에 있습니다. 우선, 어떤 방식으로 Projection Mapping이 되는지에 대해 알아봐야 합니다. 바로 Light의 Cast Shadows로 보여지는 것입니다. 쉽게 말해서 우리가 극장에서 하얀 천에다가 프로젝트를 비춰서 영화를 보는 것과 같은 원리라고 생각하면 됩니다.

02. 그래서 이 부분을 수정하기 위해서 Composition Settings으로 들어가야 합니다.

03. 3D Renderer > Classic 3D - Option에서 Shadow Map Resolution의 값을 Comp Size가 아닌 최대치 4000으로 올려주면 됩니다.

04. 다시 Render하여 퀄리티를 비교해보기 바랍니다.

앞서 말씀드린대로 Projection Mapping을 좀 더 쉽고 간단하게 만들어주는 것만으로도 꽤나 유용하다고 볼 수 있습니다. 카메라의 옵션들을 조절하여 DoF(Depth of Field)를 추가하면 좀 더 재미있는 상황도 연출할 수 있습니다. 한가지 약간 불안하다고 느낀 것이 있는데, 하나의 Project에 여러 개의 3D Photo Maker Script를 적용했을 경우, 1~2개의 Comp에 적용되었던 이미지가 사라지는 현상이 있습니다. 이 부분은 Script의 오류처럼 보입니다.