메뉴 건너뛰기

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
2015 이쁜동글이 버튼만들기 [6] file 이광민 2003.01.12 15434
2014 [기초] 마스크를 이용한 무비 [14] file Ziwoogae 2003.02.26 15428
2013 스타버스트라고 하는군요. [4] file 카라 2002.02.21 15417
2012 바다물효과(?) 보시면알음 -ㅡ-;;<<--무책임자;; [2] file 포토샵필터 2003.11.11 15407
2011 캠 사진 이쁘게 꾸미기-_- [7] file Karma 2002.06.07 15401
2010 (4)브러쉬를 이용한 '매트릭스' 만들기[응용작바꿈^^;] [30] file Smileru 2004.01.09 15392
2009 크리스탈같은 이미지 만들기 ☆ [8] file rainstormz☆ 2003.04.30 15388
2008 아바타 그리기-①얼굴그리기 [2] file 유틀란트 2004.08.19 15382
2007 [퍼니페인트] 에니메이션샵 이용해서 책넘기는 효과 만들기 [2] funnyPSP 2002.02.22 15329
2006 금속 질감의 버튼 만들기 [17] file MidSummer 2002.12.31 15323
2005 분위기 있는 버튼!? 와 (귀엽다?) [7] 퓨렌 2003.08.03 15322
2004 엽기포스터처럼 합성하기 [10] file 제갈승 2002.05.26 15303
2003 [MN] 네모 도장 만들기 [10] 주경섭 2002.08.31 15296
2002 [바비의 일러스트]비트맵과 벡터 이미지 [10] 바비인형 2002.04.22 15256
2001 [GIMP] 아쿠아 버튼 만들기.. [22] file enjoy the GIMP! 2002.07.31 15253
2000 [도트] 고양이를 안고 있는 소녀 [9] file 이현숙 2005.02.10 15252
1999 카드를 만들어 보자(눈내리는 효과) [11] gimbob 2002.12.04 15205
1998 초보스러운 패턴 활용하기 [6] file Nedica 2003.12.25 15189
1997 잉크어퍼서 번진효과내기 -_-;; 좀 그런가 [16] Nersion 2002.11.18 15101
1996 [Photoshop]박스모양의 글씨체 만들기 [8] 권주영 2002.02.22 15095