어도비 포토샵에서 인쇄 목업을 만드는 방법

그래픽 디자인디자인
Headshot of Kendall Plant

필자는 켄달 플랜트(Kendall Plant)로, 자연이나 거리 사진, 때로는 해골을 작품에 접목하는 것을 좋아하는 디자이너이자 콘텐츠 크리에이터 겸 어도의 아트 디렉터입니다.

필자는 멋진 커피 테이블 책자를 좋아합니다. 언젠가 저도 한 권 출판하려고 합니다. 그 동안 작업을 하던 중에, 사실적인 형태와 조명 효과를 적용하여 저의 디자인을 책자 레이아웃 형식으로 보여주는 것도 괜찮을 것 같다는 생각을 했습니다. 제가 어도비 포토샵(Adobe Photoshop)에서 실물같은 디자인 목업을 만드는 데 변형 툴과 레이어 스타일을 어떻게 사용했는지 살펴보세요.

 

 

 

 

 

먼저, 저의 제작 기법이 소개된 1분 분량의 동영상을 시청하세요. 작업 과정이 아래에 설명되어 있습니다.

 

시작하기 전에

제가 사용한 샘플 파일을 사용하거나 각자가 소장하고 있는 파일로 연습해 보세요.

 

1단계: 펼쳐진 책자 이미지 준비

서로 어울리는 에셋을 사용하는 것이 중요합니다. Adobe Stock에서 저의 디자인과 목업 책자의 크기와 대략적으로 일치하는 아트웍을 찾았습니다. 예제에서 목업의 페이지가 정사각형이므로 정사각형 디자인을 만들어 봅니다. 다른 목업을 선택하는 경우 이에 어울리는 디자인을 선택합니다. 준비가 되면 포토샵에서 디자인과 목업 책자 문서를 엽니다.

Blank book with black pages on the left and image of model and flower composite with the word ‘Chrysalis’ on the right

 

2단계: 고급 개체로 만들기

레이아웃용 디자인을 준비하려면 Shift 키를 누른 상태에서 모든 인쇄 디자인 레이어를 선택한 다음 레이어 패널에서 고급 개체로 변환을 선택합니다. 고급 개체를 만들면 목업 책자에 추가한 후에도 다시 원본으로 돌아가 페이지 디자인을 개별적으로 변경할 수 있습니다.

Photoshop Layers panel has layer group and 3 layers selected with Convert to Smart Object selected in front of image of model

 

3단계: 디자인 추가

페이지 디자인이 준비되면 선택 툴을 선택하고 새 고급 개체 레이어를 펼쳐진 목업 책자의 문서 탭으로 드래그합니다. 이 탭이 활성화되면 목업 위로 페이지 디자인 레이어를 드래그하고 Shift를 누른 상태에서 모퉁이 핸들을 드래그하여 이미지 크기를 조정합니다. 이미지의 위치를 변경하고 회전하여 왼쪽 페이지의 각도에 맞게 대략적으로 맞춥니다.

Fashion photo has transform markers applied and is rotated to the left while being placed on the left page of the book mockup

 

4단계: 모퉁이 조정

왜곡 툴을 사용하여 목업 모양에 맞게 이미지를 맞춘 다음, 왼쪽 페이지의 모퉁이에 맞게 아트의 각 모퉁이를 드래그합니다.

Menu selection Transform and Distort in upper left, the model image is on left page of the book with each corner highlighted

 

5단계: 곡면 형태를 따라 페이지 변형

추가 변형 툴을 사용하여 디자인의 모양을 변경합니다. 예를 들어 뒤틀기 툴을 선택한 다음 각 핸들을 조정하여 페이지 곡면에 맞게 가장자리를 맞춥니다.

Menu selection Transform and Warp in upper left, selection handles extend so edges of image align with curves of left page

 

6단계: 페이지 안쪽 이음매 조정

페이지 디자인과 목업이 어울리도록 조명 효과를 추가해 봅니다. 페이지 디자인 레이어를 두 번 클릭하여 레이어 스타일 대화 상자를 연 다음 그레이디언트 오버레이를 선택합니다. 그레이디언트 필드를 클릭하고 기본 사항 사전 설정에서 검정, 흰색 그레이디언트를 선택한 다음 원하는 대로 설정을 조정합니다. 레이어 스타일 대화 상자가 열린 상태에서 펼침면 페이지 안쪽의 이음매 부분에 맞춰 그레이디언트를 드래그하여 위치를 조정합니다. 그레이디언트를 왼쪽과 오른쪽으로 이동해 보면서 원하는 그림자를 연출해 봅니다.

image shows dark shadow in seam, bottom has shadow shifted to the right, Layer Style panel shows black & white gradient

 

7단계: 조명을 줄여 어둡게 하기

이전 단계와 동일한 레이어 스타일 설정에서 그레이디언트 오버레이 옆에 있는 + 아이콘을 클릭하여 두 번째 그레이디언트를 추가하고 불투명도와 비율을 조정합니다. 그레이디언트를 페이지 안쪽에서 왼쪽으로 약간 드래그합니다. 그러면 페이지 안쪽의 어두운 그림자와 연결되는 중간 밝기의 그림자 효과가 만들어집니다.

Top image shows dark shadow in seam, bottom has lighter shadow, Layer Style panel shows Blend Mode is Multiply

 

8단계: 디자인에 가장 밝은 부분 추가

이제 미세한 밝은 빛을 추가하여 펼쳐진 책장 목업의 조명 및 그림자 효과를 완료할 차례입니다. 세 번째 그레이디언트 오버레이를 추가한 다음 혼합 모드를 스크린으로 설정하고 아트웍에서 그레이디언트를 드래그하여 페이지 왼쪽 밝은 영역의 위치를 조정합니다.

Second gradient overlay applied, top image shows muted model image, bottom is clearer, Blend Mode is Screen

 

9단계: 좌우 페이지의 그레인 일치

페이지 그레인과 디자인을 결합하기 위해 노이즈 필터를 적용하고 설정을 조정해 봅니다.

Model image has grain effect applied, the Add Noise dialog shows the noise Amount set to 8%, Monochromatic box is checked

 

쇼케이스 만들기

어도비 포토샵에서 변형 툴과 레이어 스타일을 사용하여 다양한 레이아웃으로 디자인을 만들어 보세요.

The book mockup layout has model image blended on the left page and the words ‘Chrysalis Spring Collection’ on the right

 

참고: 이 튜토리얼에 포함된 프로젝트 파일은 실습 용도로만 사용하시기 바랍니다.

 

 

 


그래픽 디자인, 디자인

Posted on 09-24-2020


토론에 참여