태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 툴바


웹문서 도움말
검색
 

포토샵으로 홈페이지에 사용할 마이크로 버튼 만들기

- 새문서를 만듭니다.

- 새레이어를 만듭니다. 

- Rectangle Marquee Tool을 이용하여 원하시는 마이크로 버턴 크기의 선택 영역을 만듭니다. 그리고 회색으로 채워 넣습니다. (#E3E3E3)

"Ctrl + D" 를 동시에 눌러 선택 영역을 해제 하고 이미지를 충분히 크게 볼 수 있도록 줌 합니다. 전 600 % 줌 하였습니다.

 

- 새 레이어를 만듭니다. 

- Pencil Tool 을 이용하여 1pixel hard edge brush 를 선택 합니다. 

그리고 아래와 같은 4개의 라인을 그립니다. (좌측과 상단라인은 #6D6D6D 우측과 하단라인은 #303030 색상을 이용하였습니다).

또다른 하단과 우측 라인을 그립니다.(안쪽과 바깥쪽에) 전 바깥쪽 라인에 #A8A8A8색상을 사용하고 안쪽 라인은 #BEBEBE 색상을 사용하였습니다.

다른 안쪽 라인을 하나 더 그립니다. 이번에는 4쪽 면 모두 그립니다. ( 오른쪽과 하단에는 #D1D1D1 색상을 왼쪽과 상단에는 #FFFFFF 색상을 이용 하였습니다. )

Type Tool 을 이용하여 텍스트를 입력 합니다.

Verdana 폰트를 사용하겠습니다. 제 생각에는 윈도우 표준인것 같습니다. ( 다른 폰트를 사용하셔도 됩니다 )

그리고 다음의 설정값으로 폰트 속성을 설정 합니다. 

 

그리고 다음의 Drop Shadow (Layer > Layer Style > Drop Shadow) 를 텍스트 레이어에 적용 합니다.

 

줌 아웃하여 실제 사이즈로 돌아 갑니다. 여러분의 웹사이트에 이용하실수 있는 마이크로 버턴이 완성 되었습니다.

 

Micro Buttons Tutorial: Final Result


포토샵으로 홈페이지에 사용할 마이크로 버튼 만들기
Posted by 왁자지껄