메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
61 [퍼니페인트]볼록이 버튼 만들기 [4] funnyPSP 2002.03.15 6540
60 페인트 샵으로 웹 형식으로 저장하기... [3] file Nedica 2003.11.17 6543
59 - 페인트샾도 한다!! 이미지 강조하기 :D [4] file 의문의소년 2003.04.29 6567
58 [페인트샵 X] 이미지를 단순화 시켜 독특한 사진 만들기 [1] file dah 2006.04.12 6592
57 [페인트샵 X] 도드라진 문자 만들기 [1] file dah 2006.04.12 6598
56 [muTStyle.Net]-약간 복잡함- 현란한(?) 글자 만들기... [3] 바하무트 2003.10.22 6700
55 고양이가 사람으로 변신하다...!! morph효과 [15] {동준짱} 2002.05.17 6719
54 [퍼니페인트]페인트샵 8.0 리뷰-보안1 [9] 대현 2003.02.23 6728
53 [퍼니페인트]키르님의 겨울연가 로고 만들기 - 페인트샵으로~ [6] funnyPSP 2002.03.09 6745
52 TV만들기-모니터만들기 (1) [15] file w:)style 2002.06.06 6822
51 [퍼니페인트]흔적 살며시 없애버리기 [5] file funnyPSP 2002.05.12 6957
50 아주 간단하게 도트박스 만들기!! #1 [21] file w:)style 2002.03.16 7047
» [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093
48 [muTStyle.Net]-기초중의 기초- 테두리있는 그림자 글자 만들기 [6] 바하무트 2003.10.22 7279
47 [Paintshop] 내 홈페이지에도 마크를 달아보자!! [11] file {동준짱} 2002.08.19 7289
46 흐림효과로 피부 보정하기 [9] file 적향 2003.02.03 7296
45 "e"로고 아이콘처럼만들기 -지퓨인터페이스- [7] file 김동준 2002.05.15 7374
44 [퍼니페인트]색연필로 그린듯한 그림 만들기 [15] file 대현 2003.01.27 7463
43 진환의 홈페이지 뚝딱 만들기 1 - 새로 만든 동영상 강의입니다. [14] 김진환 2002.09.26 7496
42 [퍼니페인트] 메뉴 설명 [2] file funnyPSP 2002.02.21 7644