기타

무료 목업(Mock-Up) 추천사이트 및 사용방법

태드레 2020. 2. 4. 02:26

안녕하세요. 태드레입니다.

오늘은 무료로 제공하는 목업(Mock-Up) 사이트를 추천해드리고,

간단한 사용방법까지 알아보겠습니다.

 


목업(Mock-Up)이란 무엇인가?

실제품을 만들어 보기 전,

디자인 검토를 위해 실물과 비슷하게 시제품을 제작하는 작업의 과정과 결과물을 통칭한다.

 

오늘날에 목업(Mock-Up)이라고 하면,

디자인을 일정한 양식에 맞게 입력하면 실제처럼 보이게 해 주는 포토샵 파일을 가리킨다.


 

목업파일을 사용하기 전에는

어도비사에 포토샵(Photoshop)이 필수로 설치되어 있어야 됩니다.

 

 

 

Adobe

 

 

 

1. MOCKUPWORLD

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

 

2. MOCKUPS-DESIGN.COM

https://mockups-design.com/

 

Free mockups | Mockups Design | Easy to download

Download our free mockups! Mockups Design is a site where you can find free premium mockups that can be used in your private and commercial work. Every mockup is free, every mockups is easy to download. Use it now!

mockups-design.com

3. Placeit

https://placeit.net/c/mockups

 

Mockup Generator | Try 15k Mockups for Free | Placeit

Display your t-shirt designs with our apparel mockups, your app screenshot on one of our iPhone mockups and your website redesign on one of our iMac or MacBook mockups, it'll only take a few seconds to add your image to the mockup without Photoshop.

placeit.net

4. Freepik

https://www.freepik.com/

 

Freepik: Download Free Videos, Vectors, Photos, and PSD

Millions of Free Graphic Resources. ✓ Videos ✓Vectors ✓ Photos ✓ PSD ✓ Icons. All that you need for your Creative Projects. #freepik

www.freepik.com

5. Pixeden

https://www.pixeden.com/

 

Premium & Free Design and Web Resources | Pixeden

A set of stationery and psd envelope mockup items to showcase your invitation designs. Easily add your graphics thanks to the…

www.pixeden.com

6.FDR

https://freedesignresources.net/

 

Free Design Resources – Daily Freebies for Creatives

Daily Freebies for Creatives

freedesignresources.net

 

 

사용방법에 대해서 알아볼까요?

비전공자인 분들도 쉽게 사용할 수 있으니 한번 따라해 보세요.

 

 

목업(Mock-Up) 사용방법

 

1. 무료 목업사이트에서 자신이 원하는 목업파일을 하나 다운 받습니다.

 

목업사이트

 

 

2. 포토샵에 다운 받은 목업파일을 불러옵니다.

 

포토샵CS6

 

3. 레이어창에서 스마트 오브젝트 파일을 찾습니다.

 

레이어창

 

4. 스마트 오브젝트 레이어를 더블클릭을 하면 새창이 뜹니다.

 

5. 자기가 원하는 디자인이나 넣고 싶으신 이미지를 추가하여 저장합니다.

 

 

6. 저장하시면 바로 적용된 모습을 목업파일에서 확인하실 수 있습니다.

 

 

참 간단하죠?

아래에 영상 첨부해드려요.

도움이 되셨다면 아래에 하트 꾹 눌러주세요~!

 

 

 

https://youtu.be/4RKdGBP8i5I