아이폰 목업 (Mock-up) 포토샵 없이 간편하게 사용하는 방법
휴대폰 목업 사이트를 이용하면 포토샵이나 여타의 툴이 없이도 사진을 업로드, 다운로드만으로 목업을 적용할 수 있습니다. 오늘은 아이폰 목업 사이트 몇 개를 소개해드리겠습니다. 즐겨찾기 해두시고 간편하게 사용해보세요~
▶ 목업이란?
사전적 의미는 실물 모형을 의미합니다. 새로운 핸드폰을 출시하기 전에 실물 모형으로 된 깡통 핸드폰을 만들어서 대충 느낌이 어떤지 살펴보기 위해 만드는 프로토 타입의 모형을 목업이라고 합니다.
디자인 전반에 사용되는 용어이지만 오늘은 핸드폰 목업 사이트를 소개하기 때문에 이미지 모형에 한정적으로 적용하겠습니다.
Cleanmock
https://cleanmock.com/designer#
■ cleanmock.com 사용법
1. cleanmock.com 접속
2. 우측 상단에 플랫폼 메뉴를 선택합니다.
3. 우측 하단에 나열되는 핸드폰 종류를 선택합니다.
4. 목업에 넣을 이미지를 업로드합니다.(Drog & Drop으로 이미지를 업로드할 수 있습니다)
5. 배경색을 선택합니다.
6. 다운로드합니다.
Mockup.photos
■ mockup.photos 사용법
1. mockup.photos에 접속합니다.
2. 검색창에 목업에 사용하고자 하는 핸드폰 명을 검색합니다.(영어만 검색이 됩니다)
3. 검색 결과로 출력된 목업 이미지를 선택합니다.
4. 목업에 넣으려고 하는 이미지를 업로드합니다.
5. 완성된 목업 이미지를 다운로드합니다.
getstencil.com(유료)
■ getstencil 사용법
1. getstencil.com 접속합니다.
2. 검색창에 핸드폰명을 입력하고 엔터
3. 검색 결과가 썸네일 리스트로 출력됩니다.
4. background 이미지를 변경합니다.(삽입하려는 이미지를 업로드하고 크기를 조절합니다)
5. 목업에 사용할 이미지를 선택하고 텍스트를 입력합니다.
6. 저장(Save) -> 다운로드합니다.
Kapwing.com
https://www.kapwing.com/mobile-mockup
■ kapwing.com 사용법
1. kapwing.com 접속합니다.
2. 스크린숏 이미지를 업로드합니다.
3. 목업 색을 선택합니다.
4. 다운로드합니다.
app.shotsnapp.com
shotsnapp - Create beautiful mockup presentation
A simple tool to quickly create beautiful mockup presentation for your digital app and website design
shotsnapp.com
■ app.shotsnapp.com 사용법
1. app.shotsnapp.com 접속합니다.
2. 왼쪽 목업 이미지를 선택합니다. 기본 이미지를 제외하고는 유료입니다.
3. 중간에 목업 이미지를 선택합니다.
4. 오른쪽 상단에 목업에 삽입하려는 이미지를 업로드 또는 드래그 드롭합니다.
5. 배경색을 선택합니다.
6 포지션과 크기 등을 조절합니다.
7. 다운로드합니다.
“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"
