포토샵으로 버튼 만들기 쉽고 빠르게!

이번엔 포토샵으로 '버튼'을 만들어보겠습니다.

즉, 버튼 모양의 이미지를 만들어보겠다는 것인데요.

버튼이라고 하면 입체감이 있어야하는 게 필수적인 요소죠.

물론 납작한 버튼도 있긴 하지만,

기본적으로는 버튼은 누른다는 느낌이 드는

디자인이 기본적이니까요.

 

 

 

 

오늘 만들어볼 버튼의 디자인은 이러한 형태입니다.

 

 

 

 

먼저 도형을 선택해야 하는데

좌측 메뉴바에서 아래쪽에

'Rounded Rectangle Tool'을 선택해줍니다.

'Line Tool'로 되어 있으면

마우스를 아이콘 위에 두고 마우스 우측 버튼을 클릭하면 됩니다.

 

 

 

 

다음으로 상단에 보시면 도형 메뉴가 활성화되었을텐데

여기서 'Radius' 값을 '100px'로 설정해줍니다.

 

 

 

 

그다음 좌측에 보시면 'Shape layers'를 선택해주시고

 

 

 

 

레이어에 '마우스 왼쪽 버튼+드래그'로 도형을 그려줍니다.

 

 

 

 

도형을 그리고난 후엔

다시 상단 메뉴바로 가서 'Style'을 클릭해

'BlueGrass'를 선택해줍니다.

 

 

 

 

이제 텍스트를 넣어봐야 겠죠!

좌측 메뉴바에서 중간쯤 보시면 'T' 아이콘이 보일겁니다.

선택하시고 도형을 클릭하면

위의 사진처럼 텍스트 입력란이 나올겁니다.

 

 

 

 

텍스트를 입력한 후에는

저절히 위치조정을 위해 사이드에 있는

크기 조절 포인트를 클릭 드래그해서 맞춰주세요.

 

 

 

 

그러면 버튼 이미지가 완성됩니다.

만약 색깔을 좀 바꾸고 싶다면

위의 이미지에 화살표가 가리키는 곳을 더블 클릭해주세요.

 

 

 

 

'Color Overlay'에 들어가서

색상을 조절하시면 됩니다.

 

 

 

 

저는 초록색으로 주어보았습니다~

그럼 예쁜 버튼 만드세요~^^