메뉴 건너뛰기

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 초보강좌#1 - 간단한 모션 효과 만들기 [7] file 정성훈 2003.12.18 8731
934 (3)브러쉬로 '눈오는 밤' 만들기![응용작수정] [19] file Smileru 2003.12.18 17561
933 [양배추강좌]알파채널를 이용한 어설픈 레온효과 [3] file 양배추™ 2003.12.19 5896
932 [빛깔 강좌1] 원형구에 Lighting기능활용 [4] 정현경 2003.12.19 6109
931 문자에 눈쌓기 [20] file 서기 2003.12.19 19181
930 [초급예제] 구름같은 느낌의 텍스트 만들기 [11] file Heal.P.XER0 2003.12.19 16686
929 으흠... 1년만인가요 ?? 다시 강좌로 여러분을 찾아 뵙네요 ^^; [7] Xrezae 2003.12.20 6321
928 초간단 허덥 작품 #1 [8] file 나보기여 2003.12.21 9906
927 3dmax 모델링 capture [5] 이효준 2003.12.22 11028
926 [페인트샵8.0]축전 편지지 내가 만들어 내가 보낸다.. ^^ [1] file 대현 2003.12.23 8661
925 [초급]조그만한 선물상자 만들기 [8] file 노력하자 2003.12.23 18776
924 하이얀 눈송이를 웹에 날려 볼까요? [24] file 여어자 2003.12.24 24315
923 깔끔한 테두리 만들기.ㅎ [12] file 테이 2003.12.24 27180
922 [MN] 포토샵에 자주쓰는 필터 효과 주기 [8] file mewnew 2003.12.25 10577
921 초보스러운 패턴 활용하기 [6] file Nedica 2003.12.25 15188
920 일러로 매트릭스의 함선안을 그려보자! [4] file 바둑이 2003.12.26 11247
919 얼렁뚱땅 우표모양 만들기 [10] file hoosh 2003.12.26 9146
918 Rough Round Bristle로 쉽게! 찢어진 종이 효과 내기... [6] file 정형준 2003.12.26 14128
917 잔상이 남은듯한 문자만들기 [7] file 테이 2003.12.26 13565
916 간단하게 만드는 매트릭스풍(?) 글자 [13] file 바둑이 2003.12.27 9646