포토샵 그림자 효과 쇼핑몰제품사진처럼 만들기

인터넷 쇼핑할 때 흔히 볼 수 있는 포토샵 그림자 효과 중에 쇼핑몰제품 사진처럼 만드는 방법이에요. 그냥 물건만 있는 게 깔끔해 보일 때도 있고 이렇게 아래나 옆, 혹은 뒤로 살짝 그림자가 있으면 허전해 보이지도 않고 더 고급스러워 보인다는 장점이 있어요.

 

 

 

 

제가 작업해준 버전은 photoshopCC이구요, CS나 다른 것도 기능 자체가 다른건 아니므로 아이콘 이미지를 보거나 영어로 된 툴을 찾는게 어렵지 않을 거예요. 먼저 쇼핑몰사진처럼 만들어주기 위해서는 배경 그림을 없애고 주요이미지만 따주는 작업이 필요해요.

 

테두리를 이용해 딸 수 있는 틀은 3개 정도가 있어요. 오늘처럼 이렇게 단순한 립글로스 같은 것은

Quick selection Tool로 해주면 편하게 할 수 있어요. 클릭할 때 마다 같은 색상 부분을 인지해서 크게 덩어리로
움직이는 점선이 묶어버린답니다. 만약 선이 오버 되거나 영역을 잘못 지정한 거 같으면 ALT버튼을 누른 채로 마우스로 움직이면 그부분은 지워지게 돼요~

 

 

 

이제 FILE을 누르고 NEW를 눌러서 새 이미지 하나를 만들어 줍니다. 포토샵 그림자 효과를 잘 내기 위해서는 하얀 바탕이 좋아요. 그럼 이제 2개의 창이 띄워져 있고 툴로 따준 립글로스는 점선이 돌면서 움직이고 있을 거예요.

 

왼쪽 아래의 MOOCV TOOL을 누른 다음 하얀 이미지 쪽으로 이동시켜주세요.

오른쪽 그림처럼 나오면 잘 따라오고 있는 거예요

 

 

이제 Layer1에 마우스 커서를 놓고 Ctrl+J 를 누르면 Layer copy1 이라고 위에 만들어져요. 여기까지 해준 다음 지우개Tool을 이용해서 삐뚤빼뚤 라인이 정리가 덜 된 부분이나 깔끔하지 못한 부분을 다듬어주도록 합니다. 그런 다음 Ctrl+T 를 누르면 네모사각형이 중간중간 있는 채로 테두리가 선택이 돼요.

 

 

 

선택이 된 상태로 마우스 우클릭을 누르고 맨 아래에 있는 Flip Vertical을 누릅니다 그럼 똑같은 이미지가 반대로 180도 뒤집히게 돼요 저는 백그라운드를 좀 길게 해주어서 이렇게 전체를 선택했지만

 

홈페이지 상품들을 보면 반 정도만 나오는 사진들이 많지요?

이럴 때에는 사각형툴로 이미지의 반만 선택한 다음
delete 버튼을 누르고 다시 Ctrl+D 를 눌러서
선택된 것이 없게 한 상태에서 CTRL+T 를 누르면 아래 반 남은 이미지만 선택이 돼요.

이때 마우스 우클릭한 다음 플립 버티칼을 선택하면되요.
마우스로 직접 내려도 되고요,

 

물론 이 작업은 다 레이어가 copy에 있을 때 해야 해요.

해주고 난 다음 조그만 레이어 아래쪽에 있는 Add layer Mask를 누릅니다.
그럼 카피 옆에 하얀색 네모창이 생기죠? 이걸 한번 눌러주세요

 

 

 

이제 쇼핑몰 사진처럼 자연스러운 포토샵 그림자 효과를 직접 내보는 차례에요. 처음엔 어색하지만 하다 보면 차츰 자연스럽고 실제 홈페이지에 팔고 있는 이미지들과 비슷해지게 됩니다. 연습하는 만큼 많이 늘더라고요,

 

왼쪽에서 Gradiant Tool을 선택하고
립글로스의 끝부분쯤에서 SHIFT를 누르고
위에서 아래로 마우스로 클릭하여 내려주거나
왼쪽에서 오른쪽으로 쭉 그어줍니다

 

 

 

 

마지막으로 투명도를 조절해볼게요
COPY LAYER 위에 있는 Opacity의 퍼센트를 선택합니다 저는 50%가 너무 밝아 보여서 75% 정도로 해주었어요.
이미지마다 색감이 달라서 이건 그때그때 실제 변화되는 모습들을 보면서 하면 돼요.

 

 

 

조금 많이 보이게 해주었어요

위에서 아래로 2번 정도 긁어 내리면 윗부분은 거의 없어져요. 이제 쇼핑몰 제품 사진의 살짝 보이는 그림자를
어떻게 작업해주는건지 알게됫을거라 생각해요. 그림자가 몇 개 더 있어서 나누어서 포스팅하도록 할게요.
감사합니다.