웹디자인 강의
스킨때문에 맨날 들락거리면서 여기 강좌가 있는 줄 몰랐다는..
부끄러워라 좋은 강좌 많이 봤으니 보답하는 의미로다가 제가 만든거 하나 올리고 갈게요
홈꾸미실 때 활용하시라고 메뉴버튼 하나 만들어 봤습니다
우선 적당한 파일 하나 여시구요 원하는 크기로 선택을 해 주세요
![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 |
2415 |
저작도구 템플릿- 5백종류 네비게이션버튼 포함
![]() | 윤선미320 | 2011.06.07 | 11202 |
2414 |
3D 에니메이션 영화제작 프로그램[ iclone 다운받기]
[2]
![]() | 윤선미320 | 2009.06.08 | 10231 |
2413 |
저작도구로 플래시 캐릭터 만들기
![]() | 윤선미320 | 2009.05.12 | 5579 |
2412 |
돌잔치 동영상 - 크레이지토크로 만들기
[3]
![]() | parkys | 2009.02.18 | 4624 |
2411 |
Windows Vista 창 만들기
[8]
![]() | 유성매직 | 2009.01.13 | 2823 |
2410 | 타이틀이미지 쉽게 제작해보기 [11] | 서기 | 2009.01.08 | 9310 |
2409 |
저작도구 렉토라 - 엑셀,파워포인트 exe.html,cd로만들기
[1]
![]() | 윤선미320 | 2009.01.01 | 8533 |
2408 | 크레이지토크 사용법강좌[한글버젼] 1강 | parkys | 2008.11.02 | 6604 |
2407 |
립씽크 ucc 에니메이션 만들기
[2]
![]() | parkys | 2008.10.04 | 9320 |
2406 |
초간단 염색방법
[7]
![]() | wwolf | 2008.09.21 | 11395 |
2405 |
크리스탈 문자
[1]
![]() | wwolf | 2008.09.21 | 2160 |
2404 |
Path툴 사용법 (마법효과 보충강의)
![]() | wwolf | 2008.09.21 | 7006 |
2403 |
성형강좌
![]() | wwolf | 2008.09.21 | 5535 |
2402 |
지문대조하는 효과
![]() | wwolf | 2008.09.21 | 4980 |
2401 |
바느질한 느낌의 로고디자인
![]() | wwolf | 2008.09.21 | 1779 |
2400 |
컵속의 수족관 만들기
![]() | wwolf | 2008.09.21 | 5644 |
2399 |
작열하는 태양
![]() | wwolf | 2008.09.21 | 4382 |
2398 |
마우스 오버 효과
![]() | wwolf | 2008.09.21 | 5270 |
2397 |
불타는 문자
![]() | wwolf | 2008.09.21 | 3883 |
2396 |
만화느낌 문자 디자인
![]() | wwolf | 2008.09.21 | 4342 |