디자이너라면 꼭 알아야 할 무료 사이트 #1_무료 목업(Mock Up free) 소스 공유 사이트 두 곳!

디자이너라면 꼭 알아야 할 무료 사이트가 몇가지 있는데, 오늘은 목업 소스를 무료로 공유해주는 사이트를 알려드리도록 하겠습니다. 목업이란 쉽게 말해 프로토타입을 말합니다. 자신이 작업한 그래픽 작업물이 실제로 사용되었을 때 어떤 느낌인지 미리 합성해서 가늠해보는 것입니다. 하지만 느낌만 보려고 하는 상황에서 공들여 손수 합성하기는 것은 여간 번거로운 일이 아닐 수 없습니다. 따라서 목업소스에 자신의 작업물을 간단하게 얹히는 것만으로도 결과를 미리 예상하게 해주는 것인 바로 이 목업의 역할입니다. 그리고 클라이언트에게 자신의 작업물 예상 결과를 제시할 때도 목업 소스는 매우 유용하게 사용됩니다. 자신의 포트폴리오로서 내 작업물을 더욱 퀄리티 있고 고급스럽게 표현할 수 있는 중요한 수단이 되는 것 입니다.

 

출처 : https://platum.kr/archives/110883

만약 내가 로고를 제작하였는데, 그 로고가 실제로 제품에 쓰였을때의 느낌을 위 사진처럼 볼 수 있다는 것입니다. 목업의 역할이 중요한 점은 작업물만 놓고 보았을때는 괜찮다고 생각했는데 막상 제품에 올라갔을 때 의외로 안어울리다던가, 컨셉이 맞지 않다던가 하는 실질적인 상황을 파악할 수 있기 때문입니다. 또한 남에게 보여줄 때 뭔가 더 있어보이게 제시할 수 있는 수단이 되는 것입니다.

 

따라서 이러한 목업소스를 구하는 방법이 궁금하실텐데요, 무료 공유 사이트에서 쉽게 다운받아서 사용하실 수 있습니다. 제가 추천드리는 첫번째 사이트는 pixeden 입니다.

 

https://www.pixeden.com/

Premium & Free Design and Web Resources | Pixeden

여기는 따로 회원 가입 없이 무료로 목업소스뿐만 아니라 아이콘 등 다양한 디자인 소스를 제공하고 있습니다. 다만 주의해야 할 점은 무료소스와 프리미엄소스가 섞여 있으니 잘 보고 다운받으셔야 합니다. 간단한 사용 방법을 알려드리겠습니다.

 

출처 : https://www.pixeden.com/

먼저 상단 메뉴에서 Graphics - Mock Ups를 클릭합니다.

 

출처 : https://www.pixeden.com/

그 다음 이렇게 Free라고 쓰여있는 목업을 찾습니다. (마우스 오버 하면 자동으로 뜹니다.)

출처 : https://www.pixeden.com/

그런 다음 다운로드 해주면 끝입니다. 매우 간단한 방법으로 다양한 목업을 다운받을 수 있으니 개이득이 아닐 수 없습니다. 다음으로 두번째 사이트를 소개해드리겠습니다. 바로 freepik이라는 사이트 입니다. 이 곳 또한 따로 회원가입이 필요 없을 뿐 아니라 벡터 아이콘, 이미지 소스 등 다양한 자료가 제공되니 작업할 때 매우 유용한 사이트입니다. 이 곳도 간단하게 사용법 알려드리겠습니다.

 

https://www.freepik.com/

Freepik | Download now millions of free vectors, photos and PSD files

출처 : https://www.freepik.com/

먼저 첫 화면에서 검색창에 Mock up 또는 더 세부적으로 찾고자 하는 검색어를 입력합니다.

 

출처 : https://www.freepik.com/

검색결과에서 원하는 게시물을 클릭하거나 오른편에서 좀 더 구체적인 검색 필터를 설정하여 다시 검색할 수도 있습니다. 

 

출처 : https://www.freepik.com/

그리고 다운로드 버튼만 클릭하면 완료입니다. 정말 쉽네요~^^ 마지막으로 다운받은 목업파일 이용방법도 알려드리겠습니다. 아마 처음 사용하시는 분은 힘들게 다운받아 놓고도 사용하지 못 할 수도 있는데, 알고보면 매우매우 쉬우니까 꼭 익히고 돌아가세요~!

 

먼저 다운받은 PSD파일을 열어줍니다.

설명 1

파일을 열 뒤 레이어의 그룹을 열다열다 보면 place your design here이라고 되어있는 부분을 찾습니다. 다운받은 파일마다 약간의 차이는 있겠지만 대부분 이렇게 표시가 되어있고, 이러한 표시가 없더라도 스마트오브젝트로 되어있는 레이어를 찾으면 됩니다. 

설명 2

디자인을 바꿀 레이어 (위의 사진 상에서 체크된 부분)을 더블클릭하면 아래와 같이 새 창이 열립니다.

 

설명 3

이렇게 새 창이 열리면 본인의 작업물을 그 위에 덮으면 됩니다. 여기에서 중요한 것을 자신의 작업물을 덮은 다음 꼭!!!!!! ctrl + s를 눌러줘야 합니다. 안그러면 원본에서는 아무런 변화도 생기지 않으니 꼭 잊지말고 저장을 해줘야 합니다.

 

설명 4

그리고 원본으로 돌아가보면 아래와 같이 나의 디자인으로 목업이 합성된 것을 볼 수 있습니다. 제 작업물은 예시로 급하게 만들 거라 뭔가 어색한 부분이 있지만, 정식으로 작업한 것을 이렇게 미리 목업에 넣어보면서 보다 세부적으로 수정할 수 있어서 좋을 것이라 생각됩니다.

 

설명 5

무료 목업을 적극적으로 활용하여 더욱 퀄리티 있는 디자인 작업 하시길 바랍니다. 그럼 20000~