메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

http://www.dsme.co.kr 에 예쁜 메뉴 버튼이 있어서 따라 만들어봤습니다.

Image15.gif

쉬우니깐 천천히 따라오세요~


Image1.gif
새캔버스를 하나만들고(배경은 흰색추천) 새 레이어를 하나 만들고 새 레이어에 선택영역 지정 후 색을 채웁니다.

Image2.gif
선택영역을 1 줄이고 del 키를 눌러 테두리만 남깁니다.
선택영역은 계속 남겨두세요.

Image3.gif
페인트통 설정을 그라데이션으로 바꿉니다.

Image4.gif
[편집] 버튼을 눌러 위와 같이 바꿉니다.  컬러는 적당히...  저는 #C6C3C6 으로 했습니다.


Image5.gif
그라데이션의 방향을 270도 로 맞춰줍니다.

Image6.gif
새레이어를 하나 만들고 그 레이어에 색을 채웁니다.
그리고 선택영역을 1 줄입니다.

Image7.gif
선택영역을 반전시킵니다. 단축키 ctrl + shift + i

Image8.gif
지우개 툴을 선택하고 위와 같이 설정합니다.(대충해도됨)

Image9.gif
이와 같이 두루두루 깎아줍니다. 왼쪽으로 갈수록 연하게 해야 되겠죠~?
(선택영역 안보기- ctrl + shift + m - 상태 입니다. 선택영역은 계속 유지 해야 됩니다.)

Image10.gif
선택영역을 반전합니다.

Image11.gif
새로운 레이어를 만듭니다. 그리고 그 레이어에서 효과 - 3d 효과 - 오려내기를 선택하여 위와 같이 설정합니다.(알아서 적당히..)

Image12.gif
dsme 에서 뜯어온 화살표 불릿.. 귀찮아서 뜯어와 버렸습니다.(강좌의 포커스와는 조금 벗어나기에..)

Image13.gif
화살표 불릿을 얹어놓고 레이어들을 모두 병합합니다.
그리고 버튼을 제외한 배경은 날려버립니다. (요술봉이 편하겠죠?? 흰배경에 찍으면 되니깐..)

Image14.gif
새로운 캠퍼스를 만들고 여러개 복사해서 붙입니다.


쉽져??

처음 해보는 거라 모든 이미지를 png 로 만들었었는데...
이미지창고에서는 png 파일 업로드를 막아놨네요...
png 파일이 용량도 적고 색깔도 이쁘게 나오는데...

첨 해보는거라 많이 부족하리라 생각됩니다. 모르시는 부분이 있으면 질문해주세요...

그럼 안녕히~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
935 이상한 연기 만들기 [4] file Mr.Rays 2005.02.09 10635
934 ★유리위를 떼구루루루... 이뿐 구슬만들기 !!★ [12] file 스니커즈 2003.03.22 10638
933 옆으로 책장 넘기기-1편 [2] file 어지니 2005.03.06 10641
932 너무쉽지만 이쁜:) 가우시안 보정;ㅁ; <- 너무 쉬우니 무효! [27] file 케냐씨 2003.08.16 10644
931 [포토샵웍스 강좌시리즈] 물방울 이미지만들기 [1] file java 2006.04.25 10654
930 포샵/나모로 홈피 만들기 제 3장 [4] file 태민닷컴 2005.05.02 10665
929 아쿠아버튼 만들기 file webajama 2007.04.04 10674
928 포토샵이라고 메트릭스 코드 못따라하냐? 쉽게 따라하자! [18] file 9000㎒ 2003.08.01 10692
927 얼렁뚱땅 돌멩이 프레임 만들기 [11] file hoosh 2003.08.14 10708
926 패턴을 이용해서 이미지에 타일효과주기. [12] file rombardi 2003.04.24 10730
925 홈페이지에 필요한 메뉴바,상단그림,배너를 퍼가세요. file 이나래 2006.03.10 10732
924 [도트]섹쉬한 이뿌니 버젼입니다 ^^;(18금) [22] 미스디쟌 2003.01.20 10734
923 이미지를 찢어보고, 테이프 붙이기 [6] file 어지니 2005.02.27 10741
» 금속느낌의 메뉴버튼 만들기(www.dsme.co.kr 상단좌측메뉴) [9] file 정명주 2002.07.26 10748
921 초보분들을 위한 문자열 그런지스타일로 만들기. [7] file hozz호찌 2003.04.14 10749
920 이상하고 이상한.. 배경만들기... [10] 재로 2003.02.19 10760
919 플래쉬 버튼오류 바로 잡기[마우스아이콘 고정] [8] file 프리서버 2004.03.11 10761
918 밤하늘에 작은달과 구름~ [9] file PlasmaG 2004.02.04 10768
917 두가지 색상의 사진, 색상만 합성하기, [13] file 사라 2003.02.01 10783
916 크리스마스..루돌프 그리기 [4] file zizibecap 2004.12.07 10795