메뉴 건너뛰기

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
121 [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093
120 [muTStyle.Net]-약간 복잡함- 현란한(?) 글자 만들기... [3] 바하무트 2003.10.22 6700
119 [muTStyle.Net]-기초중의 기초- 테두리있는 그림자 글자 만들기 [6] 바하무트 2003.10.22 7279
118 효과 파해치기!! 흐림효과 [8] file 박종익 2003.09.03 7984
117 초허접 -- 이미지 배경 없애기 -- [5] file 박종익 2003.08.20 8593
116 [8.X]페인트샵으로 밤하늘을 만들자! [5] file I.E 6.0 SP1 2003.08.18 4921
115 선스타일 기능을 이용한 문자 꾸미기 [10] file zxczxc 2003.06.27 10134
114 - 심플한 미니버튼 만들기 ;q [10] file 의문의소년 2003.05.01 16839
113 - 페인트샾도 한다!! 이미지 강조하기 :D [4] file 의문의소년 2003.04.29 6567
112 - 간단한 방법으로 자신만의 액자 만들기 :$ file 의문의소년 2003.04.28 6009
111 - 간단한 방법으로 귀여운 공 만들기 :$ [4] file 의문의소년 2003.04.27 4380
110 [퍼니페인트]페인트샵 8.0 리뷰-보안1 [9] 대현 2003.02.23 6728
109 [초허접강좌] 산수화 만들어보기; [7] file [It's]순수군 2003.02.15 6480
108 흐림효과로 피부 보정하기 [9] file 적향 2003.02.03 7296
107 흑백브라운톤 이미지 만들기; [12] file letjin 2003.02.02 5794
106 귀차니스트를 위한 애니메이션샵을 이용해 간단하게 베너, 꼬랑지 만들기 [12] file 대현 2003.01.29 6345
105 [퍼니페인트]색연필로 그린듯한 그림 만들기 [15] file 대현 2003.01.27 7463
104 [퍼니페인트]디씨인사이드 쿨갤힛갤 액자 쉽게 만들기 [4] file 대현 2003.01.26 6517
103 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
102 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007