메뉴 건너뛰기

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
148 →오라클의 물방울 만들기 2/4 - 하이라이트만들기 file 오라클 2002.07.21 4478
147 단순화 시키기 [4] file 유경진 2002.04.05 4470
146 스포트라이트으;;+_+)b [21] file 엔케 2002.08.17 4463
145 [쓰레기 강좌] 유화. [7] file azurespace 2003.02.12 4444
144 글씨 세로로 쓰기! [6] file We'zle 2002.11.02 4440
143 브러쉬 만들기 [2] 이경빈 2003.08.13 4428
142 포토샵 7.0 - 13. 간단한 압축앨범 제작하기 [3] 서기 2005.11.11 4419
141 잘 사용하지 않는 Plastic Wrap 을 이용한 이미지 만들기 [11] file 카즈 2002.11.06 4418
140 허접강좌1::글씨를 쉽게 붙여보자! [8] file 엔케 2002.08.17 4413
139 [■ SadStory]Polar coordinates효과를 이용한 날아가는공그리기! [13] file sad_story 2003.02.10 4392
138 (포토샵 처음 사용하시는 분들을 위한) 1. 새파일열기 [8] 예인 2002.11.01 4389
137 작열하는 태양 file wwolf 2008.09.21 4382
136 아주쉬운 화염 만들기(2탄) [6] file 판타랏사 2002.08.14 4352
135 간단팁~!! 보조선 엽서표시 다 없애보자~!! [9] file 아이의별 2003.01.22 4352
134 만화느낌 문자 디자인 file wwolf 2008.09.21 4342
133 [동영상강좌] 제14회차 - Path로 간단한 도형을 그려보자 아이티스터디 2006.02.02 4319
132 이미지 주위 부드럽게 만들기 6 문학의향기 2006.07.27 4309
131 [포토샵 7.0 동영상강좌] 9. 레이어마스크, 트랜스폼 [1] 서기 2005.10.24 4304
130 글씨 반짝이게 하기 3 문학의향기 2006.07.26 4294
129 [기초中기초] 빤딱이 브러쉬 만들기 [3] file 프레 2002.08.08 4277