sub_title
 Photoshop
제   목 [포토샵 초급] 간단하게 웹디자인용 깔끔한 버튼 만들기
작성자 뽀샤시 등록일 2008-09-30 17:42:02 조회수 6,222

<간단하게 웹디자인용 깔끔한 버튼 만들기 >

간단하게 만들 수 있는 웹디자인용 버튼을 만들어 보겠습니다.


하나

맨처음 File > New 로 새로운 파일 150*50 픽셀 크기의 새문서를 만듭니다. 여기서 문서의 크기는

상관없습니다. 자신이 원하시는 사이즈로 작업하시면 됩니다.



이제 새로운 레이어를 하나 추가하고 팔레트에서 Rectangle Tool 로 자기가 원하는 사이즈의 사각형을

만들어줍니다. 팔레트 전경색의 색상은 #efefef 로 정했습니다.



다음 단계로 Layer > Layer style > Blending options 를 선택해서 3가지 스타일을 정해줍니다.

- 첫번째로 아래 그림과 같이 Inner Shadow 를 정해줍니다. -

- 두번째로 아래 그림과 같이 Gradient Overlay 를 정해줍니다. -

- 세번째로 아래 그림과 같이 Storke 를 정해줍니다.

여기서 Position은 inside, Size = 1, 색상은 #f9f9f9 로 조정해 줍니다.



이제 마지막으로 만들어진 버튼에 자신이 원하는 텍스트를 넣습니다.




출처 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net)



 
0
    
 
0
        list
 
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
line
공부중입니다
2009-02-27   댓글 삭제
마지막에 만든 버튼에 넣은 텍스트 글꼴이 무엇인지 알수있을까요?
line
뽀샤시
2009-03-24   댓글 삭제
안녕하세요~~ 영문 Dinbol체 입니다.
line
reply cancel
 
번호 제목 글쓴이 추천 조회 날짜
79  [포토샵] 레이어 마스크를 이용한 이미지 합성 이미지   member 컴쟁이 11 / 0 22741 2009-11-19
78  [포토샵] 포토샵에서 히스토리 블러시로 수채화 효과 만들기 이미지   member 컴쟁이 0 / 0 8128 2009-04-10
77  [포토샵] 포토샵으로 웹용 버튼 만들기 이미지   member 컴쟁이 0 / 0 15830 2009-03-24
76  [포토샵] 포토샵에서 블러시로 눈 내리는 효과만들기 이미지   member 컴쟁이 0 / 0 7094 2009-03-12
75  [포토샵] 이미지 사이즈 VS 캔버스 사이즈 이미지   member 컴쟁이 0 / 0 8617 2009-03-03
74  [포토샵] 히스토리 블러시를 이용한 강조 이미지 만들기(색상 복구 기능) 이미지   member 컴쟁이 0 / 0 4778 2009-02-27
73  [포토샵] 제품의 치수 기입을 위한 화살표 만들어 넣기 이미지   member 컴쟁이 0 / 0 11108 2009-02-24
72  [포토샵] 선 옵션을 이용한 다양한 모양의 화살표 만들기 이미지   member 컴쟁이 0 / 0 9443 2009-02-24
71  [포토샵] 포토샵으로 휘어지는 글자 모양만들기(Warped Text) 이미지   member 컴쟁이 0 / 0 20135 2009-02-10
70  [포토샵] 포토샵으로 끼워진 액자 프레임 만들기 이미지   member 컴쟁이 0 / 0 8759 2008-12-04
69  [포토샵] 포토샵으로 뽀샤시 효과(스튜디오 사진) 만들기 이미지   member 컴쟁이 1 / 0 15018 2008-11-28
68  [포토샵] 그레이디언트(그라디언트)로 명암나타내기 이미지   member 컴쟁이 0 / 0 6855 2008-11-13
67  [포토샵] 그레이디언트(그라디언트)로 스트라이프 만들기 이미지   member 컴쟁이 0 / 0 7096 2008-11-12
66  [포토샵] 포토샵으로 나만의 그레이디언트(그라디언트) 만들기 이미지   member 컴쟁이 0 / 0 8198 2008-10-30
65  [포토샵] 이미지 레디를 이용하여 자연스럽게 'LOVE' 글자 나타내기 이미지   member 컴쟁이 0 / 0 5899 2008-10-02
64  [포토샵 초급] 포토샵을 이용한 간단한 메트릭스 효과내기! 이미지   admin 운영자 0 / 0 5701 2008-10-01
63  [포토샵 초급] 간단하게 웹디자인용 깔끔한 버튼 만들기 이미지  [2] member 뽀샤시 0 / 0 6222 2008-09-30
62  [포토샵 초급] Lighting Effect를 이용해 간단한 인트로 화면 꾸미기! 이미지   member 뽀샤시 0 / 0 6616 2008-09-26
61  [포토샵] 포토샵으로 모자이크 처리하기 이미지   member 컴쟁이 0 / 0 5434 2008-09-23
60  [포토샵] 포토샵에서 복사와 닷지 툴을 이용한 종이 말림효과 이미지   member 컴쟁이 0 / 0 8256 2008-09-03
59  [포토샵] 스머지 툴을 이용한 불꽃 효과 연출하기 이미지   member 컴쟁이 1 / 0 7834 2008-09-01
58  포토샵 필터를 이용한 칼라풀 Twirl 효과내기 이미지  [1] member 뽀샤시 0 / 0 5874 2008-08-09
57  [포토샵] 여러가지 색깔의 셀로판 효과내기 이미지   member 컴쟁이 0 / 0 6925 2008-08-08
56  [포토샵] 이미지레디를 이용한 자연스러운 화면 전환 효과 이미지   member 컴쟁이 2 / 0 7077 2008-07-18
55  [포토샵] 이미지레디를 이용한 단순한 움직이는 GIF 파일 만들기 이미지   member 컴쟁이 0 / 0 8108 2008-07-14
write
[2] [3] [4] button