메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

스킨때문에 맨날 들락거리면서 여기 강좌가 있는 줄 몰랐다는..
부끄러워라 좋은 강좌 많이 봤으니 보답하는 의미로다가 제가 만든거 하나 올리고 갈게요
홈꾸미실 때 활용하시라고 메뉴버튼 하나 만들어 봤습니다

우선 적당한 파일 하나 여시구요 원하는 크기로 선택을 해 주세요
study97-1.gif

그런다음 회색으로 그라데이션을 넣어 줍니다 아래 그림처럼요
study97-2.gif

자 아래 부분도 이렇게 드래그 해 주세요 위아래 그라데이션의 크기가 같아지도록 짧게 드래그 해 주세요
study97-3.gif

그리구 그보다 조금 진한 회색으로 전체테두리 1px 넣어 주세요. 자 아래처럼 준비가 되셨나요?
study97-4.gif

이번에는 잘 보세요 빨간 테두리 안에 확대한 모습을 넣어 보았습니다
올록볼록 땡땡이 공부했던 거 기억 나시죠?(혹시 모르시는 분 제 홈에 오셔서 보시면 되겠습니다)
그거거덩요! 저는 브러쉬 간격을 600으로 주고 그었습니다
study97-5.gif

여기에서는 브러쉬정의해서 찍으시는 게 아니구요 도트브러쉬로 색을 정해서 콕콕 찍어 주시는 겁니다
브러쉬정의 하셔서 찍으면 한가지 색으로 밖에 안 찍혀요

아래 부분도 똑같이 해 주시구요 alt+ctrl키 동시에 누르면서 이동툴 선택하고 마우스로 끌면 복사되는 거 아시죠?
자 아래처럼 됐나요?
study97-6.gif

요기에 필요한 글씨 넣어 주시면 메뉴가 되겠죠?
study97-7.gif


응용작 보여 드릴게요 요건 위에는 흰색 아래에는 조금 더 진한 회색 선 넣어 주시면 조금더 입체적으로 보이거든요
롤오버 하실 때는 반대로 넣어 주시면 됩니다
study97-8.gif

여기까지예요 이쁘게 응용해서 멋진 홈 만드시는 데 도움이 되었으면 합니다

감사합니다.

더 많은 강좌를 보고 싶으시다면 놀러 오세요


번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48033
455 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 648
454 [기타] 포토샵을 이용한 윈앰프3 스킨 만들기. [11] file 엔카일 2002.08.27 5206
453 [프로모션]백그라운드칼라 투명값주기 [4] 정현석 2002.08.27 4616
452 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3072
451 [프로모션]프로모션 따라하면 애니메이터처럼한다 1회 프로모션의 설치/인터페이스 [2] 정현석 2002.08.27 3206
450 구름이 있는 하늘 그리기 [7] file 냐ㅣ 2002.08.26 9524
449 등고선효과를 이용해 배경 만들기 [8] [М ΙDΘR] 2002.08.25 5703
448 'color dodge' 응용하기- _- [10] 불럽 2002.08.25 5196
447 팔망성 그리기 [22] hoosh 2002.08.25 7465
446 원하는 사진으로 브러쉬 만들기 (초보 강좌) [11] file 오명석 2002.08.24 6937
» 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
444 미노우가 그리는 도트 (-_-;) [양아치 그리기] [15] file 미노우 2002.08.24 6182
443 도트_강의] 사람을 찍어보자-_-;)a [23] file 너부리얌 2002.08.23 7040
442 플래쉬 - shape tweening (동영상) [25] 홀로선 2002.08.22 14499
441 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5945
440 핏방울 떨구는 파란 장미(;) [14] file Jan. 2002.08.22 7058
439 [기초꽁수] PSD파일을 저장할때...... [22] file Heal.P.XERO 2002.08.22 5775
438 [중급예제] Clouds필터와 Poster Edge필터 이용해서 오래된 지도이미지 만들기 (저번것과 확실히틀림) [17] file Heal.P.XERO 2002.08.22 8416
437 [페인트샵] - 간단하게 aqua button 만들기 [3] file nori 2002.08.21 5174
436 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 2. 머리그리기 [36] file 현주 2002.08.21 27433