위 예제처럼 글자 또는 배경이 추출된 이미지 or 심볼등에 그림자를 생성해주는 방법입니다.

피사체 추출(배경 제거) 방법은 본 페이지 하단에 관련 링크 참조하세요.

샘플 이미지 다운로드:  webagit1.zip









①먼저! 적당한 크기로 신규 캔버스를 생성(Ctrl+N)해준 다음 ②추출된 이미지 또는 다운로드 받은 이미지를 오픈(Ctrl+O)해줍니다.
이동 툴을 선택한 상태에서 ④심벌을 드래그하여 생성한 캔버스로 드래그하여 이동시켜줍니다.
⑤이미지 창은 닫아주세요.














#1.레이어 스타일을 활용한 그림자 효과


레이어 스타일을 활용하여 간단하게~ 그림자를 적용하는 방법입니다.
①이미지가 이동되었죠~ 레이어 팔레트에서 ②붙여 넣은 레이어의 섬네일을 보면~ 심볼 외곽이 투명처리된게 확인됩니다.
팔레트 하단에 ③"레이어 스타일 추가" 아이콘을 클릭하고~ Drop Shadow를 선택해주세요.









④드롭 섀도우(외부 그림자)가 선택된 상태로 레이어 스타일 대화 상자가 오픈됩니다.
⑤ 우측 설정란의 그림자의 색상, 불투명도, 각도, 거리 등등을 입맛에 맞게 설정해주면 되는데요~
적용되는 결과물 창을 봐가면서 원하는 스타일로 설정해주고 OK









⑥번 예제와 같이 그림자가 생성되었답니다.
팔레트에서~ 레이어를 확인해보면 ⑦적용된 효과 리스트가 출력됩니다.
적용된 스타일 효과를 수정하려면~ 해당 명칭을 더블 클릭하거나 ⑧FX부분을 더블 클릭하여 보정해주면 됩니다.









아래 샘플과 결과물처럼~ 심볼 또는 글자에 간단하게 그림자를 생성해줄 수 있답니다.





















#2.현실적인 그림자 효과-1


이번에는 그림자의 위치 or 각도등을 더욱 현실적으로~ 수직 반사광을 표현해볼게요.
먼저 피사체 하단부에 그림자를 적용해보겠습니다.
이동 툴을 선택하고~ ②이미지의 위치를 적당히 위로 위치시켜~ 하단부에 그림자가 위치할 여백을 확보합니다.









이미지 레이어 아래로~ 레이어를 추가해줄거랍니다.
Ctrl키를 누른 상태로~ 레이어 팔레트 하단에 ③"레이어 추가" 아이콘을 클릭!
활성화된 레이어 바로 아랫 단계로 레이어가 추가되었답니다.
Ctrl키 누른 상태에서~ 위에 위치한 레이어의 ⑤섬네일을 클릭하여 ⑥선택 영역을 생성해주세요.









전경색"검정색"으로 설정한 다음 ⑧그라디언트 툴을 지긋히 누르면 나타나는 페인트통 툴을 선택!
⑨선택 영역을 클릭하여~ 전경색으로 채워준 다음! 선택 영역은 해제(Ctrl+D)합니다.
피사체의 앞, 뒤로 2가지 타입의 그림자를 만들어볼 거예요~
그러므로 그림자가 될 레이어를 2개 만들어줘야 해요.
레이어의 제목을 더블 클릭하여~ 그림자-뒤 라고 수정해주세요.









그림자-뒤 라고 적은 레이어를 카피(Ctrl+J)해주고~ 카피된 레이어의 이름도 기억하기 쉽게 수정해줍니다.
아래 위치한 ⑫레이어의 "눈을 클릭"하여 감겨주도록 합니다.









그림자-앞 레이어가 선택되어진 상태에서~ 180˚ 회전시켜줍니다.
Edit > Transform > Rotate 180˚









다음! 수평으로 회전하여~ 그림자 수직 방향을 교정해준 다음
Edit > Transform > Flip Horizontal
아래 예제처럼! 이통 툴을 선택하고~ 위에 위치한 이미지와 그림자가 맞물리게 위치시켜줍니다.









지우개 툴을 선택하고 ⑭브러쉬 타입은~ 번짐이 있는 소프트 브러쉬로! 넉넉한 크기로 설정해주세요.
Shift키를 누른 상태로~ 쭈욱 드래그해주면, 일직선으로 지워낼 수 있습니다.









레이어 팔레트에서~ 불투명도를 적절히 낮추어줍니다.









그림자 각도를 변형하려면 ①스큐 변형 툴을 적용해주고~
Edit > Transform > Skew









②하단부 ③좌, 우측을 원하는 방향으로 드래그하여~ 그림자 각도 및 너비를 변형해주고
④상단부 또한 윗 그림과 맞물리게 조정 후 엔터!









앞 그림자 효과 완성!!





















#3.현실적인 그림자 효과-2


이번에는~ 피사체 뒷 부분에 그림자를 생성해볼게요!
①위에서 작업한 레이어의 "눈을 클릭"하여 감겨주고 ②"아래 위치한 레이어를 선택"하고~ "눈을 클릭"하여 켜줍니다.
Edit > Transform > Skew









스큐 변형 툴을 적용하고~ ④그림자 각도 및 높이등을 원하는바 변형을 가해주고 엔터!
⑤번 예제와 같이 변형을 주었답니다.









⑥넉넉한 크기의 지우개 툴로 ⑦윗 부분을 드래그하여~ 적절히 지워냅니다.









불투명도를 조정하여~ 마무리!!









그림자 외곽을 부드럽게 처리하고자 한다면
Filter > Blur > Gaussian Blur
⑧적용되는 결과물을 확인해가며 ⑨가우시안 블러 효과를 적절히 적용해주고 OK









블러를 적용하기 전과 후의 결과물입니다.








아래는 글자에 그림자 효과를 적용한 샘플입니다.








= 관련링크 =


피사체 추출하는 방법 클릭!!
현실적인 그림자 효과 "사물의 반사광 효과" 배우러 가기