brunch

목업 디자인 실습

좀처럼 구하기 힘든 침대이불 목업 만들기

by 박루이


나는 텍스타일 디자이너로 꽤 오랜 시간을 일해오고 있다.

오래전엔 거의 손으로 작업(한복에 직접 그림을 그리는 작업 등)을 했지만, 2000년 경부터 컴퓨터그래픽으로 작업을 하고 있다. 시즌 초기에는 목업으로 시안을 만드는 걸 주로 하게 된다. 그런데 침구류에 관련된 목업의 종류가 한정적이라 애를 먹는 편이다. 그래서 언제부터인가 목업을 직접 만들어야겠다는 생각을 해오다가 드디어 시작을 하게 되었다.


침구라는 특성상 사용하는 사람도, 보는 사람도 별로 없지만 내가 늘 바라던 것이라 만드는 방법을 기록해 보기로 한다.


1. 목업이란?

목업(Mock-up)은 사전적으로 '실물 크기 구조물의 모형이나 복제품'이다. 실제 제품을 만들기 전에 모형으로 만들어 보는 것을 말한다. 그러나 디자인 목업은 실제 모형을 만들기보다는 사진 이미지에 디자인을 입혀보는 것으로 대신하는 것이 일반적이다.

디자인 목업은, 회사에서 디자인 프로젝트를 진행하는 과정에서 프레젠테이션이나 업무보고할 때, 꼭 필요한 준비물 중에 하나이다. 그냥 디자인 이미지만 가지고 진행하는 것보다 디자인 목업을 가지고 진행하는 것이 제품의 이해도를 높이는데 유리하기 때문이다.


여름시즌을 위한 침구 디자인 시안을 제안한다고 할 때,

이렇게 디자인 이미지만 가지고는 프레젠테이션에서 제품을 설명하기 쉽지 않다.

186618626 copy.png 내년 여름시즌을 위한 침구디자인 시안

그래서 이 디자인을 새로 개발할 침구에 아래와 같이 입혀보는 것이다.

Mockup-251014-11.jpg 디자인을 입혀 본 침구 목업사진
Mockup-251014-12.jpg 클로즈업

이렇게 하면 이런 느낌의 침구라는 것을 금방 알 수 있게 된다.



2. 목업 만들기 준비물

1) 포토샵 프로그램과, 2) 목업을 위한 하얀색의 목업 사진이 필요하다.

631.jpg 목업용 사진

3. 포토샵으로 목업 만들기

1) 먼저 목업 사진을 불러온다.

241029-1.JPG 포토샵에 불러온 목업 사진

2) 디자인이 들어갈 부분을 선택한다.

포토샵 좌측 메뉴바에서 Quick Sellection tool(W)을 사용하여 이미지가 들어갈 이불 윗판을 대략적으로 따준다. 이때 이미지가 들어갈 윗판보다 약간 여유 있게 따주는 것이 포인트다. 나중에 남는 부분을 지우고 나면 오히려 여유 있게 따줘야 이미지가 잘리는 걸 방지할 수 있다.

241029-2.JPG Quick Sellection tool(W)로 전체적인 이지미 따기
Mockup-251014-01.JPG 세밀하게 이미지 따기 1


Mockup-251014-02.JPG 세밀하게 이미지 따기 2

Quick Sellection tool(W)로 이지미를 딸 때, 영역을 지정하는 것은 마우스 포인트(+)만 움직여서 하고, 잘못 지정된 부분을 지울 때는 Alt키를 누른 상태(-)에서 지우면 된다. 지정이 끝났으면 지정한 상태에서 Ctrl+J를 눌러 새 레이어를 만들어 주고, 그 새 레이어 위에서 마우스 우클릭한 다음, Convert to Smart Object를 클릭한다.

Mockup-251014-04.JPG Convert to Smart Object

Convert to Smart Object 된 부분을 클릭하면 새 이미지창이 뜨면서 이미지 딴 부분만 있는 레이어 차잉 열리게 된다.

Mockup-251014-16.jpg 따낸 부분만 있는 레이어

이 화면을 확대해서 지우개로 좀 더 세밀하게 지우면서 오브젝트를 조정하고 저장한다. 이 작업을 잘해줘야 깔끔한 결과물을 얻을 수 있다.

Mockup-251014-06.JPG Convert to Smart Object -> Create Clipping Mask

조정이 끝났으면 그 위에 새 레이어를 한 추가한 다음, 목업용 이미지를 가져온다.

목업용 이미지를 폴더에서 직접 가져왔을 경우 Enter키를 치면 자동으로 Convert to Smart Object 된다. 이 상태에서 레이어 위에서 우클릭한 다음 Create Clipping Mask를 눌러 준다.

Mockup-251014-07.JPG Create Clipping Mask 결과물
Mockup-251014-08.JPG Multiply 선택

위 이미지에 있는 빨간 박스를 누르고 메뉴 중에서 Multiply를 선택한다.

Mockup-251014-09.jpg Blending Options

다음은 우측 하단의 레이어 박스 밑에 있는 fx를 누르고 맨 위에 있는 Blending Options를 클릭한다.

Mockup-251014-17.jpg Underlying Layer 값 조정

Blending Options 박스 하단의 Underlying Layer 패널 오른쪽 끝의 삼각형 모양을 Alt 키를 누른 상태로 좌측 반쪽을 끌어서 적당하게 이미지의 변화를 보면서 조정해 준다.

이 기능을 통해서 좌측 창문에서 들어오는 광원을 조정하여 입체감을 주게 된다.


이것으로 Duvet의 목업 작업은 완성되었다. 이제 2개 베개를 같은 방법을 통해서 작업해 주면 침구 목업 작업은 완료된다.

Mockup-251014-13.jpg 침구 목업 완성 이미지

이보다 정밀한 세팅 방법이 있긴 한데, 다른 제품과 달리 침구의 경우 이 정도의 퀄리티면 만족할만하다.


-끝

keyword
작가의 이전글에아10