메뉴 건너뛰기

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 48028
1388 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
1387 3D SHEET 만들기 [5] file 카라 2002.02.21 536
1386 구름만들기; [27] Nㆍzna 2002.02.21 757
1385 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
1384 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
1383 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
1382 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373
1381 바느질한 느낌의 로고디자인 file wwolf 2008.09.21 1779
1380 [photoshop_6.0 기초강좌-10]_홑 열 선택 툴 활용하기 file rosun 2005.08.06 1797
1379 [photoshop_6.0 기초강좌-11]_홑 행 선택 툴 활용하기 file rosun 2005.08.06 1820
1378 Crazytalk PRO 5 기본 얼굴 필터 윤선미320 2008.09.01 1825
1377 [photoshop_6.0 기초강좌-06]_정사각형 영역 및 전체영역 선택하기 file rosun 2005.08.06 1863
1376 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
1375 [photoshop_6.0 기초강좌-08]_옵션 설정하여 선택하기 file rosun 2005.08.06 1888
1374 [photoshop_6.0 기초강좌-07]_원형 선택 영역 지정하기 및 선택영역 뒤집기 file rosun 2005.08.06 1897
1373 [photoshop_6.0 기초강좌-17]_페인팅 툴 활용하기(에어 브러시 툴) file rosun 2005.08.07 1927
1372 [photoshop_6.0 기초강좌-12]_올가미 툴 활용하기 [1] file rosun 2005.08.06 2073
1371 (포토샵 처음 사용하시는 분들을 위한) 2. 이미지 불러오기 [5] 예인 2002.11.01 2095
1370 [photoshop_6.0 기초강좌-01]_구성과 기능들 [3] file rosun 2005.08.06 2134
1369 [photoshop_6.0 기초강좌-13]_다각형 올가미 툴 활용하기 file rosun 2005.08.06 2135