메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
141 [페인트샵]웁스-_-;;얼굴합성강좌..연예인과내사진합성하기..-_-;; [21] 김정명 2002.11.07 27862
140 - 심플한 미니버튼 만들기 ;q [10] file 의문의소년 2003.05.01 16839
139 짜놓은 물감....? [9] file Nedica 2004.02.01 15701
138 [퍼니페인트] 에니메이션샵 이용해서 책넘기는 효과 만들기 [2] funnyPSP 2002.02.22 15329
137 초보스러운 패턴 활용하기 [6] file Nedica 2003.12.25 15188
136 [muTStyle.Net]-대략 이쁨- 메탈릭 아쿠아 버튼만들기 [3] file 바하무트 2003.11.09 14814
135 도장 만들기 강좌(1) [20] file {동준짱} 2002.11.16 14196
134 [페인트샵8.0]원클릭으로 사진 질을 올려보자꾸나!! [8] file 대현 2003.12.13 14077
133 [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13845
132 [퍼니페인트]다음 로고만들기 [1] funnyPSP 2002.02.21 13703
131 평범한 하늘을 번개치는 하늘로~~ [19] 이모씨 2004.10.18 12478
130 서브메뉴 만들고 투명처리하기 [18] {동준짱} 2002.07.22 11730
129 금속느낌의 메뉴버튼 만들기(www.dsme.co.kr 상단좌측메뉴) [9] file 정명주 2002.07.26 10748
128 paintshop 실전 웹페이지 만들때 필요한 닷배경!! [4] 김동준 2002.05.17 10243
127 [퍼니페인트]로모사진 효과 살짝쿵 내보기 [7.0버젼] [9] file 대현 2003.11.15 10213
126 선스타일 기능을 이용한 문자 꾸미기 [10] file zxczxc 2003.06.27 10134
125 일반디카사진 로모사진처럼 만들기!! [22] file Wings 2003.01.15 9672
124 [퍼니페인트]그림에 바둑판 새기기 -초급- [7] funnyPSP 2002.02.21 9354
123 .mac스타일의 금속판 만들기 [17] 치즈, 미도르 2003.01.16 9218
122 [muTStyle.Net]알록달록 버튼만들기... [7] 바하무트 2003.10.26 9169