메뉴 건너뛰기

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 48031
248 아이콘 용 말풍선 만들기. ( 1/2 ) [3] file 퓨처리즘 2005.05.08 12609
247 아이콘 용 말풍선 만들기. ( 2/2 ) [4] file 퓨처리즘 2005.05.08 14072
246 간단한 Innor Glow효과의 활용으로 깔끔한 네모박스 만들기 [5] file 박종규 2005.05.09 12029
245 도트 패턴 [2] file 김혜영 2005.05.28 10541
244 한글이 안써질때 간단히 응급조치 [5] 메트론 2005.07.11 8451
243 눈물 만들기 [4] file anacne 2005.07.20 9907
242 테두리 만들기 [4] file anacne 2005.07.20 13585
241 퀵마스크로 원하는 부분 선택하기(mollayo) 김응세 2005.07.26 5172
240 [요청]손쉬운 메뉴 수정방법 [1] file 오승민 2005.07.29 6959
239 하나의 이미지로 멋진 효과내기 [1] file 포샵럽 2005.07.29 12590
238 일러스트 효과로 이쁜 효과내기 [3] file 포샵럽 2005.07.30 11713
237 뽀샤시한 화이트닝 보정효과 [2] file 포샵럽 2005.07.30 10459
236 [photoshop_6.0 기초강좌-01]_구성과 기능들 [3] file rosun 2005.08.06 2134
235 [photoshop_6.0 기초강좌-02]_파일 만들기, 닫기, 저장하기, 불러오기 file rosun 2005.08.06 3424
234 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
233 [photoshop_6.0 기초강좌-04]_이미지 확대, 자르기 등 기초기능 몇가지 file rosun 2005.08.06 2605
232 [photoshop_6.0 기초강좌-05]_사각형 영역 지정하기 및 해제하기 file rosun 2005.08.06 3481
231 [photoshop_6.0 기초강좌-06]_정사각형 영역 및 전체영역 선택하기 file rosun 2005.08.06 1863
230 [photoshop_6.0 기초강좌-07]_원형 선택 영역 지정하기 및 선택영역 뒤집기 file rosun 2005.08.06 1897
229 [photoshop_6.0 기초강좌-08]_옵션 설정하여 선택하기 file rosun 2005.08.06 1888