[포토샵] 디자이너를 위한 목업 방법 - 티셔츠 목업 - 03

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

 

지난번에는 기본 목업 방법을 알려드렸는데, 이번에는 목업 활용편입니다.

실물 이미지를 가져와 목업하는 방법을 알려드리겠습니다.

 

적합한 목업을 못 찾았는데, 만약 사진 촬영도 할 수 없는 환경이라면 한번 시도해보세요.

조금 난이도가 있을 수 있지만, 천천히 따라하시다 보면 금방 익히실 수 있을 겁니다. 

 

목업 적용 이미지

 

 

티셔츠 목업 방법

---

 

 

사진첩에 있는 이미지를 누끼따고 보정해서 티셔츠 이미지를 만들었습니다. 

혹시라도 누끼작업과 이미지 작업이 궁금하시면 아래 글 참고해주시면 되고, 

예제 파일 먼저 올려드리겠습니다. 

티셔츠 이미지.png

1.16MB

배경.png

18.62MB

그래픽.png

1.74MB

 

 

 

 

파일 다운 받아주셨다면, 순서대로 진행해주시면 됩니다. 

티셔츠 파일

 

가장 먼저 [티셔츠 이미지] 파일을 포토샵으로 열어줍니다.

 

Crop 하기

 

Crop 툴을 이용해 이미지를 원하는 사이즈에 맞게 바꿔줍니다. (생략가능)

저 같은 경우는 1:1로 바꿨습니다.

 

Crop된 이미지

 

이미지를 Crop한 후, Ctrl+Shift+S를 눌러, 티셔츠 이미지만 Psd(Photoshop) 파일로 저장해줍니다.

(Mac의 경우 Cmd+Shift+S)

추후, Psd 파일은 티셔츠 주름을 만들때 기준이 됩니다. 

 

 

[그래픽] 이미지 불러오기

 

File > Place Embedded 를 통해 [그래픽] 이미지를 불러옵니다.

 

Distort 효과주기

 

이제 불러온 [그래픽]이미지를 티셔츠에 맞게 구김을 넣겠습니다. 

Filter > Distort > Displace를 들어가서, 값을 입력후, 저장해놓은 티셔츠 psd 파일을 선택합.

이미지의 크기에 따라 Horizontal Scale, Vertical Scale 값을 넣어주면 되는데, 

1 수치 당 1 pixel이라고 생각하시면 되고, 얼마의 pixel 만큼 뒤틀 것인가에 대한 값을 나타내줍니다.

 

(값이(+) 올라갈 수록, 왜곡이 심해지고, 값이 마이너스(-)가 되면, 뒤틀기가 반전이 됩니다)

(Psd로 저장된 색감의 rgb 값을 분석해, 티셔츠 왜곡을 해주는 원리입니다)

 

뒤틀린 [그래픽] 이미지, 효과 적용 후

 

그럼 효과가 적용된 것을 보실 수 있습니다. 자연스러운 수치를 잘 체크해보세요.

Blending 옵션

 

Layer에서 그래픽 이미지 우 Click > Blending Options 선택

1. Blend Mode를 Multiply로 변경하기 

2. Blending Option에서 ▲ 부분을 좌우로 옮기며, 자연스러운 값 지정하기,

디테일하게 조정을 원할 경우, Alt를 누른 상태로 ▲ 을 움직이면 반으로 쪼개지고, 섬세한 작업이 가능하다.
(Mac의 경우는 Alt 는 Option)

 

Blending Option 적용된 이미지

그럼 티셔츠의 밝고 어두운 부분이 자연스럽게 적용이 되고, 목업이 완성된다.

 

하지만, 예제와 같은 이미지를 원한다면 아래를 참고하면 됩니다.  

 

 

티셔츠 목업  -  디자인 디테일 잡기

---

 

1. 티셔츠 칼라 변경하기

 

색 변경하기

 

Layer 아래 ◑ Click > Solid Color 선택

색 변경하기

 

색 선택 후, [그래픽] 이미지와 Solid Color Layer 사이에 Alt를 누른 상태로 마우스 Click

그럼 색상이 적용된 것을 볼 수 있다.

(Mac의 경우는 Option)

 

 

1. 배경 넣기

 

배경 넣기

 

File > Place Embedded 를 통해 [배경] 이미지를 불러옵니다.

배경 넣기

 

Layer에서 [배경] 이미지를 마우스로 끌어다 맨 아래 배치합니다.

(이때, Alt를 누르고 적용했던 Solid Color가 해제될 수 있으니, 다시 Alt를 눌러 적용해줍니다.)

 

텍스트 넣기

 

마지막으로 툴 바에서 텍스트(단축키 T)를 넣어줍니다.

텍스트는 원하는 위치에 클릭하면, 그 위치에 넣어실 수 있습니다.

그럼 예제 파일까지 완성입니다. 파일 내보내기는 Ctrl+Alt+S 입니다. (Mac은 Cmd+Opt+S)

 

 

 

사용한 서체 - Above The Sky_Script

Active_Regular

 

 

정리

 

1. [티셔츠 이미지] 파일 열기

2. Crop 툴을 이용해 이미지 크기 지정

3. Ctrl+Shift+S로, 티셔츠 이미지 Psd 파일로 저장하기

4. File > Place Embedded 로 [그래픽] 이미지 불러오기

5. Filter > Distort > Displace 로 [그래픽] 이미지 왜곡하기

6. Blending Option 적용하기/ Multiply

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

[색 변경시]

1. Layer 아래, Solid 칼라 선택하기

2. Alt키로 적용하기(Mac은 Option)

 

 

 

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

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