메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
141 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
140 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
139 [퍼니페인트]도구 팔레트 총 정리.. [1] funnyPSP 2002.05.16 2233
138 [퍼니페인트]이미지뷰어? 페인트샵 하나면 필요 엄따~ [6] funnyPSP 2002.04.27 2349
137 [퍼니페인트]가장자리 디졸브(*-_-) 주기 [9] funnyPSP 2002.05.15 2597
136 [퍼니페인트]그림 나누어 저장 시키기 [2] funnyPSP 2002.03.01 2627
135 [퍼니페인트]유화틱한 효과. [9] funnyPSP 2002.05.15 2655
134 페인트샵으로 캡쳐하기 2가지 방법 [5] file {동준짱} 2002.07.18 2797
133 [퍼니페인트]키르님의 물결 만들기 - 페인트샵으로..;; [6] funnyPSP 2002.03.09 2860
132 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
131 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
130 [퍼니페인트]페인트샵 풀무원..;; [7] funnyPSP 2002.03.01 3092
129 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
128 [퍼니페인트공지]제 계정에 문제가 있어 그림이 뜨지 않습니다 죄송 [9] funnyPSP 2002.06.08 3137
127 페인트샵 4강진출국 국기튜브입니다.. [9] file {동준짱} 2002.07.01 3226
126 [페인트샵] 가장자리 희미하게 처리하기 [6] file 후니 2002.02.26 3231
125 [psp6]블록 문자를 맹글어 봅시다! [4] file 국왕-_-)/ 2002.02.23 3370
124 [퍼니페인트]글자 그림자 만들기 funnyPSP 2002.02.25 3422
123 [퍼니페인트]쉽게 효과주자 레이어 혼합 [1] funnyPSP 2002.05.30 3456
122 단몇번의 선택으로 마크그리기 [9] file w:)style 2002.07.08 3551