메뉴 건너뛰기

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 48031
95 C++ 강의 입니다. 무료구요! [3] croW 2006.02.26 3040
94 제1강 3ds 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 3039
93 간단한 팁입니다. [4] file Click 2002.11.03 3036
92 [photoshop_6.0 기초강좌-19]_패턴 만들어서 사용하기 file rosun 2005.08.07 3031
91 공모전,자료전에 활용하세요[다음강좌 - 3D맥스강좌올려드리겠습니다] 에듀멘 2006.03.21 3015
90 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
89 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
88 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
87 Ryumir의 허접강좌 -1- [13] file 늘함께했던 2003.01.18 2970
86 [제15강]모바일용 콘텐츠제작하기 에듀멘 2006.03.17 2969
85 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
84 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
83 [동영상] 제2강 Spline(2차원도형)/Extrude(2차원도형 돌출)/Selection(선택하는 방법들) 인테리어뱅크 2006.04.11 2865
82 [퍼니페인트]키르님의 물결 만들기 - 페인트샵으로..;; [6] funnyPSP 2002.03.09 2860
81 포토샵 7.0 - 18. 채널과 엠보스필터 서기 2005.11.11 2850
80 제1강 플래시 시작하기 - 드로잉 명령 익히기-02 file 최승철 2005.03.13 2848
79 SWISH 주요 기능설정(Movie, Text, Transform, Action)부분 [1] file 아메 2003.02.24 2827
78 [냠냠이의 그림판 강의!]1. 그림판이란? [10] 냠냠이/그림판user 2002.05.02 2827
77 Windows Vista 창 만들기 [8] file 유성매직 2009.01.13 2823
76 페인트샵으로 캡쳐하기 2가지 방법 [5] file {동준짱} 2002.07.18 2797