[제작가이드]서류가방 아이콘

가죽스킨을 이용하여 서류가방 아이콘을 만들어보았다. 크게 어려운건 없으나 질감을 살리기위하여 가죽스킨이미지와 노이즈필터를 사용하였으며, 모든것이 쉐이프를 이용한 아이콘인만큼, 쉐이프 옵션을 다루는데 익숙해야 한다.

01.가로세로 512px의 캔버스를 만든다.

02.그림과 같이 캔버스 가운데 직사각형 모양의 Radius15px의 쉐이프를 만든다.

03.위와같이 기본틀이되는 쉐이프에 3가지 레이어 스타일을 추가한다.(Gradient Overlay에 주는 색상이 전반적인 아이콘의 색상이 된다)

▲ 가죽스킨 이미지

04.가죽스킨 이미지를 이용하여 그림과 같이 원래 도형의 선택영역(레이어 썸네일 부분을 command를 누른채 클릭)을 잡고, 선택영역을 반전(command + shift + I)시키고 필요없는 부분은 삭제(delete)시킨다.

삭제가 안된다면 가죽스킨 레이어를 Rasterize Layer시킨다.

05.가죽스킨 레이어를 위의 그림과 같이 블랜딩 모드는 Soft Light 시키고, Filter - Sharpen을 한방 준다.(가죽질감이 또렷하게 살아나는걸 볼 수 있다)

06.상단 덮개 부분을 만들 차례이다. 위의그림처럼 Radius를 기존 15px보다 조금더 줄인 10px로 쉐이프를 하나 만들고, 선택영역을 잡아 아래쪽에 Radius부분을 지운다.

07.상단 덮개 레이어에 기존하단 레이어스타일을 복사하여 똑같이 붙여넣는다.(레이어스타일 복사방법:원하는 레이어에서 마우스 우클릭후 Copy Layer Style 누른뒤 붙여넣을 레이어에서 다시 우클릭후 Paste Layer Style를 누른다)

08.하단레이어와 같이 상단 덮개가될 레이어도 똑같이 가죽스킨을 불러와 선택영역을 잡고 나머지 부분은 지운다.

09.가운데 고리부분을 만들 차례따. 위와같이 적당한 크기의 세로로긴 직사강형을 만들고 기존의 레이어스타일을 그대로 붙여넣은 다음에 약간의 수치조절을 한다 (Stroke는 뺐으며 입체감을 추가하기위해 drop Shadow를 추가함)

10.열쇠구멍을 만들기 위해 위의 그림처럼 기본Radius가 있는 쉐이프를 그려넣고 기본 Ractangle tool(사각쉐이프툴)을 옵션에 있는 Subract Front Shape를 이용하여 윗쪽의 radius를 제거 시킨다.

11.계속하여 열쇠구멍이 될 레이어에 위의 4가지 레이어 스타일을 적용시킨다.

위의 4가지 레이어 스타일을 적용시키면 대략 위와 비슷한 이미지 일것이다.

12.추가적으로 위의 그림처럼 라인과 열쇠가 들어갈 부분을 만들어 준다.(라인은 라인쉐이프툴을 이용하면 되고 안쪽 쉐이프는 기존 레이어 그대로 복사후 Gradient색상만 바꾸면 된다)

13.열쇠구멍레이어에 질감을 추가하기 위하여 열쇠구멍레이어의 선택영역을 잡고 레이어를 추가하고 아무 색상을 채운뒤 Filter - Noise - Add Noise를 준다. 그리고, 블랜딩 모드는 Soft Light, 투명도는 50%정도를 준다.

14.추가적으로 윗쪽 손잡이를 만들기 위해 열쇠구멍레이어 만드는 방법과 동일하게 가운데를 기준으로 두개의 고리를 만든다.

15.마지막으로 원형쉐이프툴을 이용하여 손잡이를 만든뒤, 레이어위치를 아래쪽으로 내려 필요없는 부분은 숨킨다.

이렇게 하여 만들어진 서류가방(Briefcase)아이콘 이다. 이번 아이콘은 가죽스킨의 이미지를 활용하여 레이어에 블랜딩 모드를 이용하여 입혔으며 또한, 다른 아이콘 제작도 그렇지만 뭔가 직선적인 아이콘들은 쉐이프툴 옵션의 Subtract Front Shape등을 이용하여 쉽게 내가 원하는 쉐이프를 만들 수 있으니 잘 익혀두도록 하자. 

briefcase icon.psd