메뉴 건너뛰기

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
1435 Mac OS X Text Effects [19] file 정우진 2003.11.16 8056
1434 초보자를 위한 '포토샵을 이용한 합성하기' [간단] "1차 수정' [15] file 최지환 2003.11.16 20079
1433 [퍼니페인트]로모사진 효과 살짝쿵 내보기 [7.0버젼] [9] file 대현 2003.11.15 10213
1432 [기초팁]블랜딩 옵션만으로 깔끔한 버튼 만들기 [21] file 양군푸로독션 2003.11.12 16282
1431 바다물효과(?) 보시면알음 -ㅡ-;;<<--무책임자;; [2] file 포토샵필터 2003.11.11 15407
1430 [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13845
1429 [muTStyle.Net]-대략 이쁨- 메탈릭 아쿠아 버튼만들기 [3] file 바하무트 2003.11.09 14814
» [muTStyle.Net]-어렵고 복잡-3D BAR 만들기 [9] 바하무트 2003.11.07 9011
1427 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
1426 K사의 '좋은 시간 되세요~' 따라하기 [11] file effectrum 2003.11.06 8927
1425 창세기전2의 흑태자!!(투구편) [9] file 카심 2003.11.04 9835
1424 창세기전2의 흑태자를 찍어보자!(추가!) [10] file 카심 2003.11.02 9791
1423 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30126
1422 [Kei] Tentacle - 한국이름은 오징어다리정도-_-)? [64] Kei 2003.10.27 16663
1421 [muTStyle.Net]알록달록 버튼만들기... [7] 바하무트 2003.10.26 9168
1420 버튼 만들기 (2) [6] file Win'X' 2003.10.26 21382
1419 [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093
1418 [bosskooi] 액자형 버튼 -자체는 별로 멋없음...- [6] file 박형준 2003.10.23 13135
1417 저의 아바타 제작 방식 (움찔) [21] file 정의진 2003.10.23 15562
1416 [muTStyle.Net]-약간 복잡함- 현란한(?) 글자 만들기... [3] 바하무트 2003.10.22 6700