무료 목업 이미지 사이트

블로그 로고를 만들 때 사용했던 목업 이미지 처럼 내가 직접 사물이나 배경에 합성을 하면 많은 시간이 걸리기 때문에 목업 이미지들을 사용하면 시간을 절약하고 훨씬 높은 퀄리티의 이미지 결과물을 뽑아낼 수 있습니다. 작업을 할 때마다 필요한 이미지들이 다르지만 기본적인 무료 목업 이미지 사이트를 알아두면 작업시간을 훨씬 단축시킬 수 있습니다. 사이트들을 둘러보고 필요한 이미지들을 다운받고 작업을 해서 올려준 작업자들에게 감사한 마음으로 더 열심히 작업을 하면 됩니다 :-)

 

목업 파일은 대부분 psd파일로 구성되어 있고 작업자들이 표시해 놓은 레이어를 더블클릭하고 자신의 디자인으로 작업을 하고 저장을 해줍니다. 작업을 저장한 후에 목업 파일을 확인하면 자신의 디자인으로 변경된 모습을 확인할 수 있습니다. 이미지의 톤이나 컬러 부분은 건드리지 않는것이 좋지만, 본인의 목적에 맞는 톤과 컬러가 있다면 수정해도 상관없습니다. 일단 작업 과정 한 가지를 예로 들어서 설명하고 무료 목업 이미지 사이트에 대해서 리스트업 하겠습니다.

 

 

1. 목업 이미지 다운로드 후 오픈

목업 이미지를 다운받고 포토샵으로 열면 아래 이미지 처럼 작업자의 예시 이미지가 보입니다. 텍스트나 레이어에 설명이 되어 있으므로 잘 읽어보고 작업해야 합니다.

 

무료 목업 이미지 작업 시안 예시

 

2. 수정해야 할 레이어

레이어를 열어서 수정해야 할 부분이 어떤 레이어인지 찾아줍니다. 아래 레이어 이미지의 빨간색 탭으로 표시해둔 부분이 수정할 수 있는 레이어입니다. 참고로 이 작업파일 레이어의 배경 색상은 변경 할 수 없다고 나와 있으니 배경 색상은 건드리지 않고 작업해 줍니다.

 

목업 이미지 레이어 예시 이미지

 

3. 레이어 더블클릭

레이어를 더블클릭 하면 아래의 이미지처럼 작업 공간이 창으로 열리게 됩니다. 전체적인 레이어 사이즈는 건드리지 않는것이 좋으며 주어진 작업 공간 안에서 나의 디자인을 적용시키고 저장을 하면 됩니다.

 

4. 작업 확인 후 저장

작업한 포토샵 창을 닫아주면 원래의 목업 이미지 파일에 나의 디자인이 적용된 모습을 확인할 수 있습니다. 수정할 부분이 없다면 원하는 파일 형식으로 저장 후 사용하시면 됩니다.

 

완료된 목업 이미지 예시

 

 

 

 

지금부터는 무료 목업 이미지 사이트의 리스트업 입니다. 위의 작업 내용 잘 참고하셔서 좋은 결과물을 만드는데 도움이 되었으면 합니다 :-)

 

1. freepik

https://www.freepik.com/

Freepik | Graphic Resources for everyone

 

 

2. graphicpear

https://www.graphicpear.com/

Graphic Pear

 

 

3. cssauthor

https://cssauthor.com/

Design & Development Related Blog

 

 

4. mockupworld

https://www.mockupworld.co/

Mockup World | The best free Mockups from the Web

 

 

위에 소개드린 사이트들 이외에도 무료 소스 사이트들은 엄청 많습니다. 위의 사이트들에서 원하는 목업 이미지가 없다면 구글에 원하는 목업이미지 이름을 검색하면 많은 링크들이 있으니 참고하세요! 다음에도 유익한 포스팅으로 돌아오겠습니다 :-)