[포토샵] 디자이너를 위한 목업 방법 - 02

 

안녕하세요. 디자인 블로거 엘리입니다. 

 

지난번에는 목업 사이트 추천를 추천해드렸는데, 이번에는 목업하는 방법에 대해서 알려드리겠습니다.

목업 방법은 정말 간단하니, 쉽게 따라하실 수 있습니다.

 

목업 적용 결과물입니다.

 

 

목업 방법

---

 

 

저번에 소개드렸던 사이트 중 Grabdrop에서 커피잔 목업파일을 다운받았습니다. 
다운로드 링크 : https://www.grabdrop.com.au/mockups/coffee-cup

 

사이트 이미지 링크 접속 > 다운로드 파일 Click

 

 

파일을 다운로드 하신 후, 압축을 풀어줍니다. 

 

그럼 psd 형식의 파일이 나오는데, 더블클릭하셔서 포토샵에서 열어주시면 됩니다. 

 

 

포토샵 열린 파일

 

그럼 포토샵으로 파일이 열리는데, 그 때 옆에 Layer에서 파일을 수정해주시면 됩니다. 

Layer가 없을 경우에는 Window > Layer을 활성화 시켜주시면 됩니다. 

 

빨간 박스를 더블클릭해주시면, 포토샵 파일이 하나 더 열립니다. 

여기서 Group으로 되어 있는 기존 이미지 레이어를 삭제(delete)해줍니다.

(목업 파일에 따라, Group 폴더로 되어 있을 수도, 이미지만 올라와 있을 수도 있습니다. 가장 중요한 건 깨끗한 백지로 만든다고 생각하시면 됩니다. 빈 레이어 하나만 남기고 지워주세요)

 

파일 열기

 

File > Place Embedded 로 적용할 이미지 파일을 열어줍니다.

텍스트 추가

 

T(텍스트 단축키) 를 통해서 텍스트를 추가해줍니다(선택 사항)

그리고 ctrl+s 를 해주면 이미지가 적용됩니다.

(Mac의 경우 Cmd+s )

 

적용된 이미지

 

그럼 이미지가 바뀝니다. 이제 파일을 저장해주시면 되는데, 

저는 jpg 파일로 저장하기 위해서, ctrl+alt+s를 눌러서 copy로 저장을 많이 합니다. 

ctrl+s로 하면, jpg나 png로 저장이 안되는 경우가 많아, copy로 많이 저장합니다. 

(Mac의 경우 Cmd+opt+s)

 

 

 

예제 파일 다운

그래픽.png

0.11MB

 

사용한 서체 - Abolition_regular

 

 

 

 

 

 

정리

 

1. 목업 파일 다운로드

2. 파일 zip 해제 > open

3. Layer에서 디자인 적용 Layer 클릭

(my design/ design here...등 다양하게 레이어 이름이 저장되어 있습니다)

4. 기존에 있던 이미지 Layer 지워주기(백지로 만들기)

5. File > Place embedded 로 적용할 이미지 선택

(이미지를 불러오지 않고, 바로 텍스트나 그림을 그려 디자인 하셔도 됩니다)

6. Ctrl+s로 이미지 저장해주기(Mac은 cmd+s)

7. Ctrl+alt+s로 이미지 copy본 저장하기(Mac은 cmd+opt+s)

 

 

 

궁금한 점은 댓글 달아주시면 댓글 남기겠습니다~

디자인하는 엘리였습니다 :)