메뉴 건너뛰기

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
995 [죽은나비특강]색연필 도트를 찍기 [4] file 죽은나비 2006.04.15 7828
994 [jin]도트 사과그림 강좌로 다시 올립니다. [24] file jin 2003.02.16 7828
993 안개이미지를 만들어보자....... [6] file ★소프트™ 2002.04.10 7818
992 [포토샵]비오는이미지만들기 file 이하늘936 2007.11.03 7817
991 포샵 7.0으로 간단히 구름 생성하기 [12] 류™ 2002.07.25 7814
990 스위시맥스6강[Goto액션활용] [1] 에듀멘 2006.02.28 7801
989 [허접팁=_=;;] 플래시루 간단하게 3D 사각형 그리기 [8] file 황현구 2002.12.13 7790
988 이것이 제 마지막 강좌가 될듯 -_-; 필터 합치기 -_-;; [6] Xrezae 2002.11.15 7786
987 [제로보드강좌]3강. 제로보드 설치하기 [22] 네찌 2006.12.20 7783
986 [플래시 MX 동영상 강좌] 6. 텍스트 에니메이션 [13] 서기 2005.05.25 7781
985 [ Easy ] 쉽게 Smog 효과를 만들어보쟈 'ㅡ';; [8] file Nersion 2002.12.29 7773
984 [예제] 패턴으로 다양한 효과 내기 [1] file 그랑블루 2007.05.18 7753
983 실용예제, 4분내에 '사과' 그리기. [1] 점점 2007.03.14 7750
982 #07. 홈페이지의 분위기 극대화시키기. [13] Nersion 2003.01.19 7748
981 확대해서 보기(일명 돋보기 효과!!) [5] e-ssine.com 2002.12.13 7748
980 레이어창 이제 마스터하자! [5] file NzeoZen 2004.02.02 7747
979 [중급] 가위,바위,보 게임 승패 판정법 [4] file 박승제 2004.04.26 7737
978 플래시 커튼효과할때 [10] Dearvil 2002.12.04 7733
977 [플래시 MX 동영상 강좌] 17. 여러개의 파일을 이용한 홈페이지 제작 [20] 서기 2005.06.06 7732
976 도트초보의 프로모션 사용법 알아가기(1) [5] file 지영 2002.12.13 7722