메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

<그라데이션 버튼 만들기>


오늘은 위와 같이 약간(?) 이쁜 그라데이션 버튼을 만들기로 하자.....
우선 <파일>→<새로만들기>에서 새로운 이미지를 열어보자...

위와 같이 설정한뒤... [확인]

그리고..<선택영역>→<모두선택> (※참고로..단축키는 그림에도 나와 있듯이..Ctrl+A이다.)
그리고 패인트통으로 툴을 바꾼후...스타일을 바꾸자....

전경색을 검은색.. 배경색을 흰색으로 해놨음...

이렇게 되어 있는 것을...각도를 수정하자..

90도로...

그리고 위와 같이 페인트툴을 이용하여 아래와 같이 색을 칠하자..

이렇게 된다.. 그러면...<선택영역>→<수정>→<축소>를 선택하자...

그리고 다음과 같이 5픽셀을 축소한뒤..[확인]

그러면 이미지가 아래와 같은 모양이 될것이다..

그러면 다시 페인트툴을 스타일을 바꿔서 색을 칠하자...

[그라디언트 반전]을 선택한 후... [확인]

그리고 페인트툴을 이용해서 색을 칠하자...
그리고 툴을 이용해서 글자를 삽입하자...

글자색은...[#444444]로 하고 글자체는.....돋움이나...영어일 경우..Arial로 하면 어울린다...
그리고 글자에 아래와 같이<효과>→ <3D효과>→ <음영 넣기>

그리고 위와 같이 그림자 효과를 적용한뒤..[확인] (그림자를 되도록 흰색으로 하면 어울린다...)

짠~~~완성이다..
>

이강좌의 저작권은 muTStyle.Net에 있습니다.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
61 페인트샵에서 아쿠아버튼만들기 [4] file 후니 2002.02.26 5591
60 폰트와 픽쳐튜브를 이용한 클래식한 제목 표시줄&테두리 만들기(초급) [4] file 2003.01.15 5479
59 총맞은 자국(?) 야심작 -_-;; [11] file w:)style 2002.07.11 5419
58 페인트샵에서 금빛글자 만들기 [3] 김수연 2003.01.23 5414
57 [퍼니페인트]판타스틱하게 이미지 합성 시키기 [7] funnyPSP 2002.02.23 5413
56 도트 박스 만들기!! #2 [5] file w:)style 2002.03.17 5322
55 [퍼니페인트]잘하면 예쁜 젤리 글자 funnyPSP 2002.02.22 5311
54 [퍼니페인트]허접한 테두리 만들기 [2] funnyPSP 2002.06.05 5253
53 [퍼니페인트]페인트샵 백서. [10] funnyPSP 2002.05.17 5224
52 [퍼니페인트]쉽고 간단한 브러쉬 만들기 [1] file funnyPSP 2002.05.11 5200
51 [퍼니페인트]후광나는 글자 만들기 [1] funnyPSP 2002.02.22 5188
50 [페인트샵] - 간단하게 aqua button 만들기 [3] file nori 2002.08.21 5164
49 박힌듯한 찰흙이미지 [8] file w:)style 2002.07.13 5101
48 페인트샵에서도 퍼지는(?) 효과를 사용해보자!! [4] file w:)style 2002.07.07 5096
47 페인트 샵 프로 10버전의 기능 [4] file Andy 2005.11.07 5025
46 [8.X]페인트샵으로 밤하늘을 만들자! [5] file I.E 6.0 SP1 2003.08.18 4921
45 [퍼니페인트]선택 영역 저장 이용해서 반전 글자 만들기 [5] file funnyPSP 2002.04.18 4849
44 페인트샵으로 주사선 효과한방에내기. [9] file 유진 2002.08.13 4745
43 [절대고급]eccen님 마크 따라하기 [29] file [М ΙDΘR] 2002.08.15 4675
42 [퍼니페인트]에니메이션 샵으로 반짝이는 그림 만들기 [1] funnyPSP 2002.02.22 4621