홍군의 포토샵 기초 강좌12 <바닥에 비치는 예쁜 버튼 만들기>

홍군의 포토샵 기초 강좌12 <바닥에 비치는 예쁜 버튼 만들기>

 

 

 

안녕하세요~ 홍군의 포토샵 기초 강좌 12강입니다

이번시간에는 포토샵으로 버튼 만드는 법을 배워 볼께요~^^

 

 

바닥에 비치는 버튼입니다. 너무 자세한 설명에 복잡해 보일 수도 있지만

무조건 따라해 보세요~^^

 

 

 

 

 

1) File 에서 New 를선택합니다.

사이즈는 가로 400px / 세로 250px 로  빈창을 만듭니다.

 

tip. 포토샵 작업창에 Ctrl+마우스 왼쪽버튼 두번 클릭과 동일합니다.

 

 

 

 

 

 

 

 

 

 

 

 

2) 오브젝트 드로윙 툴에서 Rounded Rectangle Tool을 선택합니다.

요툴은 사각 모서리가 둥근 박스입니다. 4px정도 설정해주세요.

 

 

 

 

 

 

 

3)  화살표 방향처럼 그어서 박스를 만들어 줍니다.

 

 

 

 

 

 

 

 4) Ctrl + Enter 를 클릭하면 점선으로 변합니다.

 

 

 

 

 

 

 

 

5) 기본색(Detault Color) 을 클릭합니다.

 

 

 

 

 

 

 

 

 

 6) 56b651 컬러를 선택합니다

 

 

 

 

 

 

 

 

 7) 새로운 레이어를 만들어줍니다.

 

 

 

 

 

 

 

 

 

8) 페인트를 선택합니다.

 

 

 

 

 

 

 

 9) 박스안에 넣어서 클릭하면 컬러가 채워집니다.

 Tip. Ctrl+백스페이스와 동일합니다.

 

 

 

 

 

 

 

 

10) 새로운 레이어를 만들어줍니다. 

 

 

 

 

 

 

 

 

11) 선택툴(사각툴)을 선택합니다.

 

 

 

 

 

 

12) 위그림처럼 드래그하여 그려줍니다.

 

 

 

 

 

 

 

 

 13) 기본색(Detault Color) 을 클릭합니다.

 

 

 

 

 

 

 

 

 

14) 68ce63컬러를 선택합니다.

 

 

 

 

 

 

15) 페인트 선택후 박스(점선)안에 넣어서 클릭하면 컬러가 채워집니다. 

 

 

 

 

 

 

 

 

 

16) Alt를 누른상태에서 레이어와 레이어 사이를 클릭하면 위에 레이어가 아래레이어에

귀속됩니다. 

 

 

 

 

 

 

17) 위 그림처럼 아래 레이어 박스로 들어갔습니다. 

 

 

 

 

 

 

 

 

 18) 레어어1 에 마우스 우측 클릭하고 Blending Options 을 선택합니다.

 

 

 

 

 

 

 

 

19) 레이어스타일에서 Stroke 선택합니다. 사이즈를 2px / 컬러 b8f2b5 를 선택합니다.

 

 

 

 

 

 

 

 

 

20) Ctrl + 레이어1번을 클릭 

 

 

 

 

 

 21) 박스가 외각으로 점선이 생깁니다.

 

 

 

 

 

 

 

 

 

22) Select --> Modify --> Contract 선택합니다. 

 

Contract는 설정에 따라 안쪽으로 선을 밀어줍니다

 

 

 

 

 

 

 

 

 

23) 3px 를 넣어주고 ok를 선택하세요.

 

 

 

 

 

 

 

 

24) 3px 안으로 점선이 생겼습니다.

 

 

 

 

 

 

 

 

 

25) 그라디언트 를 선택합니다. 

 

 

 

 

 

 

 

 

 

26) ffffff 컬러를 선택합니다.

 

 

 

 

 

 

 

 

27) 끝이 투명인 그라디언트를 선택합니다.

 

 

 

 

 

 

 

 

 

 

 28) 새로운 레이어를 만들어 줍니다.

 

 

 

 

 

 

 

29) 위에서 아래로 드래그 하면 아래가 흐려지는 그라디언트가 그려집니다.

 

 

 

 

 

 

 

 

 

 

 30) 세개의 레이어를 선택합니다

Ctrl 를 클릭한 상태에서 세개의 레이어를 한개씩 클릭하면 됩니다.

 

 

 

 

 

 

 

 

31) 합친 레이어를 끌어다 복사합니다.

단축키 Ctrl + J

 

 

 

 

 

 

 

 32) 복사한 버튼을

 이동툴을 사용하여 버튼 아래로 이동시켜줍니다.

 

 

 

 

 

 

 

 

 

 

 

33) 지우개툴을 선택합니다.

 

 

 

 

 

 

 

 

 

 

34) 지우개 브러쉬의 모양과 크기를 지정해줍니다.

 

 

 

 

 

 

 

 

 

35) 지우개틀의 크기를 조절하고 위 그림처럼 복사해서 옮긴버튼을 지워줍니다.

 

 

 

 

 

 

 

 

 

 

36) 복사해서 지운 버튼의 투명도를 30%로 설정해줍니다. 

 

 

 

 

 

 

 

 37) 버튼이 완료되었습니다.

 

 

 

 

 

 

 

 

38) 버튼에 폰트를 넣어서 최종완료되었습니다.

폰트는 네이버 무료폰트 나눔고딕입니다.

 

 

 

꼭!!  한번씩 그대로 따라서 버튼을 만들어보세요~^^

도움이 많이 되실꺼예요~

 

 

 

------------------------------------------------------------------------------------------

 

 

 

간단하게 버튼만들기 ^^;;

 

위의 버튼 만들기는 포토샵에 대해 연습을 하시라고 저도 같이 만들면서

일일히 편집한강좌입니다. 힘들었습니다 ㅜㅜ

 

하지만 간단하게 만드는방법이 있죠~ 바로 스타일을 이용하는 방법입니다.

클릭 한번으로 버튼이 만들어집니다.

 

 

 

배우셨듯이 박스를 만들고 컬러를 채우세요~

 

 

 

 

 

 

스타일창에서 붉은박스를 클릭!!

 

 

 

 

 

헐~! 어무니~~ ;;;  바로 버튼이 만들어지네요~

 

 

 

정말 간단하죠? 버튼스타일도 많은곳에서 공유를 하니 다운받으셔서 사용하셔도되요~^^

스타일은 다음에 설명드릴께요~

하지만 무엇이든 기본기가 충실해야 한다는 사실!!!

 

 

 

 

요즘 너무 바쁜 일정에 정신이 없네요.. 그래도 틈틈히 준비해서 이렇게 강좌를 올립니다 ㅋ

열심히 준비했으니 포토샵을 배우시는 분들에게 많은 도움이 되었으면 좋겠습니다.

 

열공하세요~^^