[목업 사이트] 스마트목업(Smartmockups)에서 목업 만들기

---

스마트목업 만들기

오늘은 목업을

다운받을 수 있는 사이트가 아닌,

 

목업을 제작할 수 있는

사이트를 알려드릴게요.

---

1. 제목

smartmockups.com/

https://smartmockups.com/

스마트목업 메인 페이지

① 스마트목업(Smartmockups)

• 위의 주소를 통해 스마트목업 사이트에 접속합니다.
• 여기서는 목업을 편리하게 편집할 수 있습니다.

---

---

2. 목업 고르기

전체 목업 보기

① All mockups

• 가장 앞에 있는 메뉴인 All mockups 메뉴를 골라주세요.
• 전체 목업을 확인할 수 있습니다.

 

---

 

원하는 카테고리 선택

② 카테고리 선택

• 왼쪽 메뉴에 카테고리가 나오면 원하는 것을 선택해주세요.
• 다양한 목업 카테고리가 있는데 그중 데스크탑을 선택해보겠습니다.

 

---

 

Free 선택 / 유료

③ Free

• 이미지 왼쪽 위에 locked 표시가 있으면 유료 목업입니다.
• 유료 목업을 제외하고 무료 목업만 보기 위해 Free를 선택해주세요.

 

---

 

마음에 드는 목업 선택

④ 목업 선택

• 무료 목업 카테고리에서 마음에 드시는 것을 선택해주세요.
• 자신이 사용할 목적에 따라 골라주시면 좋습니다.

 

---

320x100

---

3. 목업 만들기

이미지 업로드

① 이미지 업로드

• 이 사이트에서는 목업을 바로 편집할 수 있습니다.
• Upload from를 이용해 목업에 올리고 싶은 이미지를 불러옵니다.

 

---

 

클릭

② 이미지 고르기

• Upload image 버튼을 눌러 이미지를 골라주세요.

 

---

 

불러온 이미지가 들어간다

③ 목업 확인

• 업로드를 마치면 목업 부분이 내가 불러온 이미지로 변경된 것을 알 수 있습니다.
• 이렇게 내가 따로 편집을 하지 않아도 알아서 목업 영역에만 들어가서 목업을 쉽게 만들 수 있습니다.

 

---

 

---

4. 목업 편집

연필 아이콘 클릭

① 편집창 열기

• 그런데 이미지 사이즈가 맞지 않으면 목업이 딱 맞게 편집되지 않을 수 있는데요.
• 이럴 때를 위해 약간만 편집을 해보겠습니다.
• 오른쪽에서 이미지 파일 이름 옆에 연필 모양 아이콘을 클릭합니다.

 

---

위치조절 / 크기 변경 / 화면 미리보기 / 좌우로 조절해서 크기 변경

② 편집

• 편집창이 열리면 이미지 사이즈 및 위치를 조정할 수 있습니다.
• 오른쪽에서 보이는 미리 보기 화면을 확인해가면서 목업 이미지를 편집해주세요.
• 편집이 완료되었다면 오른쪽 아래 Crop and continue 버튼을 눌러줍니다.

 

---

 

퀄리티 선택

③ 다운로드

• 편집창을 닫았다면 목업을 다운받아봅시다.
• 오른쪽 Download 버튼을 클릭해주세요.
• 퀄리티 선택창이 나오는데 High정도면 충분히 좋은 퀄리티의 이미지를 받을 수 있습니다.

---

 

목업 이미지

마지막으로

다운받은 목업 이미지를 보여드리면서

마치겠습니다.

 

 

 

 

[같이 보면 좋은 글]

 

[tip/디자인 팁] - [꿀정보] 무료 목업 사이트 7개

[꿀정보] 무료 목업 사이트 7개

[tip/디자인 팁] - [꿀정보] 설치가 필요없는 디자인 툴 미리캔버스

[꿀정보] 설치가 필요없는 디자인 툴 미리캔버스

---

그럼 이만.

총총.