목업디자인 템플릿으로 포토샵에서 포스터 목업하기

 

목업디자인을 하기 위한 템플릿 사이트가 있다.

여러가지 있는데 그 중 목업월드를 소개한다.

해외사이트는 무료로 이미지를 제공하는 곳이 많아서 잘 찾아보면 도움을 받을 수 있는 손길이 꽤 많음을 알 수 있음

목업월드.co

 

목업월드.co

 

사이트를 들어가면 위처럼 생겼다.

굉장히 깔끔하고 요새 트랜드적인 느낌 팍팍

파란색으로 신뢰감도 가는 사이트

포트폴리오 학원 학생들이 자주 방문하여 목업 템플릿을 참고하는 곳.

 

---

 

사이트 중간쯤에 카테고리가 있다.

포스터쪽으로 설명하기위해 포스터 카테고리 두번째 버튼을 눌렀다.

누르자마자 바로 아래 콘텐츠들이 포틋터에 관련된 목업이미지들로 바뀐다.

 

포스터 카테고리 두번째 버튼

 

두번째 목업이미지로 골랐다.

이미지부분을 클릭해서 들어가면 아래와 같은 화면이 나온다.

무료로 다운로드 받을 수 있는 버튼이 눈에 띈다.

FREE DOWNLOAD

버튼을 클릭한다.

 

 

목업 선택

 

FREE DOWNLOAD를 누르면 

아래와 같은 팝업이 뜬다.

 

팝업 한줄 요약 - 잠시만 기다려주세요

 

잠시만기다려주세요 팝업

 

리디렉션 > 전송되고 있다는 뜻

위의 영문팝업을 해석하면 아래와 같다.

 

잠시만기다려주세요 팝업해석

 

 

시간이 아주 약간 지난후 (컴퓨터 사양에 따라 약간이 조금이, 많이가 될 수 있음 주의)

아래와 같은 창이 뜬다.

 

위에 작은 종과 함께 열린 대화상자는.. 최신뉴스를 알림으로 받겠느냐 ~ Allow 누르면 그렇겠다. 

대충 이런뜻~ 

Cancel을 눌러도 되고 필요에 따라 Allow를 눌러도 되고~

아예 건들지 않아도 상관없다.

 

다운로드버튼 페이지

 

Free 아래

초록색 박스

DOWNLOAD FOR FREE 클릭

 

 

 

로그인 팝업

 

페이스북 또는 구글로 로그인을 해야 한다.

페이스북을 하지 않기에

난 구글로 로그인을 하겠다~를 클릭했다.

 

 

 

구글 로그인창 전환

 

계정이 두개라~

위처럼 뜬다.

둘 중 하나 셀렉해서 클릭~ 로그인 완료~

 

 

 

로그인후 다운로드 페이지

 

구글 로그인을  하고 들어가면 한번의 클릭 수가 줄어들 것 같다.

다시 돌아온 다운로드 페이지

 

아까와 다르게 DOWNLOAD라고만 떠 있다.

아까는 DOWNLOAD FOR FREE 

어쨋든 클릭해버렷

 

 

 

저장할 곳 대화상자

 

원하던 템플릿을 손아귀에 넣는 순간이다.

저장위치 잘 보고 저장을 누른다.

압축되어 있어서 뭐가 많나 생각도 해봤지만, 역시 파일은 psd파일 하나 덩그러니.

 

---

 

자, 이제 

포토샵 프로그램을 실행시킨다.

방금 다운로드 저장한 목업 템플릿 파일을 연다.

 

포토샵 실행 후 템플릿 오픈

 

 

받아보면 사이즈가 겁나 큰걸 알 수 있다.

이미지 > 이미지 사이즈를 눌러보면 

센티미터로 되어 있음.

 

실제 프린트 출력본 사이즈.. 

해상도 300인걸 보면 말이다.

 

 

목업 템플릿 사이즈 창

 

 

단위를 우선 픽셀로 맞춰놓고

작업사이즈.. 웹상이 올릴 사이즈로 1000~2000 정도로 하면 좋을 듯~

 

이미지 사이즈 변경

 

 

사이즈는 

작업한 포스터보다 작아야 한다. 

포토샵 이미지를 크거나 작게 할 때 모두 픽셀이 깨지게 마련.

키우는 것보다 줄이는게 그나마 덜 깨져보이니까 

포스터 작업 사이즈보다 목업사이즈를 약간 작게 한다.

------------

목업할꺼 생각하면 디자인 작업사이즈가 커야함.

( 포스터 원본 사이즈도 같이 뷰로 올린다면... 너무 작지만 않게 해도 무방하다. )

 

 

목업창에 포스터 가져오기

 

목업 템플릿에 작업한 포스터 이미지를 가져와서 

어떻게 목업을 시키는지 

아래 영상에서 확인해 볼 수 있다.

 

순서

1. 작업사이즈를 종이 목업 이미지에 맞춰 대략 줄인다.

2. Ctrl + T를 해서 조절점이 생기면

3. Ctrl을 눌러서 Distort 기능을 이용해 포스터를 바닥의 종이 이미지와 같이 변형한다. 

(tip. Ctrl + T를 한 후, 마우스 우클릭 > Distort를 눌러서 기능을 사용해도 됨)

4. 깊이감을 주기위해 레이어를 하나 만들고 브러쉬로 그림자 부분을 만들어주는건 선택사항~

 

포스터 목업 영상

 

모든 목업이 거의 이렇다.

Distort는 왜곡이라는 기능이라 

이 기능을 이용해서 목업을 많이 한다.