메뉴 건너뛰기

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 48031
1895 [레드]포토샵7.0에서 점선찍기 [9] file 레드 2002.10.27 13927
1894 버튼에 풍선 도움말 넣기 [4] gimbob 2003.03.18 13926
1893 [포토샵]사진접히는 현상 나타내기 [24] file 어둠넘어 2002.10.09 13925
1892 ☆화장대그리기 [7] file 박은선 2004.01.13 13895
1891 [응용작]심플한버튼(^-^?) [7] file 미스디쟌 2003.02.11 13887
1890 게임큐브 그리기. [26] file ☺okoru 2003.07.25 13884
1889 이쀼리한 그라데이션 효과내기 [6] file 포샵럽 2005.08.08 13871
1888 [1003's love] 수채화 느낌의 글씨 만들기 [11] file 1003 2002.11.11 13867
1887 그레디언트를 이용한 베너 만들기^^ [11] file 김세원 2003.06.08 13864
» [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13845
1885 레이어스타일을 이용한 간단한 타이틀만들기 [16] file 에이치걸 2004.07.24 13842
1884 [제로보드강좌]1강. 내컴퓨터에 서버만드는방법(RWAPM 이용) [37] 네찌 2006.12.20 13829
1883 초간단 30초 아쿠아 이미지 만들기... [12] Lake 2002.10.29 13802
1882 아쿠아틱 텍스트 효과(1) [29] 김종훈 2003.01.22 13787
1881 네오의 문자디자인 No.1 크롬 효과 내기! [4] file 네오 2003.06.03 13786
1880 눈동자와 입술을 선명하고 예쁘게 보정합시다 [7] Boshop 2005.03.13 13785
1879 미니버튼 만들기 [5] file 푸른당근 2007.04.08 13763
1878 배경만 흑백으로, 인물은 컬러로! (부분흑백처리) [14] file puki 2003.02.06 13761
1877 [킹이랑]지도 그리기 [18] file 장미현 2003.07.11 13745
1876 아쿠아 버튼 만들기와 레이어 스타일의 활용 [4] file 재현 2006.11.18 13744