웹디자인 강의
Paintshop 금속느낌의 메뉴버튼 만들기(www.dsme.co.kr 상단좌측메뉴)
2002.07.26 05:56
http://www.dsme.co.kr 에 예쁜 메뉴 버튼이 있어서 따라 만들어봤습니다.
![Image15.gif](/files/attach/images/19360728/508/400/019/Image15.gif)
쉬우니깐 천천히 따라오세요~
![Image1.gif](/files/attach/images/19360728/508/400/019/Image1.gif)
새캔버스를 하나만들고(배경은 흰색추천) 새 레이어를 하나 만들고 새 레이어에 선택영역 지정 후 색을 채웁니다.
![Image2.gif](/files/attach/images/19360728/508/400/019/Image2.gif)
선택영역을 1 줄이고 del 키를 눌러 테두리만 남깁니다.
선택영역은 계속 남겨두세요.
![Image3.gif](/files/attach/images/19360728/508/400/019/Image3.gif)
페인트통 설정을 그라데이션으로 바꿉니다.
![Image4.gif](/files/attach/images/19360728/508/400/019/Image4.gif)
[편집] 버튼을 눌러 위와 같이 바꿉니다. 컬러는 적당히... 저는 #C6C3C6 으로 했습니다.
![Image5.gif](/files/attach/images/19360728/508/400/019/Image5.gif)
그라데이션의 방향을 270도 로 맞춰줍니다.
![Image6.gif](/files/attach/images/19360728/508/400/019/Image6.gif)
새레이어를 하나 만들고 그 레이어에 색을 채웁니다.
그리고 선택영역을 1 줄입니다.
![Image7.gif](/files/attach/images/19360728/508/400/019/Image7.gif)
선택영역을 반전시킵니다. 단축키 ctrl + shift + i
![Image8.gif](/files/attach/images/19360728/508/400/019/Image8.gif)
지우개 툴을 선택하고 위와 같이 설정합니다.(대충해도됨)
![Image9.gif](/files/attach/images/19360728/508/400/019/Image9.gif)
이와 같이 두루두루 깎아줍니다. 왼쪽으로 갈수록 연하게 해야 되겠죠~?
(선택영역 안보기- ctrl + shift + m - 상태 입니다. 선택영역은 계속 유지 해야 됩니다.)
![Image10.gif](/files/attach/images/19360728/508/400/019/Image10.gif)
선택영역을 반전합니다.
![Image11.gif](/files/attach/images/19360728/508/400/019/Image11.gif)
새로운 레이어를 만듭니다. 그리고 그 레이어에서 효과 - 3d 효과 - 오려내기를 선택하여 위와 같이 설정합니다.(알아서 적당히..)
![Image12.gif](/files/attach/images/19360728/508/400/019/Image12.gif)
dsme 에서 뜯어온 화살표 불릿.. 귀찮아서 뜯어와 버렸습니다.(강좌의 포커스와는 조금 벗어나기에..)
![Image13.gif](/files/attach/images/19360728/508/400/019/Image13.gif)
화살표 불릿을 얹어놓고 레이어들을 모두 병합합니다.
그리고 버튼을 제외한 배경은 날려버립니다. (요술봉이 편하겠죠?? 흰배경에 찍으면 되니깐..)
![Image14.gif](/files/attach/images/19360728/508/400/019/Image14.gif)
새로운 캠퍼스를 만들고 여러개 복사해서 붙입니다.
쉽져??
처음 해보는 거라 모든 이미지를 png 로 만들었었는데...
이미지창고에서는 png 파일 업로드를 막아놨네요...
png 파일이 용량도 적고 색깔도 이쁘게 나오는데...
첨 해보는거라 많이 부족하리라 생각됩니다. 모르시는 부분이 있으면 질문해주세요...
그럼 안녕히~
![Image15.gif](/files/attach/images/19360728/508/400/019/Image15.gif)
쉬우니깐 천천히 따라오세요~
![Image1.gif](/files/attach/images/19360728/508/400/019/Image1.gif)
새캔버스를 하나만들고(배경은 흰색추천) 새 레이어를 하나 만들고 새 레이어에 선택영역 지정 후 색을 채웁니다.
![Image2.gif](/files/attach/images/19360728/508/400/019/Image2.gif)
선택영역을 1 줄이고 del 키를 눌러 테두리만 남깁니다.
선택영역은 계속 남겨두세요.
![Image3.gif](/files/attach/images/19360728/508/400/019/Image3.gif)
페인트통 설정을 그라데이션으로 바꿉니다.
![Image4.gif](/files/attach/images/19360728/508/400/019/Image4.gif)
[편집] 버튼을 눌러 위와 같이 바꿉니다. 컬러는 적당히... 저는 #C6C3C6 으로 했습니다.
![Image5.gif](/files/attach/images/19360728/508/400/019/Image5.gif)
그라데이션의 방향을 270도 로 맞춰줍니다.
![Image6.gif](/files/attach/images/19360728/508/400/019/Image6.gif)
새레이어를 하나 만들고 그 레이어에 색을 채웁니다.
그리고 선택영역을 1 줄입니다.
![Image7.gif](/files/attach/images/19360728/508/400/019/Image7.gif)
선택영역을 반전시킵니다. 단축키 ctrl + shift + i
![Image8.gif](/files/attach/images/19360728/508/400/019/Image8.gif)
지우개 툴을 선택하고 위와 같이 설정합니다.(대충해도됨)
![Image9.gif](/files/attach/images/19360728/508/400/019/Image9.gif)
이와 같이 두루두루 깎아줍니다. 왼쪽으로 갈수록 연하게 해야 되겠죠~?
(선택영역 안보기- ctrl + shift + m - 상태 입니다. 선택영역은 계속 유지 해야 됩니다.)
![Image10.gif](/files/attach/images/19360728/508/400/019/Image10.gif)
선택영역을 반전합니다.
![Image11.gif](/files/attach/images/19360728/508/400/019/Image11.gif)
새로운 레이어를 만듭니다. 그리고 그 레이어에서 효과 - 3d 효과 - 오려내기를 선택하여 위와 같이 설정합니다.(알아서 적당히..)
![Image12.gif](/files/attach/images/19360728/508/400/019/Image12.gif)
dsme 에서 뜯어온 화살표 불릿.. 귀찮아서 뜯어와 버렸습니다.(강좌의 포커스와는 조금 벗어나기에..)
![Image13.gif](/files/attach/images/19360728/508/400/019/Image13.gif)
화살표 불릿을 얹어놓고 레이어들을 모두 병합합니다.
그리고 버튼을 제외한 배경은 날려버립니다. (요술봉이 편하겠죠?? 흰배경에 찍으면 되니깐..)
![Image14.gif](/files/attach/images/19360728/508/400/019/Image14.gif)
새로운 캠퍼스를 만들고 여러개 복사해서 붙입니다.
쉽져??
처음 해보는 거라 모든 이미지를 png 로 만들었었는데...
이미지창고에서는 png 파일 업로드를 막아놨네요...
png 파일이 용량도 적고 색깔도 이쁘게 나오는데...
첨 해보는거라 많이 부족하리라 생각됩니다. 모르시는 부분이 있으면 질문해주세요...
그럼 안녕히~
댓글 9
-
지니하자
2002.07.26 10:07
내 포토샵으로 이거 충분히 만들수 있어요 -
지니하자
2002.07.26 10:07
내 → 네 -
정명주
2002.07.26 06:05
포토샵에서도 쉽게 응용할수있을 거라 생각됩니다.
포토샵을 잘 모르지만 페인트샵만이 가지고 있는 기능으로 만든게 아니기때문에... -
빤짝유리
2002.07.29 23:04
우와...... 너무 멋저요 +_+
감사합니다 ^^ -
sky look
2002.07.30 10:18
포토샵이 조금 다르게 생겼네요?(6.0이랑..) -
letdown
2002.07.31 09:22
포토샵에서 하는 것도 올려주심 안 될까요? -
와삭이
2002.08.10 11:33
강좌 잘 들었습니다. ^^ 좋은데요~ -
ⓦⓞⓞⓡⓨ
2002.10.01 11:31
어떻게 했지 ㅜ.ㅜ 궁금 하네 ... -
윤희열
2002.09.15 20:12
뭐가요 ??-_-?