Adobe Photoshop에서 제품 목업 만드는 방법

Photoshop으로 실제와 같은 모형을 만들어 보세요

제품 목업이란?

목업의 완성도를 높이려면 고품질 사진을 사용하는 것이 좋습니다. 디자인 아이디어를 정확히 시각화할 수 있는 실제 환경에 가장 가까운 이미지를 찾으세요. 

Adobe Stock 사진은 사용이 간편하고 레이어로 구성되어 있으므로 Adobe Photoshop의 비파괴 편집(Nondestructive editing, NDE)에 적합합니다. Photoshop의 ‘새 문서’ 대화 상자에서 Adobe Stock의 템플릿에 액세스할 수도 있습니다. 이렇게 하려면 Photoshop에서 새 문서를 만들 때 빈 캔버스에서 시작하지 말고, 스톡 이미지가 포함된 템플릿 중에서 선택합니다. Adobe Stock을 사용하여 목업을 빠르게 디자인하는 방법을 살펴보세요.

팁: 비파괴 편집은 원본 이미지 데이터를 덮어쓰지 않으면서 이미지를 변경하는 것을 말합니다. Adobe Stock 이미지를 사용하여 디자인에 사실적인 효과를 적용하고 콘텐츠를 빠르게 맞춤화할 수 있으며, 디자인이 추가되는 이미지는 그대로 유지됩니다.

디자인 목업에 필요한 이미지를 선택한 다음에는 Photoshop에서 이미지를 배경 레이어로 엽니다. Photoshop 파일의 각 레이어에 로고, 사진, 아트웍 등 디자인을 추가합니다.

파일에 목업이 놓일 이미지와 이미지에 추가할 디자인이 있다면 목업의 피사체를 잘라내야 합니다. 

툴바에서 개체 선택 툴을 사용하고 이미지에서 선택하려는 개체를 클릭합니다. 이 선택 영역은 목업에서 디자인을 추가하려는 개체가 됩니다.

개체를 선택한 다음에는 그룹을 만들고 이름을 지정합니다. 그런 다음 해당 그룹이 선택된 상태에서, 레이어 패널의 마스크 버튼을 클릭하여 레이어 마스크를 만듭니다. 그러면 이 그룹에 추가하는 모든 요소가 생성된 마스크 경계 안에 제한됩니다.

그룹에 디자인이나 로고를 가져와 원하는 크기로 조정합니다. 더욱 사실적으로 보이게 하려면 디자인이나 로고를 겹칠 이미지의 일부인 것처럼 보이도록 뒤틀어 보세요. 디자인이나 로고를 선택하고 PC에서는 CTRL+T를, Mac에서는 CMD+T를 눌러 변형 > 마우스 오른쪽 버튼으로 클릭 > 뒤틀기를 선택합니다. 그런 다음 모퉁이 핸들과 격자를 조정하고, 변경 사항을 적용합니다.

브랜드의 색상과 텍스처를 추가로 편집하면 목업에 브랜드 아이덴티티를 더할 수 있습니다. 레이어 마스크 그룹에서 단색 칠의 새 조정 레이어를 추가하고 브랜드 색상을 선택한 다음 레이어 혼합 모드를 곱하기로 변경합니다. 그러면 이미지에서 색상이 변경되는 개체의 텍스처를 확인할 수 있습니다.

이 기능을 사용하면 목업의 색상을 브랜드 색상으로 변경하거나 여러 버전의 디자인을 쉽게 만들 수 있습니다.

마지막으로 파일 > 내보내기 > 빠른 내보내기에서 PNG, JPEG 등 원하는 파일 유형을 선택하여 디자인을 내보냅니다.

Photoshop에서 목업 만드는 방법을 알아 두면 제품이 실제 환경에서 어떻게 보일지 시각화하고, 개성 넘치는 아이디어와 디자인을 마음껏 시도하며 완성도를 높일 수 있습니다.