메뉴 건너뛰기

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 48027
» joins.com 에 나오는 메뉴바만들기 [6] {동준짱} 2002.08.16 9167
120 [muTStyle.Net]-어렵고 복잡-3D BAR 만들기 [9] 바하무트 2003.11.07 9011
119 투명 이미지 만들기 간단버전 [6] file {동준짱} 2003.01.08 9004
118 [퍼니페인트]아쿠아 버튼 만들기 [7] funnyPSP 2002.02.22 8935
117 K사의 '좋은 시간 되세요~' 따라하기 [11] file effectrum 2003.11.06 8927
116 브러쉬로 예쁜 여자 그리기? [11] {동준짱} 2002.06.26 8876
115 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
114 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
113 인트로 화면 만들기 [22] w:)style 2002.09.14 8704
112 [페인트샵8.0]축전 편지지 내가 만들어 내가 보낸다.. ^^ [1] file 대현 2003.12.23 8661
111 초허접 -- 이미지 배경 없애기 -- [5] file 박종익 2003.08.20 8593
110 [아쿠아]빛나는 텍스트! [10] [М ΙDΘR] 2002.08.18 8530
109 예쁜 상자만들기 [22] {동준짱} 2002.06.26 8431
108 [퍼니페인트]요즘 유행하는 볼록이 효과 [10] funnyPSP 2002.02.21 8362
107 [양배추강좌]간단한 폭팔 효과 강좌입니다. [4] file 양배추™ 2003.12.12 8294
106 [퍼니페인트]화질 않좋은 사진 이미지 사진처럼 만들기 #2 [7] funnyPSP 2002.04.09 8173
105 [페인트샵 X] 오래된 사진 만들기 [3] file dah 2006.04.11 8116
104 [퍼니페인트]lcd 아쿠아 페인트샵 버젼.. [5] funnyPSP 2002.06.21 8021
103 효과 파해치기!! 흐림효과 [8] file 박종익 2003.09.03 7984
102 마크나 불펌강좌에 쓰이는 이미지 만들기!! [8] file .zeve 2003.01.25 7916