메뉴 건너뛰기

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
1435 [초보대상]과일(레몬)그리기-일단 찍어보자~~ [7] file 이경숙 2004.10.27 10268
1434 [Minus Hand]강추 매트릭스 효과내기..^.^ [13] file 정성실 2003.08.25 10262
1433 간단히 산악지형만들기~! [7] file Jisoo 2004.01.28 10248
1432 paintshop 실전 웹페이지 만들때 필요한 닷배경!! [4] 김동준 2002.05.17 10243
1431 당구공 그리기(간단한 맵핑포함) [4] file rene 2005.01.03 10239
1430 [원츄강좌]밑으로 반사되는 글씨!- 첫강좌입니다!! ㅠㅠ [5] file 원츄♡ 2003.07.08 10236
1429 파랑색 배경을 회색으로 바꾸는 방법 [7] file 김진현 2004.02.29 10234
1428 3D 에니메이션 영화제작 프로그램[ iclone 다운받기] [2] file 윤선미320 2009.06.08 10231
1427 색연필로 그린 효과 내기 [12] file 프레 2002.08.09 10225
1426 구슬만들기 [8] file JS_K 2005.05.02 10220
1425 텍스트에 거친 느낌 적용 하기 [7] file 진만군 2004.07.03 10216
1424 [퍼니페인트]로모사진 효과 살짝쿵 내보기 [7.0버젼] [9] file 대현 2003.11.15 10213
1423 단순한 폰트 모양 바꾸기... [7] 정진경 2003.04.17 10208
1422 레이어와 합성의 기본개념 [1] file L O V E # 2003.05.17 10198
1421 [초중급예제]이미지 끝머리 부드러운효과주기! [6] file J.H 2002.02.26 10194
1420 가장~~!! 쉽게 얼음글씨 맹글기 [8] file 위스노우 2004.01.31 10185
1419 점차적으로 기울어지는 문자 [2] file 여어자 2003.05.06 10184
1418 [ Easy ] 가이드선을 나눌때 Shift 키 활용법. [7] Nersion 2003.01.15 10184
1417 [초급] 맞물려 돌아가는 Gear 만들기 - 2 [4] file 박승제 2004.04.19 10174
1416 그림판으로 도트를 그려보자 ! [3] file yeon 2004.04.17 10159