메뉴 건너뛰기

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
2175 [동영상] 제1강 flash 소개 및 화면구성 tool 설명 인테리어뱅크 2006.04.11 2169
2174 [동영상] 제2강 selection,direct selection paint brush, fill.stroke.none 알아보기 [1] 인테리어뱅크 2006.04.11 3914
2173 [동영상] 제1강 인터패이스 및벡터와 비트맵이미지 차이점 [1] 인테리어뱅크 2006.04.11 3338
2172 [동영상] 제6강 CG 작업 순서 인테리어뱅크 2006.04.11 4481
2171 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2170 [동영상] 제4강 재질의 종류와 표현(1) 인테리어뱅크 2006.04.11 3341
2169 [동영상] 제3강 재질편집기사용방법 인테리어뱅크 2006.04.11 3165
2168 [동영상] 제2강 Spline(2차원도형)/Extrude(2차원도형 돌출)/Selection(선택하는 방법들) 인테리어뱅크 2006.04.11 2865
2167 [동영상] 제1강 전체 화면 설명/전체 작업 과정 인테리어뱅크 2006.04.11 3187
2166 [동영상] 제2강 Select(선택영역) 인테리어뱅크 2006.04.11 5811
2165 [동영상] 제1강 포토샵이란? 인테리어뱅크 2006.04.11 5750
2164 [페인트샵 X] 오래된 사진 만들기 [3] file dah 2006.04.11 8116
2163 플래시고수님들 ~ fla 파일의 수정방법 (파일첨부) [1] 이순신 2006.04.11 4811
2162 포토샵 온라인 무료강좌 보러오세요... [1] 인테리어뱅크 2006.04.10 5003
2161 포토샵 왕초보전용 강좌!! 포토샵한글패치하기 [4] file 이윤규 2006.04.08 13040
2160 ★ 06년 취업대비반 3ds Max 50%할인 행사 ★ [2] 손민영 2006.04.06 6065
2159 ★ 06년 웹디자인 취업대비반 50%할인 행사 ★ 손민영 2006.04.06 2486
2158 포토샵 왕초보전용 강좌!! 간단한 이미지배너 만들기 [11] 이윤규 2006.04.06 6196
2157 포토샵 왕초보전용 강좌!! 사진크기 조절하기 이윤규 2006.04.06 5403
2156 glanda 2006 강좌,교재 zip파일[서버속도때문에 그렇습니다]. 에듀멘 2006.04.04 2142