메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

에헴 이제부터 김민석은 미스디쟌으로 바꾸어 등장 하겠어여~~ 와아~~..
많은 성원 바래여 음냐...잉 많이 안하면 삐질꼬얌...ㅡㅜ;

그럼 본강좌(-_-)에 들가져 에헤헤...
먼저 자기 컴에 XP깔려 있는지 확인하세여...있으면 사정없이 프린트 스크린~~ 없음 요 그림 저장해서 쓰세요 -_-;
a1.gif

음 그럼 이 그림 가지고 장난 쳐볼까여~~ >_<
다음처럼 버튼을 만들거니 아무것두 없는 상태로 바꿉니다.
a2.gif

그리고 또 역쉬 버튼을 만들거니(-_-) 버튼부분을 제외한 나머지 부분을 날려(-_-;)줍니다..지운다는거져..헐..
a3.gif

그러고 웹에 쓸 메뉴로는 좀 작은것 같으니 키워줘야져(나만 그런가)그래서 상단부분을 잘라서 위에처럼 만듭니다.
a4.gif

그리고 중간 부분을 선택영역 한뒤에 트랜스(변형)써서 늘여서 위와 같이 합니다..
걍 바로 하면 되지 음 왜 번거롭게 짜르고 이렇게 하는가 하는님들..바로 크기변형하면 꼭지점 부분도
같이 늘어나서 미세하지만 보기 횽하답니다~~.
a5.gif

그리고 각 꼭지점 부분을 1픽셀 날려줘여(지우는거져 헐 -_-;)
이러면 진짜 버튼이 될 부분만 남네여~~와..이긍 넘 쉬운가 남들 다 아는거 아냐 ㅡ.ㅡ?
a6.gif

이제 본격적으로 하져..레이어하나 추가합니다.(검정글라데이션)
a7.gif

다음과 같이 검정 칠한 뒤에 마스크레이어추가^^
a8.gif

마스크에서 글라게이션을 먹이면 다음과 같이 되져 투명도도 떨줍니다 55%<--이건 임의임다..
a9.gif

여기세 텍스트 주면 끝이져..텍스트에 쓰인 효과는 다음과 같음다..쉐도우 끝 -_-;;
a10.gif

텍스트는 민9+12픽셀+none에다가~~ 또 하나 더 볼드(뚜꺼운 글자효과)를 줍니다.
a11.gif

쉐도우는 위와 같이 하져..
a12.gif

그럼 다음과 같이 완성^---^;
a13.gif

이걸 적용한메뉴는 담과 같네여 지금 만드는중(도용하지 마세여 ㅡㅜ;;만들고 있는 사이트라 킁)
a0.gif

야미님의 요청에 따라 재업한 강좌이니 본사람이 많을것로 압니다..^--^..

어제 축구는 정말 잼있었다~~와따임다..
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48030
2335 포토샵 7.0 - 18. 채널과 엠보스필터 서기 2005.11.11 2850
2334 [퍼니페인트]키르님의 물결 만들기 - 페인트샵으로..;; [6] funnyPSP 2002.03.09 2860
2333 [동영상] 제2강 Spline(2차원도형)/Extrude(2차원도형 돌출)/Selection(선택하는 방법들) 인테리어뱅크 2006.04.11 2865
2332 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
2331 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
2330 [제15강]모바일용 콘텐츠제작하기 에듀멘 2006.03.17 2969
2329 Ryumir의 허접강좌 -1- [13] file 늘함께했던 2003.01.18 2970
2328 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
2327 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
2326 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
2325 공모전,자료전에 활용하세요[다음강좌 - 3D맥스강좌올려드리겠습니다] 에듀멘 2006.03.21 3015
2324 [photoshop_6.0 기초강좌-19]_패턴 만들어서 사용하기 file rosun 2005.08.07 3031
2323 간단한 팁입니다. [4] file Click 2002.11.03 3036
2322 제1강 3ds 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 3039
2321 C++ 강의 입니다. 무료구요! [3] croW 2006.02.26 3040
2320 [힐링포션의 그림판강의] 그림판의 실행, 브러시 크기조절, 색편집 [5] 힐링포션 2002.05.02 3043
2319 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3070
2318 [나모웹 초보자] 스크립트 마법사③ file 나만의길 2004.07.18 3074
2317 간단팁~!! 브러시 크기 단축키 [8] 아이의별 2003.01.22 3079
2316 [팁]칼라팁 그두번째 이야기입니다 [6] ECKS 2003.02.07 3086