메뉴 건너뛰기

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 [photoshop_6.0 기초강좌-15]_마술봉 툴 사용하기 file rosun 2005.08.07 4899
2014 [photoshop_6.0 기초강좌-14]_자석 올가미 툴 사용하기 file rosun 2005.08.07 2405
2013 뽀샤시 효과주기... [1] file 나연수 2005.08.06 8506
2012 [photoshop_6.0 기초강좌-13]_다각형 올가미 툴 활용하기 file rosun 2005.08.06 2135
2011 [photoshop_6.0 기초강좌-12]_올가미 툴 활용하기 [1] file rosun 2005.08.06 2073
2010 [photoshop_6.0 기초강좌-11]_홑 행 선택 툴 활용하기 file rosun 2005.08.06 1820
2009 [photoshop_6.0 기초강좌-10]_홑 열 선택 툴 활용하기 file rosun 2005.08.06 1797
2008 [photoshop_6.0 기초강좌-09]_선택 영역 추가하고 빼기 file rosun 2005.08.06 3487
2007 [photoshop_6.0 기초강좌-08]_옵션 설정하여 선택하기 file rosun 2005.08.06 1888
2006 [photoshop_6.0 기초강좌-07]_원형 선택 영역 지정하기 및 선택영역 뒤집기 file rosun 2005.08.06 1897
2005 [photoshop_6.0 기초강좌-06]_정사각형 영역 및 전체영역 선택하기 file rosun 2005.08.06 1863
2004 [photoshop_6.0 기초강좌-05]_사각형 영역 지정하기 및 해제하기 file rosun 2005.08.06 3481
2003 [photoshop_6.0 기초강좌-04]_이미지 확대, 자르기 등 기초기능 몇가지 file rosun 2005.08.06 2605
2002 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
2001 [photoshop_6.0 기초강좌-02]_파일 만들기, 닫기, 저장하기, 불러오기 file rosun 2005.08.06 3424
2000 [photoshop_6.0 기초강좌-01]_구성과 기능들 [3] file rosun 2005.08.06 2134
1999 [플래시 MX 동영상 강좌] 32. IF문의 심화 [2] 서기 2005.08.03 7448
1998 뽀샤시한 화이트닝 보정효과 [2] file 포샵럽 2005.07.30 10459
1997 일러스트 효과로 이쁜 효과내기 [3] file 포샵럽 2005.07.30 11713
1996 하나의 이미지로 멋진 효과내기 [1] file 포샵럽 2005.07.29 12590