[포토샵 강좌] 무료 목업 사이트 / 포토샵으로 목업 적용하는 법

2021. 2. 14. 23:12DESIGN/포토샵 강좌

포토샵으로 물건을 디자인하고 나면 더욱 사실적이고 진짜 같은 입체감을 위해 목업을 적용해야 할 때가 있는데요.

오늘은 포토샵 무료 목업 사이트와 목업 파일 적용법에 대해 알려드리겠습니다.

 

목업을 적용하기 위해서는 먼저 목업 사이트에서 목업 파일을 다운받아야겠죠?

대부분의 무료 목업 사이트는 해외 사이트입니다. 하지만 간단한 영어로도 충분히 이용 가능합니다.

 

1. graphic burger

그 어느 무료 목업 사이트보다 많고 방대한 자료를 가지고 있습니다. 

하지만 큰 단점이 있는데, 바로 VPN을 통해 아이피를 우회해야만 들어갈 수 있다는 점입니다.

아이피 우회 없이는 사이트 접속이 불가합니다.

VPN 우회는 touch vpn과 같은 크롬 확장 프로그램으로 쉽게 할 수 있습니다.

 

http://graphicburger.com/

 

2. mockup world

편리한 UI로 원하는 목업을 쉽게 검색해서 찾을 수 있습니다.

이용이 쉽고 페이지가 깔끔하게 잘 되어있다는 게 장점입니다. 컵, 아이폰, 맥북 등 다양한 목업이 업로드되어 있습니다.

 

https://www.mockupworld.co/

 

Mockup World | The best free Mockups from the Web

Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations!

www.mockupworld.co

3. graphicsfuel

freebies 카테고리에 들어가면 목업 뿐만 아니라 로고, 패턴, 폰트 등 다양한 포토샵 소스들을 무료로 다운받을 수 있는 사이트입니다.

 

https://www.graphicsfuel.com/

 

Free PSD Files, Graphics & Web Design Resources | GraphicsFuel

GraphicsFuel provides high quality Free PSD Files and premium design resources including graphics, textures, icons, backgrounds, website templates and more.

www.graphicsfuel.com

4. zippypixels

mockup 카테고리에 들어가면 문구, 홍보, 포장 등 다양한 카테고리로 분류되어 있어서 원하는 목업을 찾기에 편리합니다.

 

zippypixels.com/

 

Best Mockups & Templates for Web & Graphic designers | ZippyPixels

Treasure Chest Full of Free and Premium Branding PSD Mockups, Web Templates & Graphic Resources. Download Our Amazing Resources Now and Impress Your Clients

zippypixels.com

5. pixden

free 카테고리로 들어가면 다양한 목업을 무료로 다운받을 수 있습니다.

 

www.pixeden.com/free-graphics

 

Free Graphics | Pixeden

This is an elegant travel psd booklet mockup with a business card and accessories to showcase any branding designs. Easily add…

www.pixeden.com

6. freepik

검색창에 mockup으로 서치하면 다양한 목업 파일을 무료로 다운받을 수 있습니다.

 

www.freepik.com/

 

Freepik | Graphic Resources for everyone

Discover millions of copyright-free vectors, photos and PSD

www.freepik.com

여기까지는 제가 주로 사용하는 목업 사이트들을 알려 드렸구요, 이제부터 다운받은 목업 파일을 어떻게 적용해야 하는지 알려 드리겠습니다.

 

1. 다운받은 목업파일의 압축을 풀어 줍니다.

저는 이 도무송 목업을 사용해 보겠습니다.

2. 압축을 풀면 다음과 같은 파일이 있는데, 우리가 사용할 것은 PSD 파일입니다. 

License 파일에는 사용 가능 범위가 나와 있습니다. 배포, 가공, 상업적 이용 등은 License 파일에 적혀 있는 대로 이용하셔야 합니다. 

 

3. 파일을 포토샵에서 열면 다음과 같이 나옵니다. 레이어 창에서 빨간색으로 되어있는 부분이 우리가 수정해야 할 곳입니다.

 

 

ADD DESIGN HERE은 디자인을 넣는 부분, ADD COLOR FILL은 배경색을 넣는 부분입니다.

*파일마다 명칭이 다를 수 있습니다. 대부분 레이어 이름으로 알려 주거나 빨간색, 혹은 초록색으로 표시해 줍니다.

ADD DESIGN HERE 레이어의 썸네일(눈 모양 옆)을 더블클릭해 줍시다. 알림창이 뜬다면 확인을 눌러 주면 됩니다.

 

4.

더블클릭해서 들어가면 다음과 같이 기존 디자인이 나옵니다. 

 

기존 디자인 레이어를 지우고 우리가 넣어야 할 디자인을 넣어 줍니다.

 

그리고 저장(ctrl+S)을 해 줍시다.

 

5. 저장한 뒤 창을 끄고 처음에 열었던 창으로 돌아가면 다음과 같이 아까 넣은 디자인으로 목업이 적용됩니다.