메뉴 건너뛰기

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 [기타] 포토샵을 이용한 윈앰프3 스킨 만들기. [11] file 엔카일 2002.08.27 5199
454 [프로모션]백그라운드칼라 투명값주기 [4] 정현석 2002.08.27 4616
453 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3071
452 [프로모션]프로모션 따라하면 애니메이터처럼한다 1회 프로모션의 설치/인터페이스 [2] 정현석 2002.08.27 3206
451 구름이 있는 하늘 그리기 [7] file 냐ㅣ 2002.08.26 9524
450 등고선효과를 이용해 배경 만들기 [8] [М ΙDΘR] 2002.08.25 5702
449 'color dodge' 응용하기- _- [10] 불럽 2002.08.25 5196
448 팔망성 그리기 [22] hoosh 2002.08.25 7462
447 원하는 사진으로 브러쉬 만들기 (초보 강좌) [11] file 오명석 2002.08.24 6934
446 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
445 미노우가 그리는 도트 (-_-;) [양아치 그리기] [15] file 미노우 2002.08.24 6181
444 도트_강의] 사람을 찍어보자-_-;)a [23] file 너부리얌 2002.08.23 7039
443 플래쉬 - shape tweening (동영상) [25] 홀로선 2002.08.22 14499
442 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5943
441 핏방울 떨구는 파란 장미(;) [14] file Jan. 2002.08.22 7058
440 [기초꽁수] PSD파일을 저장할때...... [22] file Heal.P.XERO 2002.08.22 5775
439 [중급예제] Clouds필터와 Poster Edge필터 이용해서 오래된 지도이미지 만들기 (저번것과 확실히틀림) [17] file Heal.P.XERO 2002.08.22 8416
438 [페인트샵] - 간단하게 aqua button 만들기 [3] file nori 2002.08.21 5164
437 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 2. 머리그리기 [36] file 현주 2002.08.21 27433
436 [세비^^]물감 번지는 효과, 수채화그림효과 [8] file 세비 2002.08.21 12537