본문 바로가기
생활 꿀팁과 실무

포토샵 상세페이지 그림자 글자 꾸미기 색상 오버레이 이용

by 스베니르 2021. 7. 6.
728x90
반응형

상세페이지를 꾸미다 보면 화려한 수식보다 제품 본연의 이미지로 꾸미는 방법이 제일 이쁠 때가 있습니다.

오늘은 한 장의 사진으로 화려한 수식보다 제품 본연의 이미지를 잘 나타내면서 제품 설명이 들어가는

이쁜 연출사진을 만들어 보겠습니다.

 

 

그림자 글자 연출 상세페이지

1. 가로폭 860px의 포토샵 빈 도화지를 불러와보겠습니다. (스마트 스토어 상세페이지 최적화 폭 860px)

2. 편집하고자 하는 사진을 가져오기 색조/채도 조절 (Ctrl +U) 그림자 사진을 만들려면 먼저 가져올 사진을

채도가 진해야 합니다. 채도를 낮춰서 보다 진하게 만들어 줄게요.

3. 새 레이어 추가 (Ctrl +J) 이용

4. 불러온 레이어를 더블 클릭 색상 오버레이 추가, 검은색으로 만든 후 불투명도를 50% 까지 줄여줍니다.

- 이렇게 하면 사진 위로 검정 셀로판지를 붙인 것처럼 어둑한 색상이 겹쳐집니다.

5. 텍스트 상자 (T) 클릭해 적고자 하는 텍스트를 입력 (Ctrl+T)를 이용 텍스트 세부 상자에서 디테일을

꾸며 줍니다.

6. 레이어 상자의 텍스트 레이어 선택 후 레이어 기존 레이어 합치기 후 삭제

완성!!

 

 

 

세부 디테일

 

단축키 Ctrl +U를 통한 색조/채도 조절에서 채도를 낮추면 더욱 진해지는 걸 볼 수 있습니다.

 

새 레이어의 레이어 스타일에서 1. 색상 오버레이 클릭, 2. 색상 검정 선택, 3. 불투명도 50%으로 맞추면

검정 셀로판지 효과를 볼 수 있습니다.

 

텍스트 레이어가 기존 레이어에 잘 겹쳐졌다면 레이어 미리보기에서 사진과 같이 확인할 수 있어요.


 

완성

사진처럼 이쁘게 연출이 가능합니다.

예시 사진은 픽사 베이를 이용한 물방울이지만 제품을 소싱한다면 제품 위에 상세 설명을

그림자 글자로 연출할 수 있겠죠? 완성본이 생각보다 이쁘죠 ㅎㅎ

오늘은 포토샵으로 상세페이지 꾸미기 그림자 글자 만들기를 해보았습니다.

몇 번 해보면 쉽게 손에 익으실 거예요.

 

글이 마음에 드셨다면

 

♥좋아요☞구독하기 눌러주세요.

 

감사합니다.

댓글