메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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


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

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

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

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

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

90도로...

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

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

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

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

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

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

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

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

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

짠~~~완성이다..
>

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
875 레고 모양 타일 만들기...-상화의 첫번째 허접강좌 [17] file 상화 2003.01.27 5931
874 - 누더기 헝겊 만들기 [9] file 푸리 2003.01.27 6674
873 인물사진에 렌즈끼우기// [7] file 은하수 2003.01.27 9016
872 입체적인 글자만들기 [11] file 은하수 2003.01.27 11679
871 조금더 은은하게 흑백으로 바꾸자! [7] file puki 2003.01.27 7190
870 [퍼니페인트]색연필로 그린듯한 그림 만들기 [15] file 대현 2003.01.27 7463
869 과일버튼(?) - Monomaniac 님의 구슬만들기 응용 [12] file 퉁이 2003.01.26 9130
868 눈내리는 효과 (수정버젼) [14] 죽비 2003.01.26 11157
867 [퍼니페인트]디씨인사이드 쿨갤힛갤 액자 쉽게 만들기 [4] file 대현 2003.01.26 6517
866 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
865 [액션] 별을 이용한 예술적인 무비클립 [10] 이희덕 2003.01.26 15652
864 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
863 지직거리는 효과 Noise의 Median 응용 ;; [6] file BennetOlimot 2003.01.26 7379
862 햇빛에 비치는 효과 내기 [4] 호나 2003.01.26 8961
861 특이한 버튼 만들기(하나로 게시판 버튼이랑 비슷해요!!) [14] file 엔스타일 2003.01.26 10848
860 마크나 불펌강좌에 쓰이는 이미지 만들기!! [8] file .zeve 2003.01.25 7917
859 네온사인 문자 만들기 [7] file 데네브 2003.01.25 6769
858 돌멩이 만들기 [12] file 마리아 2003.01.25 7323
857 간단팁.. 가장 효과적인 이미지 추출 선택툴은..? [4] file ☆뽀이 2003.01.24 5056
856 먹물을 화선지에 떨어뜨린 느낌을.. 만들기 [22] file 마루 2003.01.24 20971