메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1015 [티모시]:::::: 물약 그리기::::::::: [25] 티모시 2003.03.01 7933
1014 도트 찍을때. 유용한 팁!!일고 할쑤있나 모르겟네요!! [23] file NET.ID NLOVEN 2002.08.09 7931
1013 마크나 불펌강좌에 쓰이는 이미지 만들기!! [8] file .zeve 2003.01.25 7916
1012 아름다운 대한민국 플래시,렉토라강좌 윤선미 2007.02.12 7914
1011 [삼류강좌]포토샵 폭파장면 만들기 및 응용.(사진 이제 뜸..) [21] 정동규 2002.11.03 7913
1010 Shape툴을 활용한 이미지 - 1 [2] file webagit 2004.07.22 7905
1009 람보르기니 무르시엘라고 - - - 2부 [29] file Blue™ 2003.03.16 7902
1008 Dotory Style :-) 웃고 있는 어설픈 토깽이 그리기 [7] file 도토리™ 2003.05.24 7901
1007 - 피가 흐르는 듯한 글자. [11] file 푸리 2003.02.13 7901
1006 [포토샵웍스 강좌시리즈] 굴절 표현하기 [2] file java 2006.04.25 7893
1005 햇님만들기 file 임자영 2007.04.04 7891
1004 =도트초보= 화상카메라(?)만들기 [15] file 레드 2003.02.26 7886
1003 쓰레기 글자 만들기 [18] file torayo 2003.01.15 7886
1002 마우스로 장미꽃 [12] file 우경남 2003.03.16 7883
1001 초코렛 만들기 [10] file 후니 2002.03.01 7883
1000 [레이아웃] 레이아웃의 수정법과 문서수정 [11] 구루미 2004.12.10 7877
999 [도트강좌]아스가르드/안디어스몽블링편^^~ [10] file 미스디쟌 2002.09.13 7872
998 빅뱅 이미지를 통해 세련된 자켓이미지 만들기 - 2 [2] file SaRa'S 2007.05.24 7851
997 맨슨햏자의 -_-;; 네온사인 글자만들기 (기존보다 쉬운..;;) [20] file MarilynManson 2003.08.22 7842
996 밑에..디테일에서쓰였던..패스파인더 Divid 알아보기... [1] file ColorS_HikkI 2003.04.18 7833