하단에 그림자를 만들어 입체감을 주는 액자를 만들어 보겠습니다. 이것은 제가 옛날에 테스트로 웹사이트를 만들면서 상품 이미지를 넣는 액자로 사용하였습니다. 제가 요즘 즐겨보는 프로그램인 <불타는 청춘>을 캡쳐한 사진으로 실습해 보겠습니다. 생각보다 간단하지만 포스팅하려고 하니 간단하지 않네요.
완성본입니다.
[File - Open] 혹은 Ctrl+O 해서 사진을 불러옵니다. 백그라운드 레이어를 분리하기 위해서 아래 그림과 같이 [Layer via Cut]을 해줍니다.
캔버스 사이즈를 늘려줘야 되기 때문에 [Image - Canvas Size] 혹은 Alt+Ctrl+C 해줍니다.
캔버스 사이즈를 적당하게 늘려주면 되는데, 저는 640*360 사이즈를 680*400으로 늘린 다음 아래 방향으로 20을 더해서 최종 680*420으로 만들어 주었습니다.
point) Anchor를 아래 그림과 같이 해주면 캔버스가 아래 방향으로만 늘어납니다.
액자 테투리를 그리기 위해 먼저 영역 지정을 합니다. Layer1의 그림 부분에 마우스 포인트를 가져가서 Ctrl을 누르고 그림에 클릭하면 아래와 같이 영역이 지정됩니다. 그런 다음 [Select - Modify - Expand] 하여 줍니다. Expand는 영역을 늘려주는 겁니다.
아래와 같이 해주면 좌우상하 10px만큼 늘어납니다. 단 늘어나면서 모서리가 깎여지는데 사각마퀴툴로 보정하면 됩니다.
사각마퀴툴 선택하고 add to selection으로 만든 다음 모서리 부분 확대하여 아래와 같이 더해주면 됩니다.
New Layer 하여 레이어 추가한 다음 흰색으로 채워줍니다. 현재 백그라운드 컬러가 흰색으로 되어 있으니 Ctrl+Delete 하면 흰색으로 채워집니다.
스크린 샷 추가하는 것을 깜박해서 나중에 추가하다 보니 살짝 그림이 다르지만 신경쓰지 마시고,,,--;; [Edit - Stroke] 해서 width는 1px, location은 center로 하고 color는 회색으로 해줍니다. 저는 컬러를 #cccccc로 했습니다.
아래 그림과 같이 될텐데 Layer2를 Layer1 밑으로 내립니다.
이제는 그림자를 만들기 위해서 선택영역을 잘라내겠습니다. 역시 사각마퀴툴을 선택하고 이번에는 subtract from selection으로 선택한 다음 적당하게 아래 그림과 같이 선택영역 윗부분을 잘라냅니다. 그리고 레이어를 추가합니다. Layer3을 백그라운드 레이어 바로 위에 오도록 하세요.
검은색으로 채우기 위해서 Alt+Delete 합니다. 포그라운드 컬러가 검은색으로 되어 있는지 먼저 확인하십시오. Layer3이 밑에 깔려있기 때문에 검은색이 안 채워진 것 같지만 검은색으로 채워져 있습니다.
스머지 툴을 이용해서 검은색을 밑으로 당겨주면 됩니다. 사진에 꽉 찰 정도로 디아메타를 크게 해서 화살표 방향으로 아래로 당기세요. 그리고 디아메타를 조금 더 줄여서 가운데 부분이 좀 더 내려오도록 아래로 당기세요. 그러니까 사이즈를 줄여가며 두 번에 걸쳐 그림자를 만들라는 이야기입니다. 한번만 해도 입체감은 어느 정도 삽니다.
이동툴을 선택한 다음 키보드의 윗방향 화살표를 눌러서 그림자를 올려줍니다. 그리고 색깔을 연하게 만들기 위해 Opacity를 60 ~ 50 정도로 줄여주면 끝이 납니다.
처음으로 작성하다보니 설명을 제대로 하기가 좀 힘드네요. 막히는 부분이 있으시면 댓글 남겨주세요.
유용한 정보였다면 공감 버튼 살짝 클릭^^ 감사합니다~
댓글