모두에게 공감을 주는 입체감 있는 제품 목업 만들기
디멘션을 사용하면 2D 배경 이미지와 3D 에셋을 합성하여 이미지에 생기를 불어넣을 수 있습니다. 이 게시글에서는 디자이너인 주자나 체르니가 어도비 디멘션(Adobe Dimension)에서 발렌타인 데이를 주제로 한 제품 목업을 만드는 방법을 살펴봅니다. 주자나는 어도비 스톡을 통해 무료로 3D 에셋을 다운로드한 다음 사용자가 직접 자신의 프로젝트에 사용하도록 에셋을 컴파일했습니다. 이러한 에셋은 여기에서 다운로드하십시오.
그러면 주자나가 단계별로 안내하는 자신의 크리에이티브 프로세스를 살펴보겠습니다. 이 프로세스를 따라 하여 어도비 일러스트레이터에서 여러분만의 미적 감각을 발휘하여 에셋을 원하는 대로 만들 수 있습니다.
여러분, 지면으로 인사드리게 되어 반갑습니다. 저는 주자나 체르니이며 현재 사용자 경험(UX) 디자이너로 일하고 있습니다. 줄곧 작업을 해오면서 저의 디자인에 생기를 불어넣을 수 있는 목업을 찾고 있습니다. 제가 작업을 비핸스에 게시하면 같은 디자이너의 포트폴리오에서 동일한 기본 에셋이 목업으로 사용된 작품을 자주 보게 됩니다. 이렇게 되면 보는 사람에게 흥미로운 다양한 작업을 선보여야 하는 포트폴리오가 참신함을 잃어 자칫 평범해 보일 수 있습니다. 지난해 필자는 제 디자인과 어울릴 뿐만 아니라 디자인을 더욱 향상시켜줄 수 있는 특별한 목업 제작 방법을 찾았습니다. 바로 어도비 디멘션을 어도비 일러스트레이터와 어도비 포토샵과 함께 사용하는 것입니다.
다음은 제가 일상적으로 수행하는 디자인 프로세스의 예시입니다. 여러분이 생각하는 것처럼 그렇게 어렵지 않고, 오히려 매우 간단하고 이해도 쉽습니다. 여러분에게 권하는 과제는 바로 차 상자(Tea Box) 디자인을 제작하여 어도비 디멘션을 이용해 3D 목업으로 배치하는 작업입니다. 필자의 작업 파일을 사용하여 따라 할 수 있습니다.
1단계: 초기 디자인
목업 제작의 첫 단계는 자신의 디자인을 잘 표현할 적절한 3D 에셋을 찾는 것입니다. 필자는 자주 어도비 스톡에서 무료 3D 에셋을 다운로드하여 필요에 맞게 변경하는 작업을 좋아합니다. 차 상자 디자인과 일러스트레이터 파일을 함께 배치했습니다. 이 파일을 열려면 프로젝트 폴더에서 “Teaboxdesign.ai”를 더블 클릭합니다.
2단계: 디자인 편집
일러스트레이터를 통해 이 차 상자의 디테일을 편집하여 차 상자 디자인을 자신에 맞게 수정합니다. 이름을 변경하고 색상이나 글꼴도 변경하여 자신이 원하는 차 상자 유형을 만듭니다.
3단계: 라이브러리에 디자인 추가
대지를 선택하고 마우스 오른쪽 버튼을 클릭합니다. “라이브러리에 추가”를 찾아 이 옵션을 선택합니다. 라이브러리를 선택하라는 메시지가 표시되면 새 라이브러리를 생성하거나 기존 어도비 크리에이티브 클라우드 라이브러리에 추가합니다.
4단계: 디멘션 다운로드
파일을 라이브러리에 저장했으면 디멘션으로 이동합니다. 어도비 디멘션은 크리에이티브 클라우드 앱에서 다운로드할 수 있습니다. 앱을 컴퓨터에 설치하고 디멘션 앱을 엽니다.
5단계: 배경 이미지 가져오기
컴퓨터에서 디멘션을 연 다음 “새 프로젝트(new project)”를 선택합니다. 새 프로젝트가 열리면 다운로드한 프로젝트 폴더를 찾아 “Background.jpg” 이미지를 이 폴더로 드래그합니다. 아래 이미지에 표시된 것처럼 파일 메뉴를 사용하여 배경을 가져올 수 있습니다. 튜토리얼에서는 이 이미지를 사용하겠지만 여러분은 아무 이미지 파일을 가져와 디멘션에서 배경 장면으로 사용할 수 있습니다.
이미지가 로딩되면 “이미지 일치(Match Image)”라는 제목의 상자가 표시됩니다. 여기에서는 이미지 장면의 조명 및 원근을 맞출 수 있습니다. 체크 상자 중 일부는 사진에 따라 회색으로 표시될 수 있습니다. 사진에서 카메라 원근을 맞추기 어려운 경우 다음 단계에서 이를 직접 간단하게 조정할 수 있습니다.
이미지의 원근이 맞지 않을 경우 툴 영역의 왼쪽 하단에 있는 수평선 툴을 클릭할 수 있습니다. 선을 클릭하여 원근이 시각적으로 이미지와 맞을 때까지 드래그합니다. 이 과정을 거친 후에도 이미지가 원근에 맞지 않거나 반대로 원근이 이미지에 맞지 않다고 생각되면 수평선 또는 원근이 올바로 정의된 다른 이미지를 사용하는 것이 좋습니다. 일반적으로는 수평선을 편집하는 것이 가장 빠르고 쉬운 해결 방법입니다. 그러나 배경 이미지가 특수 렌즈로 촬영된 것이었거나 각도가 부분적으로 다르다면 이미지에 원근을 맞추는 것이 더욱 어려울 것입니다. 선택한 이미지가 마음에 들지 않을 경우 새로운 배경 이미지를 가져오기 위해 처음부터 다시 시작하지 않아도 됩니다. 새로운 이미지를 장면으로 드래그하거나 파일 메뉴에서 새로운 배경 이미지를 가져오면 프로젝트가 업데이트됩니다.
6단계: 개체 가져오기
이 튜토리얼을 위해 제공된 에셋 중 “box.obj” 개체 파일을 드래그합니다. 새로운 배경 장면에서 상자가 화면에 나타납니다. 왼쪽에 있는 다양한 이동 툴을 사용하여 배경 이미지의 위치를 조정할 수 있습니다. 위치를 바꿔가며 다르게 배치해 보고 색상이나 외형에 대해서는 걱정하지 마십시오. “Teacup.obj” 및 “teabag.obj” 개체 파일을 드래그합니다.
“선택 및 이동” 툴과 “선택 및 회전” 툴을 사용하여 마음에 드는 위치로 조정합니다.
7단계: 색상 수정
디멘션 화면의 오른쪽에 있는 화면 패널에는 개체가 순서대로 표시됩니다. 캔버스에서 이 상자의 질감을 두 번 클릭하여 색상을 조정합니다. 나머지 항목도 동일한 방식으로 조정합니다.
여기에 이 상자의 질감으로 사용할 이미지를 적용했습니다. 상자의 색상 또는 포장지 역할을 할 파일을 선택하기만 하면 됩니다. 장미 배경을 상자에 추가하여 질감이 자동으로 업데이트 되었습니다.
8단계: 데칼 적용
화면의 왼쪽 하단에는 크리에이티브 클라우드 라이브러리 패널이 있습니다. 이 탭을 열고 차 상자 디자인이 저장되어 있는 라이브러리를 선택합니다. 디자인을 찾은 다음에는 장면에 있는 이 상자로 드래그합니다. 이때 상자에 있는 이 데칼의 위치와 크기를 조정할 수 있습니다. 필자는 일반적인 차 상자의 디자인 방식이라고 생각하여 위젯을 이용해 데칼을 키워 상자 가운데로 옮겼습니다.
9단계: 작업 및 조명 저장
데칼의 위치가 만족스러우면 작업을 저장합니다. 작업을 자주 저장하는 것이 좋지만, 필자의 경우 렌더링하기 전에 모든 요소를 제 위치에 배치한 다음 저장합니다. 이 파일은 장면의 모든 요소를 포함하는 디멘션 파일(.dn)로 저장됩니다.
작업을 저장한 다음 장면 패널에서 화면의 오른쪽 상단에 위치한 “환경(Environment)”을 클릭합니다. 그러면 오른쪽 하단에서 상황에 맞는 속성 패널에 환경 속성이 표시됩니다. 이 영역에서는 조명 및 목업의 전체 룩을 조정할 수 있습니다. 슬라이더, 반사량 및 조명 영역을 조정하면서 여러 가지 조명 스타일을 실험해 볼 것을 조언 드립니다. 또한 “이미지 일치” 동작을 사용하여 이미지 조명에 다시 맞추거나 에셋 패널에서 새 조명 프로필을 사용하여 다른 룩을 실험해 볼 수 있습니다. 보통 이 슬라이더로 조명을 이동하여 데칼이 더욱 눈에 띄도록 부각시킵니다.
10단계: 렌더링
이제 모든 노력을 렌더링할 시간입니다. 렌더링 버튼은 왼쪽 상단에 있습니다. “렌더링(render)”을 선택하여 렌더링 페이지로 이동합니다. 오른쪽에서 “패스 내보내기(Export Path)”를 클릭하여 파일 이름을 입력하고 특정 위치에 저장합니다.
렌더링하는 동안 작업물의 모든 어두운 영역 및 가장자리를 모두 계산하는 데 시간이 소요됩니다. 이미지가 나타나기 시작하고 렌더링이 완성되면서 점점 더 선명해집니다.
이러한 단계를 이용하여 자신만의 3D 렌더링을 만들 수 있고, 심지어 이 장면을 완전히 다른 배경으로 손쉽게 다시 제작할 수 있습니다. 필자가 개체를 라이브러리로 가져오는 데에 어도비 스톡을 주로 이용하는 이유는 수많은 양질의 에셋을 무료로 얻을 수 있기 때문입니다. 여러 장의 배경 사진을 다운로드하거나 개인적으로 소장하고 있는 이미지를 가져오고 새로운 3D 개체를 선택하여 다른 시나리오에 디자인을 배치합니다. 이러한 방식으로 마음에 드는지 확인하면서 최상의 결과를 만들어나갈 수 있습니다.
걱정하지 마십시오. 디멘션에서의 3D 합성 작업은 매우 쉽습니다. 여러 가지 질감을 실험해 보고 조명도 다양하게 적용해 보십시오. 무한한 가능성을 경험할 수 있으며 언제든지 개체를 드래그하고 마음이 들지 않으면 실행 취소를 누를 수 있습니다.
여러분이 만들 디자인이 무척 기대가 됩니다. 작업을 소셜 미디어에서 #adobedimension으로 공유하고 인스타그램과 트위터에서 @Teawithzgram을 통해 필자를 팔로우해 주시기 바랍니다.
디멘션에 입문할 준비가 되셨습니까? 주자나의 에셋 라이브러리를 다운로드하고 어도비 크리에이티브 클라우드를 통해 다운로드할 수 있는 어도비 디멘션에서 그녀가 소개하는 단계를 따라해 보십시오. 해시태그 #adobedimension을 사용하여 비핸스와 트위터에서 자신의 작업을 공유할 수 있습니다.