메뉴 건너뛰기

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
1255 평화로운 물고기의 하루 [11] file 여어자 2003.05.06 13416
1254 레이어를 문자로 만들기 1부작 [30] ZipShin 2003.05.06 6328
1253 레이어를 문자로 만들기 2부작 [6] file ZipShin 2003.05.06 8235
1252 플래시로 아이콘 만들기 [20] file zini 2003.05.06 26898
1251 칼로 자른듯한 그림자 텍스트 [1] file 여어자 2003.05.06 10600
1250 CD 모양 만들기 [1] file 여어자 2003.05.06 12095
1249 네온싸인 만들기 [1] file 여어자 2003.05.06 12207
1248 물흐르듯 흐르는 문자 [6] file 여어자 2003.05.06 11706
1247 점차적으로 기울어지는 문자 [2] file 여어자 2003.05.06 10184
1246 예쁜 물방울 만들기 [6] file 여어자 2003.05.06 21978
1245 패턴을 이용한 꽃이있는 창가 [7] file 여어자 2003.05.06 11095
1244 마스크를 이용한 로고만들기 [3] file 여어자 2003.05.06 14499
1243 브러시기능을 이용한 바닷가(1) [4] file 여어자 2003.05.06 12840
1242 브러시기능을 이용한 바닷가(2) [6] file 여어자 2003.05.06 6837
1241 브러시기능을 이용한 바닷가(3) [14] file 여어자 2003.05.06 19489
1240 신규문서 색 바꿔보기 [3] file 사라 2003.05.07 7402
1239 여러가지 문자 디자인 [5] file 여어자 2003.05.07 23039
1238 고여서 떨어지는 물방울 [10] file 여어자 2003.05.09 24566
1237 cutout필터를 이용한 일러스트틱한 이미지만들기. [6] SOO 2003.05.10 8832
1236 패스를 이용한 점선 그리기 [9] file 쭘's 2003.05.10 11026