무료 목업 사이트 TOP3 추천 | 목업 만드는 방법 총정리

무료 목업 사이트 및 목업 만들기

목업이란 영어로 Mock-up이며 뜻은 실제로 제품을 생산하기 전 대략적인 모양을 살펴볼 수 있도록 만든 과정 또는 결과물을 뜻합니다.

 

실제로 제품을 생산하기 전 목업이미지를 통해 다양한 부분을 변화시키고 살펴볼 수 있는 장점이 있는데요. 오늘은 제가 자주 사용하는 목업 사이트 3곳과 목업 파일을 실행하는 방법에 대해 설명드리겠습니다. 

 

무료 목업 사이트 TOP3

1. 프리픽 (Freepik)

디자이너들이나 일반 사람들이 무료로 가장 많이 사용하는 목업 사이트입니다. 책이나 휴대폰, 간판 등 다양한 분야에서 가장 무료 소스가 많으며 다운로드 후 디자인도 간편하게 가능합니다. 

프리픽 검색

 

프리픽(Freepik) 바로가기

 

Book Vectors, Photos and PSD files | Free Download

 

2. 목업월드 (Mockupworld)

두 번째로 가장 많이 사용되는 목업월드입니다. 다양한 사이트의 목업들을 한 곳에 모아서 보여주는 사이트로 간혹 무료가 아닌 경우도 있으니 참고하셔서 다운로드하셔야 합니다. 

목업월드 검색

 

목업월드(Mockupworld) 바로가기

 

You searched for book - Mockup World

 

3. 안토니보이드 (Anthony boyd)

다양한 종류의 목업은 없지만 퀄리티 높은 목업을 찾을 때에는 항상 찾아보는 사이트 안토니보이드입니다. 특히 휴대폰 목업을 찾으시는 분들에게 추천드리는 사이트입니다. 

안토니보이드 검색

 

안토니보이드(Anthony boyd) 바로가기

 

Free Mockups

 

목업 만드는 방법

목업을 만드는 것은 전문가의 영역이지만 무료 목업 이미지들을 다운받고 디자인하는 것은 누구나 할 수 있습니다. 우선 아래 연습 파일을 다운받아 아래 방법을 따라와 주세요.

 

아이폰14 목업 연습파일.zip

6.67MB

다운로드 파일을 받으신 압축 파일을 해제 후. psd로 끝나는 파일을 열어주세요.

 

목업 이미지 만들기 step1

보통 목업 파일을 다운로드하시면 Design이나 Design here이라는 레이어가 보이실 거예요. 해당 레이어의 왼쪽 썸네일을 더블클릭해서 목업 원본을 열어줍니다.

 

목업 이미지 만들기 step2

해당 레이어를 더블클릭하시면 또 다른 포토샵 창이 열립니다. 이곳에서 모든 디자인을 마치고 저장하면 처음 열었던 파일의 이미지가 자동으로 변환되는데요. 

 

우선 기존에 있던 이미지를 삭제하거나 눈을 꺼서 가려주세요.

 

목업 이미지 만들기 step3

이제 해당 부분에 자신의 디자인을 넣으면 됩니다. 규격도 모두 맞춰진 상태이기 때문에 따로 관리할 필요가 없으며 디자인만 변경해 주시면 됩니다. 

 

새롭게 열린 목업 원본 파일에서 디자인을 마치셨다면, Ctrl+S를 눌러 저장을 해주시거나 Mac을 사용하시는 경우에는 Cmd+s를 눌러 저장을 해줍니다. (오른쪽 위 별표 표시가 사라졌는지 확인해 주세요)

목업 이미지 만들기 완료

다시 처음에 열었던 파일로 돌아오시면 이미지가 변해있는 것을 확인하실 수 있어요. 이런 식으로 다양한 목업 파일을 다운로드하시어 손쉽게 자신의 디자인을 입힐 수 있습니다.

 

박스나 휴대폰, 책 등 비교적 단순한 이미지들이 디자인하기 쉬운 편이죠. 복잡한 형태의 제품들은 목업 파일을 찾기 쉽지 않습니다. 다양한 목업 사이트들을 돌아다니며 원하는 모양과 분위기의 목업을 찾아보시는 걸 추천드립니다. 

 

마치며

디자인 작업을 하다 보면 매력적인 목업을 찾는 것이 은근히 재미가 있습니다. 디자인에 관심이 있으신 분들이나 본인의 제품을 꾸미기 위해 목업 이미지들을 모아 두시는 것도 추천드려요.

 

함께 보면 좋은 글

2024 디자인 포트폴리오 참고 사이트 BEST 7 | 디자이너 벤치마킹

 

디자이너들이 사용하는 보색 찾기 사이트 및 활용팁