메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

<메탈릭 아쿠아 버튼 만들기>

오늘은 아래와 같이 너무너무 이쁜 메탈릭~ 아쿠~~아 버튼을 만들어 보자..
Engra.jpg

1.우선 크기가 150 * 50인 이미지를 생성하자.
Engra1.jpg

2. 전경 스타일을 그라디언트로 하고 그라디언트 옵션을 다음과 같이 설정하자.

그라디언트 색상 : Metal (한글판은 금속성)
각도 : 0
반복 : 0
그라디언트 반전 끔

그리고 페인트툴(Engra2.jpg)을 이용 해서 색을 넣으면 아래와 같이 나올것이다.
Engra3.jpg

3. 새로운 레이어를 추가하자..(<레이어>→ <새 레스터 레이어>)
그리고 팬툴을 이용하여 아래의 옵션과 같은 모서리가 둥근 네모를 그리자..
Engra5.jpg
Engra4.jpg이렇게 될것이다.

4. 흰색부분으로 칠한곳을 선택한다음
<선택영역>→ <알파 채널로 저장>
Engra6.jpg

5. 그리고 선택되어 있는 부분을 정경스타일인 그라디언트 옵션을 손본후 색을 넣자..

그라디언트 색상 : Metal (한글판은 금속성)
각도 : 180
반복 : 0
그라디언트 반전 끔

정상적으로 색이 들어 갔다면 아래와 같이 될것이다.
Engra7.jpg

6. 다시 새로운 레이어를 추가 시키자..(<레이어>→ <새 레스터 레이어>)
새로운 레이어 추가 후
<선택영역>→ <알파 채널에서 읽어오기>
그러면 알파채널에서 아까 저장했던 선택영여을 불러 올 것이다. 그러면
<선택영역> → <수정>→ <축소>
픽셀 수 : 5
Engra8.jpg
그리고 다시 그라디언트를 넣자.

그라디언트 색상 : Metal (한글판은 금속성)
각도 : 180
반복 : 0
그라디언트 반전 끔

Engra9.jpg

7. 아래와 같이 팬툴을 이용해서 밝은 부분을 만들어 주자..
팬툴 굵기는 : 10
Engra10.jpg
그리고
<효과>→ <흐림효과>→ <가우스의 흐림 효과>
수치 : 2.5
자~~ 이젠 마지막으로 그림자를 넣어보자..
<효과>→
<3D 효과>→ <음영넣기>
Engra11.jpg
그리면...

Engra12.jpg
완성이다..

이런 버튼은 이렇게 응용 할 수 있다.(머.. 따지고 보면 응용이랄꺼 까지는 없지만........;;;)
Engra13.jpg


그리고 약간의 광고...;;;

저희 홈페이지에서 강좌 해주실 분 찾아요~~ 포토샵이나, 나모 강좌 해주실분~~;;;;;

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
455 하이링고님의 말씀에 대한 공식적인 사과문 [4] 김광욱 2002.09.11 14621
454 사물 확 튀게하는 효과!! [12] file Free-i^^/ 2004.01.28 14634
453 [PSP정보]매우 좋은 사이트가 탄생 했네요 :) [5] 국왕 2002.02.27 14653
452 '메탈릭 와이어' 만들기 [20] 불럽 2002.02.22 14667
451 알수 없는 글씨 효과 강좌. ; [7] file 검은호수 2005.02.04 14676
450 축전에 쓰면 좋을 하트 움직이기 &세로선 움직이기 [4] file 이오르 2003.09.26 14691
449 포토샵예제-노끈효과만들기 [1] file IamAndy 2006.10.01 14747
448 배경그림을 이용하여 엠보스[입체]효과 주기.. [9] file *Hwan*ⓔ 2003.06.20 14764
447 칠전팔기의 나름대로 아바타 그리기 [12] file 칠전팔기 2003.07.17 14778
» [muTStyle.Net]-대략 이쁨- 메탈릭 아쿠아 버튼만들기 [3] file 바하무트 2003.11.09 14814
445 빛나는 문자? 네온사인? Glow Text [4] file 카라 2002.02.22 14861
444 펜툴의 파워!! [4] file 강용환 2004.02.02 14871
443 Edit Mesh를 이용한 기초 박스모델링 [9] file 나름 2003.02.11 14884
442 글자에 화려한 네온 입히기 [12] 유~후 2004.04.03 14885
441 [플래시 MX 동영상 강좌] 34. 가로 바네이 메뉴 제작하기 [4] 서기 2005.08.08 14886
440 합성용 멋진(?) 회오리 만들기 !!! [19] file 플럽 2003.05.11 14888
439 도트매니아와 함께하는 도트강좌#2 [6] file 도트매니아 2003.01.02 14889
438 펜툴로 TV그리기입니다.^^ [14] file 정원。。 2003.10.07 14890
437 일러스트 인물따기..<눈> [4] file i3in_˝ 2005.01.27 14896
436 이미지 점점 하얀색으로... 점점 멀어지나봐~~!! [10] file 손오빠 2003.07.02 14922