웹디자인 강의
스킨때문에 맨날 들락거리면서 여기 강좌가 있는 줄 몰랐다는..
부끄러워라 좋은 강좌 많이 봤으니 보답하는 의미로다가 제가 만든거 하나 올리고 갈게요
홈꾸미실 때 활용하시라고 메뉴버튼 하나 만들어 봤습니다
우선 적당한 파일 하나 여시구요 원하는 크기로 선택을 해 주세요
![study97-1.gif](/files/attach/images/19360728/825/402/019/study97-1.gif)
그런다음 회색으로 그라데이션을 넣어 줍니다 아래 그림처럼요
![study97-2.gif](/files/attach/images/19360728/825/402/019/study97-2.gif)
자 아래 부분도 이렇게 드래그 해 주세요 위아래 그라데이션의 크기가 같아지도록 짧게 드래그 해 주세요
![study97-3.gif](/files/attach/images/19360728/825/402/019/study97-3.gif)
그리구 그보다 조금 진한 회색으로 전체테두리 1px 넣어 주세요. 자 아래처럼 준비가 되셨나요?
![study97-4.gif](/files/attach/images/19360728/825/402/019/study97-4.gif)
이번에는 잘 보세요 빨간 테두리 안에 확대한 모습을 넣어 보았습니다
올록볼록 땡땡이 공부했던 거 기억 나시죠?(혹시 모르시는 분 제 홈에 오셔서 보시면 되겠습니다)
그거거덩요! 저는 브러쉬 간격을 600으로 주고 그었습니다
![study97-5.gif](/files/attach/images/19360728/825/402/019/study97-5.gif)
여기에서는 브러쉬정의해서 찍으시는 게 아니구요 도트브러쉬로 색을 정해서 콕콕 찍어 주시는 겁니다
브러쉬정의 하셔서 찍으면 한가지 색으로 밖에 안 찍혀요
아래 부분도 똑같이 해 주시구요 alt+ctrl키 동시에 누르면서 이동툴 선택하고 마우스로 끌면 복사되는 거 아시죠?
자 아래처럼 됐나요?
![study97-6.gif](/files/attach/images/19360728/825/402/019/study97-6.gif)
요기에 필요한 글씨 넣어 주시면 메뉴가 되겠죠?
![study97-7.gif](/files/attach/images/19360728/825/402/019/study97-7.gif)
응용작 보여 드릴게요 요건 위에는 흰색 아래에는 조금 더 진한 회색 선 넣어 주시면 조금더 입체적으로 보이거든요
롤오버 하실 때는 반대로 넣어 주시면 됩니다
![study97-8.gif](/files/attach/images/19360728/825/402/019/study97-8.gif)
여기까지예요 이쁘게 응용해서 멋진 홈 만드시는 데 도움이 되었으면 합니다
감사합니다.
더 많은 강좌를 보고 싶으시다면 놀러 오세요
![](http://w1.hompy.com/garden/banner7.gif)
부끄러워라 좋은 강좌 많이 봤으니 보답하는 의미로다가 제가 만든거 하나 올리고 갈게요
홈꾸미실 때 활용하시라고 메뉴버튼 하나 만들어 봤습니다
우선 적당한 파일 하나 여시구요 원하는 크기로 선택을 해 주세요
![study97-1.gif](/files/attach/images/19360728/825/402/019/study97-1.gif)
그런다음 회색으로 그라데이션을 넣어 줍니다 아래 그림처럼요
![study97-2.gif](/files/attach/images/19360728/825/402/019/study97-2.gif)
자 아래 부분도 이렇게 드래그 해 주세요 위아래 그라데이션의 크기가 같아지도록 짧게 드래그 해 주세요
![study97-3.gif](/files/attach/images/19360728/825/402/019/study97-3.gif)
그리구 그보다 조금 진한 회색으로 전체테두리 1px 넣어 주세요. 자 아래처럼 준비가 되셨나요?
![study97-4.gif](/files/attach/images/19360728/825/402/019/study97-4.gif)
이번에는 잘 보세요 빨간 테두리 안에 확대한 모습을 넣어 보았습니다
올록볼록 땡땡이 공부했던 거 기억 나시죠?(혹시 모르시는 분 제 홈에 오셔서 보시면 되겠습니다)
그거거덩요! 저는 브러쉬 간격을 600으로 주고 그었습니다
![study97-5.gif](/files/attach/images/19360728/825/402/019/study97-5.gif)
여기에서는 브러쉬정의해서 찍으시는 게 아니구요 도트브러쉬로 색을 정해서 콕콕 찍어 주시는 겁니다
브러쉬정의 하셔서 찍으면 한가지 색으로 밖에 안 찍혀요
아래 부분도 똑같이 해 주시구요 alt+ctrl키 동시에 누르면서 이동툴 선택하고 마우스로 끌면 복사되는 거 아시죠?
자 아래처럼 됐나요?
![study97-6.gif](/files/attach/images/19360728/825/402/019/study97-6.gif)
요기에 필요한 글씨 넣어 주시면 메뉴가 되겠죠?
![study97-7.gif](/files/attach/images/19360728/825/402/019/study97-7.gif)
응용작 보여 드릴게요 요건 위에는 흰색 아래에는 조금 더 진한 회색 선 넣어 주시면 조금더 입체적으로 보이거든요
롤오버 하실 때는 반대로 넣어 주시면 됩니다
![study97-8.gif](/files/attach/images/19360728/825/402/019/study97-8.gif)
여기까지예요 이쁘게 응용해서 멋진 홈 만드시는 데 도움이 되었으면 합니다
감사합니다.
더 많은 강좌를 보고 싶으시다면 놀러 오세요
![](http://w1.hompy.com/garden/banner7.gif)
댓글 25
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
15 |
간단하게 폰트 이쁘게 하기
[3]
![]() | 4u4u | 2007.09.06 | 1004 |
14 |
네모난 사진 동그랗게 만들기 강의입니다.
[6]
![]() | 이형진 | 2003.10.09 | 987 |
13 |
햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^
[24]
![]() | 천민수 | 2002.02.21 | 979 |
12 | [퍼니페인트]도장 만들기 [1] | funnyPSP | 2002.02.23 | 925 |
11 | 플래시 무비의 프레임률이 막 떨어질때, [16] | 유군-_-)/ | 2002.02.21 | 860 |
10 |
[바비의 일러스트]일러 갤러리-1
[21]
![]() | 바비인형 | 2002.04.26 | 853 |
9 | 구름만들기; [27] | Nㆍzna | 2002.02.21 | 757 |
8 |
[페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기!
[4]
![]() | 대현 | 2003.12.13 | 715 |
7 | [프로모션]제4회 달리는 애니메이션 만들기 [13] | 정현석 | 2002.08.27 | 646 |
6 |
[나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; )
[14]
![]() | 박한웅 | 2003.12.07 | 602 |
5 |
3D SHEET 만들기
[5]
![]() | 카라 | 2002.02.21 | 536 |
4 |
[ XML 소켓 채팅 ]
[2]
![]() | Fc | 2004.02.26 | 514 |
3 |
[도트] 집 만들기??
[7]
![]() | (_*_) | 2002.02.25 | 483 |
2 |
[나모웹 초보자] 이미지 맵을 만들어 보자~!
[1]
![]() | 나만의길 | 2004.07.18 | 325 |
1 | [MN] 이미지 X-ray효과내기 [7] | mewnew | 2002.09.10 | 236 |