홈페이지 리뉴얼을 하면서 필요한 사진이나 그림들을 직접 만들어서 조달하다보니 자연스럽게 포토샵(+일러스트레이터) 실력이 점점 향상되는 것 같습니다.

예전에는 고작 나모 웹캔버스 등 싼 특수효과정도만 적용한 저질 그림파일들을 생산했었는데, 이번 리뉴얼에 사용하는 이미지들은 그 때에 비해(!) 퀄리티가 상당히 높아졌습니다. (=.=?)

그래서, 이번에 시도해 볼 삽질(?)은 배너로 사용할 이미지의 가장자리를 점점 투명하게 처리하는 비교적 간단한 작업입니다. 알씨(Alsee)의 '꾸미기'에서 투명 액자를 사용해도 비슷한 효과를 만들어 낼 수 있지만, 포토샵을 활용하면 좀 더 세밀한 효과 적용이 가능합니다.

파일 열기 및 레이어 복제

편집할 파일을 열고 배경 레이어를 복제합니다. (단축키 [Ctrl]+[J])
포토샵 열고 파일 열고 나서 [Ctrl]+[J] 누르는것은 습관처럼 할 수 있어야 합니다.

배경이 계속 보이면 효과가 적용되는게 바로 보이지 않으므로, Background 레이어의 눈을 감겨주도록 합니다.

영역 선택

영역 선택 툴로 다음과 같이 적당히 사각형을 그려 줍니다. 이 선택선이 투명 효과가 적용되는 경계선이 됩니다.

페더(Feather) 적용

Select > Modify > Feather 메뉴로 들어갑니다. 단축키는 [Shift]+[F6] 입니다.

다음과 같이 숫자를 입력하는 창이 뜨는데, 여기서 모서리를 둥글게 처리할 반지름을 입력합니다. [OK] 버튼을 누르면 선택 영역의 모서리 부분이 둥글게 바뀐 것을 확인할 수 있습니다.

레이어마스크(Layer Mask) 적용

Layers 창의 Layer Mask 버튼을 클릭하면 다음과 같이 투명해진 가장자리 효과가 적용됩니다.