메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1555 핏방울 떨구는 파란 장미(;) [14] file Jan. 2002.08.22 7058
1554 허접한 박스 만들기-_-a;;;; [11] 가마ㆀ 2002.05.08 7077
1553 초간단: 이쑤시개긁기 그림만들기.(스크래치)-_- [13] file 농사왕비료 2002.10.10 7079
1552 커피잔 만들기~~^^ [17] file zizibecap 2002.04.29 7081
» [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093
1550 [ Game I의 이상한 강좌 ] 오디오 스피커 효과내기 [9] file Game_I 2003.10.01 7095
1549 자기만의 삐리리스타일-_- [16] file 윤호영 2003.02.12 7096
1548 다양한 문자 효과 - Warp text [1] file 오라클 2002.08.06 7111
1547 [IR] 간단히 이미지맵 만들기 [9] file 바람에 맞겨 페류 2003.06.12 7113
1546 마티오의 도트 강좌*"젤다 바람의택트"의 링크 [4] file 마티오 2005.01.09 7135
1545 [토요무] 마우스로 토요돌이 아바타 그려보기..^^; [23] file toyomu 2002.08.18 7161
1544 싸이버틱(!) 한 줄을 만들어 축전에 이용해보자! [13] file 이쉑아™ 2003.01.29 7163
1543 플래시를 이용한 원그래프 그리기입니다. [2] file 삐리리 2005.07.04 7170
1542 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
1541 [Siren]간단하게 화려한(약간) 바탕화면 만들기 [15] 세이렌 2002.07.08 7182
1540 글자에 빛이 지나가는 이미지 만들기 24강 [1] 문학의향기 2006.07.31 7188
1539 조금더 은은하게 흑백으로 바꾸자! [7] file puki 2003.01.27 7190
1538 플래시와 제로보드 연동 기초 (외부 TXT 파일 호출 하여 뿌려주기) [6] 홈때기~♪ 2005.05.20 7191
1537 축전 만들기 [19] file 〃앵이〃 2003.02.19 7195
1536 마티오의 도트 강좌*캐논 파워샷 S45 (상) [3] file 마티오 2004.06.12 7195