메뉴 건너뛰기

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 [제로보드강좌]6-2강. 여러가지 스킨 적용해보기[갤러리 스킨] [29] 네찌 2006.12.23 8769
1234 [왕초보용]이미지 특정부위를 부각시키고 나머지는 어둡게 처리하기 [7] 한길 2003.07.25 8770
1233 [잡담]포토샵할때 이것만은 알아두세요. [33] file ToonieZ 2002.03.14 8777
1232 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
1231 유리창 깨진 효과 내기 [11] file puki 2003.01.17 8805
1230 [초급] 가이드라인에 대해 [3] 차우 2004.05.07 8805
1229 도트 찍을때 선!!나오게 하기.. 모르는 사람을 위해 제작 되었습니다. [10] file NET.ID NLOVEN 2002.08.10 8807
1228 pixel psp 만들기 [6] 김지호 2004.12.30 8823
1227 cutout필터를 이용한 일러스트틱한 이미지만들기. [6] SOO 2003.05.10 8832
1226 스마일루 포토샵 강좌 - Freeform Pen Tool을 이용한 효과. [6] file Smileru 2008.06.04 8836
1225 포토샵에서 수묵화 그리기 [5] file 제갈승 2002.05.19 8846
1224 [Flash MX]Action Script - Shared Objects [2] file gimbob 2002.10.31 8849
1223 이번엔 아스라다 입니다;; 아스라다는 그다지 디테일 하지 못하네여;; [4] file 키드 2005.09.26 8853
1222 [포토샵 7.0 동영상강좌] 1. 선택영역 툴바 사용법 [7] 서기 2005.08.22 8855
1221 Flash MX2004 프로페셔널..에 관한 간략한 새로운기능(이미지 없음..;) [11] 세나^.^ 2003.10.18 8856
1220 [MN] 빛을 이용한 인덱스화면 만들기 [6] mewnew 2002.09.15 8857
1219 No5.귀여운소녀그리기 [4] file Wings 2002.04.06 8865
1218 [Minus HAnd]쥐가 파먹은 효과 ㅡㅡㅋ [10] file Minus Hand 2003.08.27 8872
1217 브러쉬로 예쁜 여자 그리기? [11] {동준짱} 2002.06.26 8876
1216 필터를 사용하여 간단하게 추상화를 그려봅시다 [7] file 버찌소년 2003.10.08 8878