메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의


자자 이번에는 중앙일보 joins.com 에서 쓰고 있는 메뉴바를 만들어 보도록 합죠~
이번판은 부득이한 관계로 한글판 페인트샵입니다..전 영문을 고집하고 있는데 페인트샵은 한글판과 영문판을 같이 쓰지는 못하더군요.. 그래서 이번버전은 한글판 7입니다..피드백은 http://poctan.pe.kr  폭탄강좌에서 받겠습니다


1.우선 파일>새문서를 선택하고 200 x 200 의 문서를 열어서 상자툴을 선택하면 다음과 같은창을 선택합니다.(fig_01)




2.네모를 선택했으면 레이어를 새로 하나 만들고 필요한만큼 상자를 그려줍니다.(fig_02,03)







3.그리고 나서 색상선택을 할때 그라디언트로 선택을 합니다. 그리고 그라이언트에 다음과 같은 색상을 원하시면 아래와 같이 하시면 됩니다.(fig_04,05)
빨간선으로 해놓은 부분이 실제 색상이 그라디언트가 매겨지는 부분입니다.두개의 지점을 "클릭"해서 색상을 지정해주면 그만큼의 색상이 그라디언트가 됩니다.






4.그리고 다시 상자툴로 레이어를 새로 하나 만들고 그위에 다시 필요한 부분 그려줍니다.(fig_06)




5.그리고 한번더 색깔이 없는 부분으로 그라디언트를 거꾸로 적용해서 다시 그려줍니다.(fig_07)




6. 첫번째꺼와 두번째꺼를 보면 조금더 부드러워 진걸 알수 있다.(fig_08,09)






7.그럼 자르기 툴로 창을 일정하게 맞춰준다.(fig_10)




8.이제 부터는 글자를 넣어 효과를 주거나 일반적인 메뉴바를 만들수 있다 .아래는 응용이다(fig_11,12)






자 여기까지입니다..넘 서둘러 만들었나 보네요...^^ 설명이 조금 부족할수도 있습니다..부족하면 질문하세요~


번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
21 페인트샵에서 아쿠아버튼만들기 [4] file 후니 2002.02.26 5591
20 [퍼니페인트]글자 그림자 만들기 funnyPSP 2002.02.25 3422
19 [퍼니페인트]입체글자 만들기 funnyPSP 2002.02.24 4612
18 [퍼니페인트]효과를 쉽게 주자~ "효과 브라우져" [1] funnyPSP 2002.02.23 4069
17 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
16 [퍼니페인트]판타스틱하게 이미지 합성 시키기 [7] funnyPSP 2002.02.23 5413
15 [psp6]올록 볼록 버튼 디자인 [2] file 국왕-_-)/ 2002.02.23 4299
14 [psp6]토끼야님의 그림자 기법을 페인트샵으로! [1] file 국왕-_-)/ 2002.02.23 5695
13 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
12 [psp6]블록 문자를 맹글어 봅시다! [4] file 국왕-_-)/ 2002.02.23 3370
11 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
10 [퍼니페인트] 에니메이션샵 이용해서 책넘기는 효과 만들기 [2] funnyPSP 2002.02.22 15329
9 [퍼니페인트]잘하면 예쁜 젤리 글자 funnyPSP 2002.02.22 5311
8 [퍼니페인트]간단하게 수채화 효과내기 [1] funnyPSP 2002.02.22 4342
7 [퍼니페인트]후광나는 글자 만들기 [1] funnyPSP 2002.02.22 5188
6 [퍼니페인트]에니메이션 샵으로 반짝이는 그림 만들기 [1] funnyPSP 2002.02.22 4621
5 [퍼니페인트]아쿠아 버튼 만들기 [7] funnyPSP 2002.02.22 8935
4 [퍼니페인트]요즘 유행하는 볼록이 효과 [10] funnyPSP 2002.02.21 8362
3 [퍼니페인트] 메뉴 설명 [2] file funnyPSP 2002.02.21 7645
2 [퍼니페인트]다음 로고만들기 [1] funnyPSP 2002.02.21 13703