메뉴 건너뛰기

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 48035
255 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
254 [re] 포토샵 7에서 흰색이 안나올때... 마루 2002.06.27 2599
253 이미지 사용과 관련 팁... [3] 유군-친일안티 2002.06.26 3847
252 예쁜 상자만들기 [22] {동준짱} 2002.06.26 8431
251 브러쉬로 예쁜 여자 그리기? [11] {동준짱} 2002.06.26 8876
250 [하이링고]유리구체 만들기 [48] file 하이링고 2002.06.26 23816
249 (실전예제)회사맵이미지만들기 [23] file 미스디쟌 2002.06.21 12896
248 [퍼니페인트]lcd 아쿠아 페인트샵 버젼.. [5] funnyPSP 2002.06.21 8022
247 (재업강좌)회사소개페이지용이미지만들기. [21] file 미스디쟌 2002.06.19 24926
» (재업강좌)XP스타일메뉴바 만들기. [22] file 미스디쟌 2002.06.19 24137
245 글씨에 약간 볼륨을 주는 겁니다 [4] 스티아★.。 2002.06.17 7973
244 Maya Style 강의...-_- (스샷 첨부) [19] Maya [mái∂] 2002.06.17 8549
243 글씨 두껍게하기,테두리주기 간단하게.. [7] file 세나^.^ 2002.06.16 11142
242 [키르] 포토샵에서도 글씨에 밑줄긋고 기울리고~ [5] 키르(絶對) 2002.06.16 16457
241 [정보] 이미지의 손상없이 최대한 찌그러뜨리기! (JPG) [15] file Freeze 2002.06.15 6804
240 [정보] GIF를 능가하는 PNG! [32] file Freeze 2002.06.15 6021
239 [정보] Only Web Colors에 대해 알아봅시다! [7] file Freeze 2002.06.15 3376
238 인트로이미지만들기^^ [9] file 미스디쟌 2002.06.14 19704
237 fake 3d [9] file 리키; 2002.06.14 6633
236 Gimp_GNU Image Manipulation Program for windows를 소개합니다. [7] SLOTH 2002.06.11 8734