메뉴 건너뛰기

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 13. 심플하게 사진틀을 만들어보자 [9] file 박진 2004.07.21 17961
2174 [특집]픽셀아트(도트그림)의 기본기 닦기2 !! #2볼록하고이쁜곡선그리기 [20] file Wings 2002.08.14 17939
2173 도장 만들기. [2] file 강승진 2002.09.24 17911
2172 파워풀한 로고만들기 [5] file LitQoo 2004.02.24 17881
2171 이번엔 버튼액션;;;....HAHAHAHA....-ㅁ- [2] file 길수님 2002.07.14 17881
2170 이젠 나도 접사 찍는다! 아웃포커싱 효과 ^^ [14] file barbie 2003.11.27 17845
2169 이번에는 불타는 글짜~! (중복 없는듯 해요 ^-^) [20] file Tokki™ 2003.12.09 17815
2168 이미지를 화려하게 변신시켜보자 [4] file 이오르 2003.12.03 17814
2167 포토샵과 이미지 레디로 움직이는 GIF 만들기 [12] 시스 2004.01.20 17808
2166 스위시맥스5강[마스크효과] 에듀멘 2006.02.28 17791
2165 [일러스트페이지]명암 이야기~ [16] file 현주 2002.08.10 17767
2164 초간단 염색하기 (다른방법) [24] file puki 2003.01.13 17732
2163 오버레이로 글씨꾸미기. [9] file 리즈 2002.12.07 17732
2162 [둥글둥글2탄] 사진모서리를 둥글게~! ^^ {초급강좌} [17] file Smileru 2005.01.04 17710
2161 예쁜 얼굴 더 예쁘게 [:+:뽀샤시 효과:+:] [10] file ♡OHLI4RANG♡ 2003.04.17 17698
2160 일러스트를 이용한 아이콘 만들기 4편 - 자동차 [12] file caramelkiss 2004.01.05 17680
2159 마스크를 이용한 일러스트 그리기...;; [13] file misTsion 2004.05.10 17674
2158 물방울 무비 시리즈(4) [13] file 여어자 2003.10.11 17662
2157 [5.0] 가속도 효과 내 보기 [7] file 세죠위그이 2003.06.06 17648
2156 가속도붙은 무비클립이 따라다니는 메뉴 ? [17] file flashman 2004.02.19 17602