본문 바로가기

잡다한 생활정보

무료 목업 사이트 추천과 사용 방법까지!

무료 목업사이트 추천

안녕하세요!

이번에는 무료 목업 사이트를 4군데 정도 추천드려보려고 합니다. 아마 무료 목업 사이트라고 검색을 해서 들어오신 분들은 목업이 뭔지 대충 알고 계실텐데요. 목업이라는 말을 다른데서도 다른 내용으로 사용한다고 알고 있습니다. 제가 이번에 포스팅하는 목업(Mock-Up)은 어떤 프로젝트나 과제, 홍보 이미지 등 우리가 표현하고 싶은 이미지를 좀 더 돋보이도록 해주는 틀과 같은 개념이라고 보시면 좋을 것 같은데요. 무료 목업 사이트에 가보시면 .psd파일로 올라와있는 것을 보실 수 있어요. 즉, 포토샵으로 이미지를 바꿔치기(?) 할 수 있게 올려놓은 파일이라고 보시면 될 것 같습니다.




무료 목업 사이트 추천과 사용 방법!




1. MockUpWorld



목업월드(출처 : Mockupworld)




첫 번째 무료 목업 사이트로 추천 드리는 곳은 "Mockupworld"라는 곳인데요. 제가 추천드리는 순서 중 첫 번째라서 더 추천드린다 이런건 아닙니다. 순서는 그냥 제 임의대로 정했구요. 개인적으로 Mockupworld는 자료도 많고 많은 분들이 사용하시기는 하지만 저처럼 어쩌다 사용하시는 분들은 좀 불편하다고 느낄 수 있어요. 여기 사이트에서 바로 다운받는 형식이 아니라 Free Download를 누르시면 해당 자료가 있는 사이트로 이동을 하는데요. 그 사이트 중에는 가입을 해야하거나 유료인 사이트들도 더러 있습니다. 그리고 심지어 아래에 추천드릴 다른 사이트로 이동이 되는 경우도 있어요. 하지만 자료는 많은 만큼 다른 곳에서 원하시는 목업 자료가 없으시다면 여기서 찾아보시는게 좋겠죠?




2. Free Mockup



프리목업(출처 : Free-Mockup)




두 번째로 추천 드릴 무료 목업 사이트는 "FreeMockup"이라는 사이트입니다. 다른 곳도 카테고리가 다양해서 찾기 쉽게 돼있지만, 여기는 많이 펼쳐져 있어서 그냥 조~금 더 편한 느낌은 있어요. 하지만 다운로드를 들어가시면 약 10초간의 딜레이가 있고 여기도 마찬가지로 해당 목업이 있는 사이트로 이동이 되는 방식입니다. 그래도 개인적으로 첫 번째 추천드린 사이트보다는 낫다고 느껴서 자주 들르는 사이트 중 한 군데 입니다.




3. Freepik



프리픽(출처 : freepik)




세 번째로 추천드리는 사이트는 "Freepik"이라는 사이트인데요. 이 사이트는 목업파일만 있는게 아니라 이미지 우측 상단에 나오듯 벡터이미지, 목업이미지, 아이콘 등 여러가지를 모두 취급하는 사이트입니다. 무료만 체크해서 검색도 가능하구요. 회원가입의 요구나 광고 등 사이트를 이용하면서 불편하게 하는 요소들은 좀 있지만 그래도 자체에서 바로바로 다운 받아지고 사용하기 편하다고 생각하는 사이트 중 하나입니다. 개인적으로 추천드려요.




4. Pixeden



픽스에덴(출처 : Pixeden)




마지막으로 추천드리는 무료 목업 사이트는 "Pixeden"이라는 사이트입니다. 개인적으로 제일 먼저 찾는 무료 목업 사이트입니다. 사이트도 빠르고 영어라서 불편함에도 불구하고 직관적이라 원하는 이미지를 찾고 다운받는게 빨라서 추천드리는 사이트에요. Pixeden도 목업 파일만 있는게 아니라 벡터이미지나 아이콘등 여러가지를 취급하는 사이트니 필요하실 때 한 번 들러보시길 추천드려요.




여기까지가 무료 목업 사이트에 대한 정리였습니다. 무료 목업 사이트라고는 하지만 유료버전들이 더 퀄리티가 좋고 많은 서비스를 제공하니, 자주 사용하신다면 그것도 참고해보세요~


그리고 이제 간단한 사용 방법에 대해 정리해보겠습니다. 아마 다들 아시겠지만 사용 방법은 정말 간단해요.




목업 파일 사용법1




위에 정리해드린 사이트에서 마음에 드는 사이트에서 원하시는 .psd파일을 받으셨다면 실행시켜주세요. 모든 파일이 이런 커버(?)형식이 있는 것은 아닙니다. 여튼 제가 받은건 커버가 있네요. 레이어에서 삭제해달라는데 저는 그냥 눈만 지웠습니다.




목업 파일 사용법2




그럼 이렇게 제가 원했던 이미지가 나오구요. 레이어 폴더를 살펴볼게요.




목업 파일 사용법3




보통 이렇게 "PUT YOUR SCREEN DESIGN HERE"처럼 이곳을 편집하라는 식의 메세지로 레이어가 구성되어 있어서 알아보시기 쉽습니다. 저 메세지와 눈 사이에 그림으로 된 칸을 더블클릭 해주시면 새로 창이 열리는데요.




목업 파일 사용법4




노트북 화면에 있던 내용이 이렇게 나오구요. 이걸 삭제하시고 원하시는 이미지를 새로 올리시든, 눈만 지우시든 아무렇게나 하셔도 되요. 우선 원하시는 이미지를 올려주세요.




목업 파일 사용법5




저는 이 글 썸네일을 대충 올려봤습니다. 그리고 저장을 하신 후 돌아가보시면...




목업 파일 사용법6




이렇게 제가 올린 이미지가 노트북 화면에 감쪽같이 들어가있는 모습을 확인하실 수 있습니다.


그럼 다들 무료 목업 사이트에서 좋은 이미지도 찾으시고 혹여나 사용 방법 모르시는 분들도 잘 참고하셔서 원하시는 일 마무리 잘 하셨으면 좋겠습니다.




2020/03/06 - [잡다한 생활정보] - MBTI 무료검사 할 수 있는 곳!

2020/03/02 - [잡다한 생활정보] - 무료 동영상 편집 프로그램 추천, 곰믹스!

2020/03/01 - [잡다한 생활정보] - 상업용 무료 폰트 총정리!

반응형