메뉴 건너뛰기

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
1975 'color dodge' 응용하기- _- [10] 불럽 2002.08.25 5196
1974 [기타] 포토샵을 이용한 윈앰프3 스킨 만들기. [11] file 엔카일 2002.08.27 5197
1973 [퍼니페인트]쉽고 간단한 브러쉬 만들기 [1] file funnyPSP 2002.05.11 5200
1972 스핀강좌~ 브러쉬로 찍은 꽃이 돌아감 7 [1] 문학의향기 2006.07.27 5209
1971 [퍼니페인트]페인트샵 백서. [10] funnyPSP 2002.05.17 5224
1970 [허접시리즈] 이번에는 Radial Star 효과에 대해 알아봅시다. [15] Xrezae 2002.11.06 5225
1969 [허접시리즈] 초 막노동 pointed 효과 -_-;; [1] Xrezae 2002.11.06 5242
1968 도트 그리기로 만든 팥빙수에요... [12] file 림나 2002.08.05 5251
1967 [퍼니페인트]허접한 테두리 만들기 [2] funnyPSP 2002.06.05 5253
1966 고양이 케릭 ^^;; [8] file SoulStrike 2002.08.08 5255
1965 우물맨의 photoshop4-Ctrl+Alt+방향키를 이용한 입체효과 만들기 [7] file 우물맨 2003.03.25 5259
1964 [포토샵 초보자] 일정한이미지 선택하여 복사하고 붙여넣기2 [3] file ZipShin 2002.12.23 5269
1963 마우스 오버 효과 file wwolf 2008.09.21 5270
1962 [드림위버]드림위버에서 삽입된 플래시의 배경을 투명하게 하기 [1] file port 2007.02.24 5271
1961 ActionScript 2_1 sample 하나둘 2006.07.09 5294
1960 꽃잎같은 무늬 만들기! [7] file Fairy 2002.11.02 5306
1959 이쁜(?) 텍스트 만들기 [8] file w:)style 2002.11.03 5310
1958 [퍼니페인트]잘하면 예쁜 젤리 글자 funnyPSP 2002.02.22 5311
1957 플래시MX UI Components : combobox, checkbox, pushbutton [4] file 현경 2004.10.06 5314
1956 (기초강의)포토샵시작하기 [3] file 최승철 2005.04.28 5314