메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1555 로모(비네팅) 효과 + 채널을 이용하여 분위기 있게~ [3] file endless 2006.11.06 11131
1554 양갈래 머리 소녀 그리기 2탄 [4] file 곰비 2006.08.21 11131
1553 방울 토마토 그리기.. [3] file zizibecap 2004.12.07 11131
1552 RedR@in의 첫강좌..>_<)/ 원더풀데이즈 영문로고 만들기 [13] file RedR@in 2003.07.22 11121
1551 골뱅이 도트만들기! [23] file DOTORY 2002.09.07 11110
1550 터프한[?] 글씨 만들기 [4] file 데이레인 2003.09.05 11103
1549 도트 입문자의 강의 [6] file 권혁준 2004.07.15 11100
1548 패턴을 이용한 꽃이있는 창가 [7] file 여어자 2003.05.06 11095
1547 펼침메뉴 [12] file 한태종 2007.01.22 11091
1546 [키르강좌] 겨울연가 로고만들기 [3] 키르(SP) 2002.03.06 11089
1545 [포토샵]빛 효과 내기 [3] file 후니 2002.02.26 11086
1544 먹물 번지는 효과 [포토샵6.0에서도 간단히] [8] file geu::ty 2003.02.01 11077
1543 초보 아바타 그리기 [21] file 루비 2002.09.05 11073
1542 간단한 마우스질(?)로 이쁜 효과 만들기/초짜용/ file 돼지털카메라 2004.01.06 11072
1541 별거아닌데요(...) 알아두면 편한것 [17] e u n g - a 2004.07.21 11069
1540 [ Normal ] 스모그현상 만들기 [ 다른방법 ] [11] file Nersion 2003.09.10 11068
1539 (kims의 초짜 강좌) 브러쉬로 간단한 메인 이미지만들기... [6] file kim's 2005.03.10 11052
1538 [참조] 웹폰트 사용하기.. [2] mo2ni 2002.03.06 11049
1537 밑의 854번 글, KTF 광고 표현하기 [UPGRADE] [7] file L.V.Verdinihi 2003.09.12 11044
1536 3dmax 모델링 capture [5] 이효준 2003.12.22 11028