메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1435 물방울이미지 만들기&합성 [17] file 하나 2003.02.22 17148
1434 [퍼니페인트]페인트샵 8.0 리뷰-보안1 [9] 대현 2003.02.23 6728
1433 멋진공 만들기 (무언가에 둘러싼 멋진 공) [12] file 레드 2003.02.23 5739
1432 [도트매니아]송편만들기>ㅅ<)//♥ [16] file 도트매니아 2003.02.23 4331
1431 아즈망가대왕 - 오사카 - [17] file 리샤 2003.02.23 7447
1430 [재업] 축전 만들기 [6] file 〃앵이〃 2003.02.23 5947
1429 글자 튀어 나오는 효과(초창기 유행한 효과) [23] file c_⊙_⊙_l 2003.02.23 24699
1428 [jin]4번째 강좌.요청강좌. 카메라 그리기 [8] file jin 2003.02.23 4218
1427 SWISH 주요 기능설정(Movie, Text, Transform, Action)부분 [1] file 아메 2003.02.24 2827
1426 폭발하는 효과 만들기 [20] file 마리아 2003.02.24 9811
1425 플래쉬로 그림 말아보기.ㅡㅡ; [5] file c_⊙_⊙_l 2003.02.24 13645
1424 키위그리기 [18] file 리샤 2003.02.24 4585
1423 [■ SadStory]입문] 브러쉬효과 알아보기 첫번째 [11] file sad_story 2003.02.24 5545
1422 붓으로그린듯한느낌내기♡ [11] file 입픙체리냥♬ 2003.02.24 11709
1421 【장미】도트를 그려보아요 !! [7] file .zeve 2003.02.24 5170
1420 [jin]5번째. 꽃그리기. [11] file jin 2003.02.24 4176
1419 레이어 분석해보기 [6] file Narcissus∏ 2003.02.24 3658
1418 [기초]링크걸기.. [13] file 입픙체리냥♬ 2003.02.25 12044
1417 장미꽃그리기..ㅡ,.ㅡ; [13] file 리샤 2003.02.25 7311
1416 돌맹이로 글자쓰기 ㅡㅡ;; 강좌... [48] file ⓟillisia 2003.02.25 25136