[포토샵 (Photoshop CS6) #5] 다운로드 버튼(Download Button) 만들기

 

포토샵 강좌 5번째 시간입니다.

이번 포스팅에서는 심플한 모양의 다운로드 버튼을 만드는 방법을 준비했는데요.

간단한 모양이라고는 하지만 만드는 과정은 약간 복잡할 수 있습니다.

하지만 제 포스팅을 보고 차근차근 따라하시면 

큰 어려움 없이 완성할 수 있을 거라고 생각되네요.

그럼 '다운로드 버튼 만들기' 시작하겠습니다.

 

일단은 File → New에서 바탕화면을 만들어야 하겠죠.

 

세팅 화면에서 가로,세로 크기를 적당하게 설정하고

Background Contents를 Transparent로 설정합니다.

 

화살표가 가르키는 Rounded Rectangle Tool을 클릭하고

Stroke 색깔과 굵기, 그리고 Radius 수치를 설정합니다.

설정이 끝났다면 바탕화면 위에 사각형을 그립시다.

 

메뉴의 View에서 Rulers와 Snap을 체크하세요. 

 

그리고 자 위에 마우스 커서를 클릭한 뒤

드래그 해서 사각형의 세로의 중간에 위치하도록 파란색 선을 옮김니다.

 

Rulers, Snap 기능은 [포토샵 #3]에도 설명했으니 이해가 잘 안되는 분은 참고하시고요.

[포토샵 (Photoshop CS6) #3] 사진 여러 장 붙이기 - Rulers,Snap 기능

 

같은 계열의 색깔 중에서

Foreground Color를 연한색으로 Background Color를 진한색으로 설정합니다. 

 

1번 Ctrl + 사각형 이미지 레이어 클릭하면 점선으로 지정이 됩니다.

2번 클릭하여 새 레이어 만들고요.

3번의 Foreground Color를 연한색으로 설정합시다.

4번 Gradient Tool 선택하고요.

5번의 Foreground to Transparent로 설정합니다.

 

화살표처럼 파란색 선에서 사각형의 선 부분까지

Shift + 드래그 합시다.

 

사진처럼 Gradient가 적용이 될 것입니다.

 

다시 새 레이어 만들고요.

Rectangular Marquee Tool 선택한 다음

사진처럼 파란색 선위에 겹치게 Alt 누르고 드래그 합시다.

 

사진처럼 파란색 선 위쪽의 점선으로 설정되어 있는 사각형 부분이 지워지게 되죠.

 

이제 Foreground Color를 진한색으로 바꾼 다음

아까와 똑같은 방법으로 Shift 누르고 드래그 해서 밑의 부분에 Gradient 효과를 적용합니다.

 

사각형 레이어 선택하고 Fx눌러서 Stroke를 선택하고요.

 

Later Style의 Stroke 창에서 Color를 진한색으로 설정하세요.

 

사진처럼 Stroke가 생겼죠.

이제 Ctrl + 화살표 레이어 선택하고요.

 

Select → Modify → Contract를 클릭합니다.

 

Contract 시킬 적당한 수치를 입력하고요.

저는 3을 입력했습니다. 

 

사진처럼 점선이 Contract 효과로 인해서 안으로 3 픽셀 만큼 줄어든 것이 보입니다.

Foreground Color를 흰색으로 바꾸고

 (단축키 D를 누르면 한 번에 검정,흰색으로 바뀝니다.)

Gradient Tool 선택하고 역시 Foreground to Transparent로 설정합시다.

그리고 화살표 방향으로 Gradient 효과를 줍니다.

 

사진처럼 되었다면 드디어 막바지에 이르렀습니다.

버튼의 윤곽을 다 만들었으니 이제 글자를 입력하고 이미지를 삽입하는 일만 남았습니다.

 

이미지는 무료 사진 사이트에서 구해서 삽입했구요.

글자를 입력하고 마지막으로 버튼 윤곽의 크기와 명암 및 색깔을 바꾼 모습입니다.

 

 지금까지 다운로드 버튼을 만드는 방법을 설명했는데요.

포토샵으로 작업할 때에는 몰랐는데 강좌로 만들고 보니깐 굉장히 복잡해지는군요.

혹시나 만드는 과정에서 막히는 부분이 있다면 제가 아는 범위 안에서 답변드리겠습니다.

 

그럼 포토샵 다섯 번째 포스팅을 마치겠습니다.

즐거운 하루 되세요~~