상세페이지를 만들 때 제품 사진을 나열하는 것도 좋지만, 특정 부분을 눈에 띄게 강조해야 할 때가 있습니다. 이번 튜토리얼은 포토샵으로 사진의 특정 부분에 빛나는 효과를 입혀 강조하는 방법입니다.
미리보기
제품의 레버 부분을 강조한 모습입니다.
따라하기
이미지 준비하기
원하는 제품 사진을 준비합니다. 어떤 물건으로 설명하는 게 좋을까 고민하다가 이번에는 사진을 직접 찍어보기로 했습니다. 주변에 보이는 베스트 토레서를 집어들고 미러리스 셔터를 얼른 눌렀습니다.
요상하게 생긴 이 제품은 ‘베스트토레서‘입니다. 옷에 묻은 각종 먼지들을 빠르게 정리할 수 있습니다. 특히 박힌 털에 특효라서 고양이를 키우는 집사 분들에게 인기가 많습니다. 레버를 움직여서 방향을 정하고 화살표 방향대로 쭉쭉 밀어주면서 옷에 붙은 먼지를 청소합니다. 뚜껑을 열면 먼지가 동그랗게 뭉쳐 있어서 한번에 버리기 편합니다.
배경을 따고 각종 보정을 버무려 제품 사진을 준비했습니다. 레버를 강조하기 위해 중앙으로 옮겨주었습니다.
레버 복사하기
펜툴을 선택하고 레버를 따라 패스로 도형을 만듭니다.
Ctrl+도형 레이어 썸네일을 클릭해서 손잡이 부분을 선택합니다. 도형 레이어는 지우거나 되고 눈을 꺼도 됩니다.
점선으로 선택된 상태에서 레이어에서 토레서 사진을 선택하고 Ctrl+J를 눌러 부분 복제합니다.
바뀌지 않은 것 같지만 레버 부분이 복제되어 붙여넣어진 상태입니다.
레이어 스타일로 강조하기
레이어 패널 아래쪽에 있는 fx버튼을 누른 후 Outer Glow를 선택합니다.
블랜드 모드를 Screen으로 설정합니다. 취향에 따라 Opacity와 Size를 조절해주세요.
레버를 간단하게 강조했습니다.
색상을 조절하고 간단한 멘트와 화살표를 넣어 마무리합니다.
응용하기
안전깔때기의 가스켓 부분을 강조한 모습입니다. 레이어 스타일을 쓰지 않고 도형에 그라데이션을 입힌 후 Screen과 Overlay모드를 사용하였습니다.
마치며
제품이 어떤 기능을 가지고 있지만 설명하지 못해 사람들이 모른다면 슬픈 일입니다. 제품의 특정 부분을 강조해 적극 어필해봅시다. 단, 과대광고가 되지 않게 유의하세요. 사람들이 오해하지 않도록 적당한 범위 내에서 그래픽을 뒷받침해야 합니다.
다른 포스팅
- 킁킁 내 상세페이지에서 향기가 그래픽 합성으로 향기 표현하기
- 따끈따끈 라디에이터 열기 표현하기
- 이거 어디까지 움직이는 거예요? 선풍기 헤드가 움직이는 범위 표현하기
