Kendall Plant가 Adobe Photoshop에서 변형 툴과 레이어 스타일을 사용하여 책자 레이아웃에 자신의 디자인을 배치하고 리얼한 형태와 빛을 적용합니다.

자연, 거리 사진, 때로는 해골을 모티브로 한 독창적인 작품을 제작하고 있는 Kendall Plant는 디자이너, 콘텐츠 크리에이터, 아트 디렉터로 활동하고 있으며, Adobe에서 크리에이티브 디렉터로 일하고 있습니다.

필요 항목

샘플 파일에는 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 이미지가 포함되어 있습니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

펼쳐진 책자 이미지 준비

서로 어울리는 에셋을 사용하는 것이 중요합니다. Adobe Stock에서 목업 책자의 크기와 대략적으로 일치하는 아트웍을 찾습니다. 예제에서 목업의 페이지가 정사각형이므로 정사각형 디자인을 만들어 봅니다. Photoshop에서 디자인과 목업 책자 문서를 엽니다.

검은 페이지의 책자/모델, 꽃, 단어 ‘Chrysalis’의 합성 이미지

고급 개체로 만들기

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

레이어 그룹 패널/고급 개체로 변환할 3개의 레이어가 선택됨

디자인 추가

페이지 디자인이 준비되면 선택(V) 툴을 선택하고 새 고급 개체 레이어를 펼쳐진 목업 책자의 문서 탭으로 드래그합니다. 책 문서가 활성화되면 목업 위로 페이지 디자인 레이어를 드래그하고 Ctrl+T(Windows) 또는 Command+T(macOS)를 눌러 변형 툴을 엽니다. 이미지의 위치를 변경하고 회전하여 왼쪽 페이지의 각도에 맞게 대략적으로 맞춥니다.

목업 책자 왼쪽 페이지에 배치될 변형 마커가 활성화된 패션 사진

모퉁이 조정

변형 > 왜곡을 선택하여 목업 모양에 맞게 이미지를 맞춘 다음 왼쪽 페이지의 모퉁이에 맞게 아트의 각 모퉁이를 드래그합니다.

팁: Ctrl(Windows) 또는 Command(macOS)를 누른 상태에서 각 모퉁이를 드래그할 수도 있습니다.

변형 > 왜곡 메뉴 선택, 모델 이미지의 각 모퉁이가 강조 표시됨

곡면 형태를 따라 페이지 변형

추가 변형 툴을 사용하여 디자인의 모양을 변경합니다. 이미지를 마우스 오른쪽 버튼으로 클릭하고 변형 > 뒤틀기를 선택한 다음 각 핸들을 조정하여 페이지 곡면에 맞게 가장자리를 맞춥니다.

변형 > 뒤틀기 선택, 이미지에 맞게 모퉁이에서 확장된 선택 핸들

페이지 안쪽 이음매 조정

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

페이지 안쪽의 그림자, 오른쪽으로 이동한 그림자, 그레이디언트

조명을 줄여 어둡게 하기

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

페이지 안쪽의 어두운 그림자, 밝아진 그림자, 곱하기 혼합 모드

디자인에 가장 밝은 부분 추가

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

두 번째 그레이디언트 오버레이 추가, 스크린 혼합 모드

좌우 페이지의 그레인 일치

페이지 그레인과 디자인을 결합하기 위해 노이즈를 적용해 봅니다. 필터 > 노이즈 > 노이즈 추가를 선택하고 양을 변경한 다음 단색 상자를 체크 표시합니다.

그레인 효과 적용, 노이즈 추가: 양=8%, 단색 체크 표시

쇼케이스 만들기

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

왼쪽에는 이미지, 오른쪽에는 단어가 있는 목업 책자 레이아웃
09/02/2020

아티스트: Kendall Plant

Adobe Stock 컨트리뷰터: Carlos David, joeycheung, Veresovic

이 페이지가 도움이 되었습니까?