웹디자인 강의
Photoshop (재업강좌)XP스타일메뉴바 만들기.
2002.06.19 11:43
에헴 이제부터 김민석은 미스디쟌으로 바꾸어 등장 하겠어여~~ 와아~~..
많은 성원 바래여 음냐...잉 많이 안하면 삐질꼬얌...ㅡㅜ;
그럼 본강좌(-_-)에 들가져 에헤헤...
먼저 자기 컴에 XP깔려 있는지 확인하세여...있으면 사정없이 프린트 스크린~~ 없음 요 그림 저장해서 쓰세요 -_-;
음 그럼 이 그림 가지고 장난 쳐볼까여~~ >_<
다음처럼 버튼을 만들거니 아무것두 없는 상태로 바꿉니다.
그리고 또 역쉬 버튼을 만들거니(-_-) 버튼부분을 제외한 나머지 부분을 날려(-_-;)줍니다..지운다는거져..헐..
그러고 웹에 쓸 메뉴로는 좀 작은것 같으니 키워줘야져(나만 그런가)그래서 상단부분을 잘라서 위에처럼 만듭니다.
그리고 중간 부분을 선택영역 한뒤에 트랜스(변형)써서 늘여서 위와 같이 합니다..
걍 바로 하면 되지 음 왜 번거롭게 짜르고 이렇게 하는가 하는님들..바로 크기변형하면 꼭지점 부분도
같이 늘어나서 미세하지만 보기 횽하답니다~~.
그리고 각 꼭지점 부분을 1픽셀 날려줘여(지우는거져 헐 -_-;)
이러면 진짜 버튼이 될 부분만 남네여~~와..이긍 넘 쉬운가 남들 다 아는거 아냐 ㅡ.ㅡ?
이제 본격적으로 하져..레이어하나 추가합니다.(검정글라데이션)
다음과 같이 검정 칠한 뒤에 마스크레이어추가^^
마스크에서 글라게이션을 먹이면 다음과 같이 되져 투명도도 떨줍니다 55%<--이건 임의임다..
여기세 텍스트 주면 끝이져..텍스트에 쓰인 효과는 다음과 같음다..쉐도우 끝 -_-;;
텍스트는 민9+12픽셀+none에다가~~ 또 하나 더 볼드(뚜꺼운 글자효과)를 줍니다.
쉐도우는 위와 같이 하져..
그럼 다음과 같이 완성^---^;
이걸 적용한메뉴는 담과 같네여 지금 만드는중(도용하지 마세여 ㅡㅜ;;만들고 있는 사이트라 킁)
야미님의 요청에 따라 재업한 강좌이니 본사람이 많을것로 압니다..^--^..
어제 축구는 정말 잼있었다~~와따임다..
많은 성원 바래여 음냐...잉 많이 안하면 삐질꼬얌...ㅡㅜ;
그럼 본강좌(-_-)에 들가져 에헤헤...
먼저 자기 컴에 XP깔려 있는지 확인하세여...있으면 사정없이 프린트 스크린~~ 없음 요 그림 저장해서 쓰세요 -_-;
음 그럼 이 그림 가지고 장난 쳐볼까여~~ >_<
다음처럼 버튼을 만들거니 아무것두 없는 상태로 바꿉니다.
그리고 또 역쉬 버튼을 만들거니(-_-) 버튼부분을 제외한 나머지 부분을 날려(-_-;)줍니다..지운다는거져..헐..
그러고 웹에 쓸 메뉴로는 좀 작은것 같으니 키워줘야져(나만 그런가)그래서 상단부분을 잘라서 위에처럼 만듭니다.
그리고 중간 부분을 선택영역 한뒤에 트랜스(변형)써서 늘여서 위와 같이 합니다..
걍 바로 하면 되지 음 왜 번거롭게 짜르고 이렇게 하는가 하는님들..바로 크기변형하면 꼭지점 부분도
같이 늘어나서 미세하지만 보기 횽하답니다~~.
그리고 각 꼭지점 부분을 1픽셀 날려줘여(지우는거져 헐 -_-;)
이러면 진짜 버튼이 될 부분만 남네여~~와..이긍 넘 쉬운가 남들 다 아는거 아냐 ㅡ.ㅡ?
이제 본격적으로 하져..레이어하나 추가합니다.(검정글라데이션)
다음과 같이 검정 칠한 뒤에 마스크레이어추가^^
마스크에서 글라게이션을 먹이면 다음과 같이 되져 투명도도 떨줍니다 55%<--이건 임의임다..
여기세 텍스트 주면 끝이져..텍스트에 쓰인 효과는 다음과 같음다..쉐도우 끝 -_-;;
텍스트는 민9+12픽셀+none에다가~~ 또 하나 더 볼드(뚜꺼운 글자효과)를 줍니다.
쉐도우는 위와 같이 하져..
그럼 다음과 같이 완성^---^;
이걸 적용한메뉴는 담과 같네여 지금 만드는중(도용하지 마세여 ㅡㅜ;;만들고 있는 사이트라 킁)
야미님의 요청에 따라 재업한 강좌이니 본사람이 많을것로 압니다..^--^..
어제 축구는 정말 잼있었다~~와따임다..
댓글 22
-
치퍼
2002.07.05 12:06
민9 는 상용폰트라서 돈주고 구입하셔야 됩니다. -
쵸비츠
2002.06.24 19:16
으앗.. 도용하고 싶은 충동이;; -
김재홍
2002.06.24 20:25
도용하고 있는둥 0-) -
미스디쟌
2002.06.27 10:57
버튼과 배경과의 조합이라^^ 위에 제가 한것 처럼 배경두 XP스타일을 유지시키는것두 한 방법이구요..아님 그냥 밋밋한데에다가 비슷한 계열의 그라디언트 먹여줘두 되져..색의 조합은 보색이나 비슷한 계열의 색상을 추천해드립니다..이것 역시 제가 색상을 일일히 적용하다가 맘에 드는걸루 합니다..그 적용색이 사람들이 맘에 안든다고 해두 말이죠^^;; -
Xynex:)
2002.06.26 23:14
아앗..-_-;
첨엔 별게;; 아닌 걸로 시작하더니..
님의 손에 들어갔다 나오면 뭔가가 나오네요..T^T;;
부럽^^; -
Xynex:)
2002.06.26 23:15
이런 것도 같이 넣어주세요;;
저 작업 후에;
마지막에 가서;;
그 버튼과 배경과의 -_-; 색의 조합 방법 등;; -
Xynex:)
2002.06.26 23:16
맨 위에 처럼 너무 딱 붙이는 거 보단 님처럼 메뉴를 좀 더 키우고; 좀 더 벌려;; 놓는 게 더 괜찮네요^^;
아..부러워;;용^^; -
Xynex:)
2002.06.26 23:17
아;; 님 강좌 이제 (되)돌아가며-예전강좌들;;- 추천넣고 올라오면 먼저 추천넣기-_-; 로 해써욜;; -
kunbi
2002.06.30 19:46
와웃..버튼이랑 폰트랑 너무 잘 어울려요~~
민9라는 폰트를 구하고 싶은데
어디서 구할수 있을까요? -
秀
2002.07.30 19:22
위에 씌어진 폰트가 민9인가요... 폰트 이름을 알고 싶어요 -
croW
2002.08.04 11:50
민9에 볼드 효과를 어떻게 주나요?전 아무리 해도 볼드 메뉴가 선택이 않 되던데...;;; -
쩌비
2002.10.18 14:25
이걸로 제 홈페이지 만들어야지~(저는 강좌보고 할게요-_-;; 마지막거 안가져갈게요-_-;) -
RCT 웹진닷컴
2002.10.19 15:05
저도 강좌만 보고 밑에거는 안가져갈께요 -
-love-
2002.12.17 14:57
민 9 받았습니다 푸해해
저기 받는곳은 가리쳐 드릴수 없습니다만
메일로 보내드릴수 있습니다
불법이나 ㅡㅡ;; 아 그리고 너무 감사 그럼 -
-love-
2002.12.18 18:35
태그 걸어 두셔도 되는데염 ㅡㅡ;; -
급식을찾아라
2003.02.28 23:46
도용 할끼닷 ! -_-;; -
-love-
2003.03.19 17:16
ㅡㅡ;; 그림 받아도 수정 할수 없는데 ㅠㅠ -
VeilSide™
2003.06.21 18:47
도용하지 못하게 하시려면 아예 올리지 마시길. -
power well
2003.04.29 22:55
-_- 메뉴 그림을받으면 잘라서 링크걸거나-_- 그냥 포샵으로 해도되고요
그런데 그건 저작권상-_-; -
'미쯔'핫트상우∂
2003.08.22 16:37
VeilSide™
방법을가르쳐준거지 도용하라고 올린건 아닌것같은데요,
응용또는 창작하라고 가르쳐준것같군요. -
니키
2004.01.15 23:26
좋은 강좐데..저는 왜 못따라할까요..-_ㅠ;
뭐 어찌보면 비슷한데 뭔가 허전하고 어설픈..-_- -
임도윤
2005.01.21 22:08
옆에 보면.. 그라데이션 어떻게 먹여요/
마스크 옆에 백지 보면 저님은 다릏게 나오네요ㅠ_ㅠ