포토샵에서 3D 입체 그림자 만들기(3D Shadow)

오늘은 그림자 효과에 대해서 배워 보겠습니다. 일반적으로 포토샵에서 그림자 효과라고 하면 레이어스타일의 Drop shadow를 알고 계실텐데요. 3D(입체)의 느낌을 가질 수 있는 그림자 효과를 배워 보도록 하겠습니다. 

1. 포토샵에서 Text툴을 이용해서 아래와 같은 이미지를 만들어 보았습니다. 

레이어를 선택 후 Ctrl+J를 눌러 복제합니다. 

2. 복사된 텍스트 레이어를 선택한 후 3D 그림자를 생성하기 위해 3D Extrusion 메뉴를 선택합니다. [ 3D > New 3D Extrusion from Selected Layer ]

3. 화면이 아래와 같은 3D 환경으로 변경되었습니다. 간혹 툴 바에서 다른 툴을 선택하거나 하면 3D 환경이 사라지곤 하는데 이때는 당황하지마시고 해당 레이어를 선택하신 후 툴바에서 Move툴을 선택하시면 3D 환경으로 전환할 수 있습니다. 

4. 3D 환경에서 상단의 불빛 아이콘을 선택합니다. (위 이미지 참고)

또는 3D 패널에서 Infinite Light 항목을 선택하셔도 됩니다.

5. 화면 중앙에 큰 공과 작은 공이 보이는데 큰 공은 조명을 받는 사물이라고 생각하시면 되고 작은 공은 태양과 같은 빛의 근원이라고 생각하시면 됩니다. 작은 공을 선택 드래그하여 원하는 그림자의 방향과 길이가 되도록 이동하여 줍니다.

6. 태양빛이 선택된 상태에서 속성(Properties)창을 보시면 Shadow항목에서 그림자의 부드러움을 조절할 수 있는 조절바가 있습니다. 화면을 보면서 원하는 부드러움이 될 때까지 Softness를 조절해 줍니다.

7. 현재 레이어 이미지를 보시면 두께가 자동으로 적용되어 있는 것을 보실 수 있습니다. 두께를 없애기 위해 3D패널의 별 모양 항목을 선택합니다. 속성창이 해당 항목 관련 속성으로 바뀌었습니다. 여기서 Extrusion Depth항목의 수치입력란에 0을 입력하여 두께를 없애 줍니다.

8. 속성창 하단에 Render 아이콘(위 이미지 참고)을 클릭하여 최종 렌더링을 합니다. 

9. 렌더링이 끝난 후 툴바에서 Move툴이 아닌 다른 툴을 선택하면 3D 환경에서 벗어난 렌더링 이미지만 보실 수 있습니다.

10. 해당 레이어를 선택 후 오른쪽 마우스를 클릭합니다. 풀다운 메뉴에서 Rasterize 3D를 선택해 줍니다. 3D 속성이 사라지고 픽셀이미지로 변환되었습니다. 

11. 원본 텍스트 레이어를 상단으로 이동한 후 적절한 색상으로 변경해 줍니다. (저는 파란색으로 변경해 주었습니다)

12. 이미지를 확대해 보시면 글자 가장자리에 아래 레이어(3D그림자)의 검정색 텍스트가 겹쳐보이는 것을 확인할 수 있습니다. 

13. 지우개(Eraser)툴이나 스머지(Smudge)툴을 이용하여 그림자 레이어의 텍스트부분을 지우거나 감춰줍니다. 

지금까지 적용한 최종 이미지는 아래와 같습니다. 일반적인 Drop Shadow로는 절대 생성할 수 없는 입체적인 그림자가 자연스럽게 연출되었습니다. 

3D 메뉴는 포토샵 안에서 3D툴을 사용할 수 있는 아주 유용한 툴이지만 생각만큼 쉽거나 렌더링 품질이 높지는 않아 보입니다.(제가 잘 못해서 일수도…) 그래도 복잡한 형태의 그림자를 입체적으로 표현하고자 할 때는 아주 유용합니다. 

마지막으로 약간의 형태보완과 사진 이미지와의 합성으로 자연스러운 그림자 느낌을 연출해 보았습니다. 다음 강좌에서 다시 만나요~