메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

<메탈릭 버튼만들기>



역시나 외국싸이트를 돌아다니던 중 발견한 버튼만들기이다. 나름데로 응용할게 많아 보여서 올린다..;;
(외국싸이트는 다음강좌에서 알려드리도록 하겠습니다.)
metalbt.jpg
1. 메탈릭배경을 만들도록 하자..

메탈릭배경 만들기 (클릭하세요)
metalbt1.jpg
그리고 스타일을 아래와 같이 세팅하자..
metalbg2.jpg

2. 선택툴을 다음과 같이 설정한뒤 120 * 120짜리 원을 그리자..
선택유형 : 원
페더링 : 0
앤티앨라이언스 채크함
metalbg3.jpg
그리고 패인트툴을 이용하여 그라디언트를 아래와 같이 세팅한후..
metalbt4.jpg
원에다 색을 입히자..
metalbt5.jpg

3. 이젠 버튼부를 만들어 보자...
<선택영역>→ <수정>→ <축소>
4픽셀 만큼 축소하자..

그리고 다시 그라디언트를 다음과 같이 세팅한후 선택영역에 색을 입히자..
metalbt6.jpg
이젠 거의 버튼같이 보일것이다.
metalbt7.jpg

4. 이젠 마지막으로 3D 효과를 내어 보자..
<레이어>→ <새 조정 레이어>→ <곡선>
metalbt8.jpg

그리고 아래와 같이 세팅한후 <확인>
metalbt9.jpg
완성~ 이젠 이위에 글을 써넣고 컷아웃 효과를 내면 버튼으로 활용할 수 있다.
metalbt10.jpg

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48033
1435 빠르고 쉽게 작업하자! 자주쓰는 툴바 단축키 [7] file lemin 2003.11.21 6521
1434 아바타를 위한 인체 공부.. [10] file 치에 2003.11.19 12705
1433 페인트 샵으로 웹 형식으로 저장하기... [3] file Nedica 2003.11.17 6544
1432 Mac OS X Text Effects [19] file 정우진 2003.11.16 8056
1431 초보자를 위한 '포토샵을 이용한 합성하기' [간단] "1차 수정' [15] file 최지환 2003.11.16 20079
1430 [퍼니페인트]로모사진 효과 살짝쿵 내보기 [7.0버젼] [9] file 대현 2003.11.15 10213
1429 [기초팁]블랜딩 옵션만으로 깔끔한 버튼 만들기 [21] file 양군푸로독션 2003.11.12 16282
1428 바다물효과(?) 보시면알음 -ㅡ-;;<<--무책임자;; [2] file 포토샵필터 2003.11.11 15407
» [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13846
1426 [muTStyle.Net]-대략 이쁨- 메탈릭 아쿠아 버튼만들기 [3] file 바하무트 2003.11.09 14815
1425 [muTStyle.Net]-어렵고 복잡-3D BAR 만들기 [9] 바하무트 2003.11.07 9011
1424 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
1423 K사의 '좋은 시간 되세요~' 따라하기 [11] file effectrum 2003.11.06 8927
1422 창세기전2의 흑태자!!(투구편) [9] file 카심 2003.11.04 9840
1421 창세기전2의 흑태자를 찍어보자!(추가!) [10] file 카심 2003.11.02 9794
1420 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30166
1419 [Kei] Tentacle - 한국이름은 오징어다리정도-_-)? [64] Kei 2003.10.27 16663
1418 [muTStyle.Net]알록달록 버튼만들기... [7] 바하무트 2003.10.26 9169
1417 버튼 만들기 (2) [6] file Win'X' 2003.10.26 21382
1416 [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093