디자인/CS3 photoshop

활용 - 둥근 테두리 버튼 만들기

본클라쓰 2010. 5. 2. 17:00

 


[ 만들고자 하는 버튼 이미지 ]

50px X 30px 사이즈의 버튼 입니다.

 


위와 같은 버튼 만드는 순서입니다.


1. Ctrl + N (새창 열기)

 

2. Ctrl + Shft + N (새 레이어 열기)

 

3. 사각형 마퀴툴을 사용하여 영역 지정하기

단축키 [M]을 누르거나 마퀴툴 아이콘을 눌러 사각형 마퀴툴을 선택한 후 옵션바에서 Style값은 Fixed Size로 준 후 Width, Height 값을 버튼의 크기에 맞게 지정합니다. (이 때 마퀴툴의 Feather 옵션의 값은 0px이어야 합니다. Feather 값이 0이 아니면 색이 채워질 때 색이 영역을 넘어 번짐 현상이 발생합니다. )

 

4. 레이어에 영역 지정하기

마퀴툴의 옵션을 지정한 후 레이어에서 마우스를 클릭하면 지정한 영역이 나타납니다.

 

5. 테두리를 둥그렇게 만들기

메뉴바의 [Select - Modify - Smooth] 를 선택하여 Radius 값에 곡선으로 주고 싶은 만큼의 값을 입력합니다.

 


6. 영역안에 색 채우기

단축키 [G]를 누르거나 Gradient 툴을 선택한 후 그라데이션 효과를 줄려면 그라데이션을 선택, 한 색으로 채울려면 페인트 툴을 선택하여 선택 영역에 마우스를 올리고 클릭하여 색을 채웁니다. 이 때 영역안에 들어가는 색은 전경색입니다. (채울 색을 지정할 때 전경색을 클릭하여 지정한 후 효과를 주면 됩니다.)

 

7. 글자 쓰기

단축키 [T]나 타입툴을 선택하여 영역안에 글자작성 (위치 조정은 위치조정툴로 조정합니다.)

 

8. 테두리 넣기

메뉴바의 [Edit - Stroke] 에 테두리 값을 지정합니다.


9. 이미지 사이즈에 맞게 크랍툴(잘라내기)을 사용하여 이미지를 잘라내면 버튼이 완성되었습니다.