웹디자인 강의
Photoshop 은은한 액자 그림자 효과
2005.08.08 23:16
깔끔하고 이뻐서 사용하기 좋던데 우리도 배워보자구요.
여러 방법이 있는데 저는 패스툴을 이용한 방법을 해보겠습니다.
우선 이미지 불러옵니다.
![r1.gif](/files/attach/images/19360728/560/424/019/r1.gif)
그담 그림자 효과를 이미지 주위에 주기 위해선 이미지를 더 늘려줘야겠죠?
Image->Canvas Size하셔서 Relative체크하시고 단위는 픽셀로 설정하신뒤 가로세로 각각 20픽셀씩 늘려주세요.
![r2.gif](/files/attach/images/19360728/560/424/019/r2.gif)
그리고 레이어창에서 백그라운드를 카피해주세요.
그담 전체선택(Ctrl+A)하시고 Edit->Stroke하셔서 테두리를 주세요.(Location은 inside로)
![r3.gif](/files/attach/images/19360728/560/424/019/r3.gif)
또다시 Image->Canvas Size하셔서 이번엔 50픽셀씩 늘려주세요.
![r4.gif](/files/attach/images/19360728/560/424/019/r4.gif)
그다음 과정부터 조금 복잡할수 있으니 잘 보세요.
레이어창에서 카피한 백그라운드를 Ctrl키를 누른채 클릭하면 영역설정이 됩니다.
작업의 편의를 위해서 카피백그라운드 눈을 꺼주세요.
그담 패스팔레트를 선택하셔서 패스생성버튼(아래 버튼들 중 오른쪽에서 세번째 버튼)을 눌러주시면 이미지파일에서 영역범위가 패스화됩니다.
![r5.gif](/files/attach/images/19360728/560/424/019/r5.gif)
그담 툴바에서 패스선택툴
로 이미지 안의 영역패스부분을 클릭하여 활성화시킵니다.
![r7.gif](/files/attach/images/19360728/560/424/019/r7.gif)
그담 펜툴
을 선택하셔서 영역의 중앙부분을 클릭하여 정점(앵커포인트)을 추가합니다.
![r9.gif](/files/attach/images/19360728/560/424/019/r9.gif)
추가하셨으면 패스직접툴
을 선택해주세요. (패스선택툴과 다른겁니다. 패스선택툴을 3초간 꾸욱 누르고 있으면 직접툴이 나옵니다)
패스직접툴로 아까 정점 추가한곳을 선택해서 안쪽으로 밀어주세요.
(어려운 작업일수도 있습니다. 중앙 부분만 선택되게 해서 밀어주셔야 그 부분만 들어갑니다 안그럼 전체가 다 움직이니 주의해주세요)
![r11.gif](/files/attach/images/19360728/560/424/019/r11.gif)
안쪽으로 옮긴후에 패스팔레트 아래 버튼 중 오른쪽에서 네번째 버튼을 눌러주시면 영역이 생성됩니다.
다시 레이어창으로 돌아와서 레이어 하나를 생성하신뒤 레이어를 백그라운드와 카피백그라운드 사이에 옮겨주세요(마우스로 레이어 드래그하심됩니다)
그담 영역을 회색계열로 페인트통 부어주세요.
그담 Ctrl+T하셔서 크기를 좀 더 늘려주셔서 이미지에 맞게 맞춰주세요.
그 뒤 Filter->Blur->Gaussian Blur하셔서 수치를 3쯤 설정해주세요.
![r12.gif](/files/attach/images/19360728/560/424/019/r12.gif)
그런담 카피레이어 눈을 다시 켜주셔서 다시 그림자 위치 조절을 적절하게 해주시면 완성입니다.
헉헉...넘 복잡한가요?
![r14.gif](/files/attach/images/19360728/560/424/019/r14.gif)
이런 복잡한 방법도 직접 해보는것도 좋을겁니다.
완성된 후의 뿌듯함은 해본 분들만이 아시겠죠?^^
![](http://phoshoplove.nazip.net/pslbanner.gif)
여러 방법이 있는데 저는 패스툴을 이용한 방법을 해보겠습니다.
우선 이미지 불러옵니다.
![r1.gif](/files/attach/images/19360728/560/424/019/r1.gif)
그담 그림자 효과를 이미지 주위에 주기 위해선 이미지를 더 늘려줘야겠죠?
Image->Canvas Size하셔서 Relative체크하시고 단위는 픽셀로 설정하신뒤 가로세로 각각 20픽셀씩 늘려주세요.
![r2.gif](/files/attach/images/19360728/560/424/019/r2.gif)
그리고 레이어창에서 백그라운드를 카피해주세요.
그담 전체선택(Ctrl+A)하시고 Edit->Stroke하셔서 테두리를 주세요.(Location은 inside로)
![r3.gif](/files/attach/images/19360728/560/424/019/r3.gif)
또다시 Image->Canvas Size하셔서 이번엔 50픽셀씩 늘려주세요.
![r4.gif](/files/attach/images/19360728/560/424/019/r4.gif)
그다음 과정부터 조금 복잡할수 있으니 잘 보세요.
레이어창에서 카피한 백그라운드를 Ctrl키를 누른채 클릭하면 영역설정이 됩니다.
작업의 편의를 위해서 카피백그라운드 눈을 꺼주세요.
그담 패스팔레트를 선택하셔서 패스생성버튼(아래 버튼들 중 오른쪽에서 세번째 버튼)을 눌러주시면 이미지파일에서 영역범위가 패스화됩니다.
![r5.gif](/files/attach/images/19360728/560/424/019/r5.gif)
그담 툴바에서 패스선택툴
![r6.gif](/files/attach/images/19360728/560/424/019/r6.gif)
![r7.gif](/files/attach/images/19360728/560/424/019/r7.gif)
그담 펜툴
![r8.gif](/files/attach/images/19360728/560/424/019/r8.gif)
![r9.gif](/files/attach/images/19360728/560/424/019/r9.gif)
추가하셨으면 패스직접툴
![r10.gif](/files/attach/images/19360728/560/424/019/r10.gif)
패스직접툴로 아까 정점 추가한곳을 선택해서 안쪽으로 밀어주세요.
(어려운 작업일수도 있습니다. 중앙 부분만 선택되게 해서 밀어주셔야 그 부분만 들어갑니다 안그럼 전체가 다 움직이니 주의해주세요)
![r11.gif](/files/attach/images/19360728/560/424/019/r11.gif)
안쪽으로 옮긴후에 패스팔레트 아래 버튼 중 오른쪽에서 네번째 버튼을 눌러주시면 영역이 생성됩니다.
다시 레이어창으로 돌아와서 레이어 하나를 생성하신뒤 레이어를 백그라운드와 카피백그라운드 사이에 옮겨주세요(마우스로 레이어 드래그하심됩니다)
그담 영역을 회색계열로 페인트통 부어주세요.
그담 Ctrl+T하셔서 크기를 좀 더 늘려주셔서 이미지에 맞게 맞춰주세요.
그 뒤 Filter->Blur->Gaussian Blur하셔서 수치를 3쯤 설정해주세요.
![r12.gif](/files/attach/images/19360728/560/424/019/r12.gif)
그런담 카피레이어 눈을 다시 켜주셔서 다시 그림자 위치 조절을 적절하게 해주시면 완성입니다.
헉헉...넘 복잡한가요?
![r14.gif](/files/attach/images/19360728/560/424/019/r14.gif)
이런 복잡한 방법도 직접 해보는것도 좋을겁니다.
완성된 후의 뿌듯함은 해본 분들만이 아시겠죠?^^
![](http://phoshoplove.nazip.net/pslbanner.gif)