메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

<3D BAR 만들기>


자... 오늘은 위와 같은 3D바를 만들어보자. 이건 아시는 분도 알다 시피..외국 홈에서 퍼온거다..
그러나!! 모든 편집 및 수정은 BahamuT가 했고, 나도 역시 한글로 따라하기 쉽고 보기도 쉽게하기 위하여, 100% 재구성한 강좌인걸 서두에 밝힌다.

1. 배경색인 흰색인 400 * 50 정도의 이미지를 만들자..

2. <스타일> 의 색을 아래와 같이 세팅(박수두 번!!) 해두자..

3. 새로운 레이어를 추가시키자..
그리고 팬툴을 이용해 아래와 같이 세팅한후...

모서리가 둥근 네모를 만들어보자..

둥근 네모 만드는 방법 :
http://211.53.98.34/~bahamut//bbs/view.php?id=paints&no=11


그리고 아레와 같이 선택한후..

선택영역을 알파채널로 저장하자...

4. 그리고 다시 새로운 레이어를 추가 하자,,
역시 아래와 같이 스타일을 세팅후(주의 : 이번엔 흰색이 전경색이다.)

다시 팬툴을 이용해 아래와 같이 세팅후

아래와 같이 만들자..

그리고 여기에다 가우스블러(가우스 흐림효과)주자..
<효과> → <흐림 효과> → <가우스 흐림 효과>
수치 : 3
그러면 아래와 같이 나올것이다.

5. 그리고 다시 새로운 레이어를 추가한뒤
다시 팬툴을 가지고 이번 도구옵션에선 너비를 5를 주고...
아래와 같이 그린후..

역시나 가우스 흐림효과를 주자
수치 : 3

6. 이젠 여기에 그림자 효과를 주자...
<효과> → <3D효과> → <음영 넣기>
수치
수직 : 3                   불투명도 : 90
수평 : 0                   흐림효과 : 10
7. 그리고 이젠 여기에다 선을 넣어보자...
확대를 해서 아래와 같이 집어 넣자..

그리면... 완성이다..



이선 것아웃(오려내기)과 노가다를 통한 결과물...

 

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1235 배경그림을 이용하여 엠보스[입체]효과 주기.. [9] file *Hwan*ⓔ 2003.06.20 14764
1234 쓸모(?)없을듯한 글자 [16] 퓨니! 2003.06.20 9598
1233 슬픈 느낌을 주는 문자디자인. [6] file hozz호찌 2003.06.19 14144
1232 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30018
1231 [ Normal ] 얼음으로된 필드(?)를 만들어보자. [12] Nersion 2003.06.15 8395
1230 [MaX。의 포토샵 강좌 01] - 그림자 효과 [20] file MaX。 2003.06.15 10971
1229 [IR] 간단히 이미지맵 만들기 [9] file 바람에 맞겨 페류 2003.06.12 7113
1228 [ Normal ] 특별한 쇠구슬을 만들어보자. [17] Nersion 2003.06.11 14460
1227 그레디언트를 이용한 베너 만들기^^ [11] file 김세원 2003.06.08 13864
1226 사진수정 Photoshop 1부 - 흑백사진 보정 [7] Shevchenko 2003.06.08 16276
1225 [5.0] 가속도 효과 내 보기 [7] file 세죠위그이 2003.06.06 17648
1224 초를켜고 명상을 해봐요 [2] [6] file oracleRider 2003.06.06 13302
1223 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969
1222 네오의 문자디자인 No.1 크롬 효과 내기! [4] file 네오 2003.06.03 13786
1221 플래시로 브러쉬 툴처럼 그림그리는 스크립트.. [5] 세나^.^ 2003.06.03 11962
1220 허접한 아웃 포커싱 효과 강좌 [11] file Eva010 2003.06.01 9335
1219 가속도 운동을 이용한 마우스 따라다니는 오브젝트.. [6] file 세나^.^ 2003.05.30 9804
1218 필름을 클릭하면 사진이 찰칵! [17] file 여어자 2003.05.29 34387
1217 [츄뱌] 도트매니아 도트강좌─유리잔:-D[수정] [15] file 도트매니아 2003.05.28 11790
1216 초를 켜고 명상을 해봐요 [1] [6] file oracleRider 2003.05.28 8467