웹디자인 강의
스킨때문에 맨날 들락거리면서 여기 강좌가 있는 줄 몰랐다는..
부끄러워라 좋은 강좌 많이 봤으니 보답하는 의미로다가 제가 만든거 하나 올리고 갈게요
홈꾸미실 때 활용하시라고 메뉴버튼 하나 만들어 봤습니다
우선 적당한 파일 하나 여시구요 원하는 크기로 선택을 해 주세요
![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)