웹디자인 강의
Photoshop Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기
2006.01.12 17:05
안녕하세요? Zboard_Pain입니다.
처음으로 강좌를 올리게 되서 떨립니다. ;; 첫강좌인 만큼 여러모로 지도 부탁드립니다.
---------------------------------------------------------------------
1. 사이즈는 임의로 하셔서 새문서를 만듭니다. [지나치게 크게만드시면 용량의 압박;;]
저같은경우는 넓이 82 높이 22 (82x22)로 만들었습니다.
![new.JPG](/files/attach/images/19360728/992/424/019/new.JPG)
2. 정교한 작업을 위하여 500%정도 확대시킵니다. (저는 600%확대하였습니다.)
![zoom.JPG](/files/attach/images/19360728/992/424/019/zoom.JPG)
3. 1픽셀짜리 연필툴을 선택하여 테두리를 칠해줍니다.
![pencil.JPG](/files/attach/images/19360728/992/424/019/pencil.JPG)
4. 전경색을 흰색으로 지정하시고 연필툴로 4군데 모서리에 찍어서 모서리 4부분을 지워줍니다.
![whitepen.JPG](/files/attach/images/19360728/992/424/019/whitepen.JPG)
5. 새 레이어를 추가합니다.
![newlayer.JPG](/files/attach/images/19360728/992/424/019/newlayer.JPG)
6. 아래와 같이 테두리를 제외한 공간을 선택영역툴로 선택합니다. (안부분만 선택하세요.)
![select.JPG](/files/attach/images/19360728/992/424/019/select.JPG)
7. 전경색을 #CCCCCC로 하시고 그라디언트 툴로 선택영역에 그어서 효과를 냅니다.
![Gradient.JPG](/files/attach/images/19360728/992/424/019/Gradient.JPG)
8. 가운데에 글씨를 새겨서 완성합니다.
![complete.JPG](/files/attach/images/19360728/992/424/019/complete.JPG)
※완성작
![](http://www.nzeo.com/bbs/icon/member_image_box/545501/complete.gif)
처음으로 강좌를 올리게 되서 떨립니다. ;; 첫강좌인 만큼 여러모로 지도 부탁드립니다.
---------------------------------------------------------------------
1. 사이즈는 임의로 하셔서 새문서를 만듭니다. [지나치게 크게만드시면 용량의 압박;;]
저같은경우는 넓이 82 높이 22 (82x22)로 만들었습니다.
2. 정교한 작업을 위하여 500%정도 확대시킵니다. (저는 600%확대하였습니다.)
3. 1픽셀짜리 연필툴을 선택하여 테두리를 칠해줍니다.
4. 전경색을 흰색으로 지정하시고 연필툴로 4군데 모서리에 찍어서 모서리 4부분을 지워줍니다.
5. 새 레이어를 추가합니다.
6. 아래와 같이 테두리를 제외한 공간을 선택영역툴로 선택합니다. (안부분만 선택하세요.)
7. 전경색을 #CCCCCC로 하시고 그라디언트 툴로 선택영역에 그어서 효과를 냅니다.
8. 가운데에 글씨를 새겨서 완성합니다.
※완성작
![](http://www.nzeo.com/bbs/icon/member_image_box/545501/complete.gif)
댓글 3
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1255 |
평화로운 물고기의 하루
[11]
![]() | 여어자 | 2003.05.06 | 13416 |
1254 | 레이어를 문자로 만들기 1부작 [30] | ZipShin | 2003.05.06 | 6328 |
1253 |
레이어를 문자로 만들기 2부작
[6]
![]() | ZipShin | 2003.05.06 | 8235 |
1252 |
플래시로 아이콘 만들기
[20]
![]() | zini | 2003.05.06 | 26898 |
1251 |
칼로 자른듯한 그림자 텍스트
[1]
![]() | 여어자 | 2003.05.06 | 10600 |
1250 |
CD 모양 만들기
[1]
![]() | 여어자 | 2003.05.06 | 12095 |
1249 |
네온싸인 만들기
[1]
![]() | 여어자 | 2003.05.06 | 12207 |
1248 |
물흐르듯 흐르는 문자
[6]
![]() | 여어자 | 2003.05.06 | 11706 |
1247 |
점차적으로 기울어지는 문자
[2]
![]() | 여어자 | 2003.05.06 | 10184 |
1246 |
예쁜 물방울 만들기
[6]
![]() | 여어자 | 2003.05.06 | 21976 |
1245 |
패턴을 이용한 꽃이있는 창가
[7]
![]() | 여어자 | 2003.05.06 | 11095 |
1244 |
마스크를 이용한 로고만들기
[3]
![]() | 여어자 | 2003.05.06 | 14499 |
1243 |
브러시기능을 이용한 바닷가(1)
[4]
![]() | 여어자 | 2003.05.06 | 12840 |
1242 |
브러시기능을 이용한 바닷가(2)
[6]
![]() | 여어자 | 2003.05.06 | 6837 |
1241 |
브러시기능을 이용한 바닷가(3)
[14]
![]() | 여어자 | 2003.05.06 | 19489 |
1240 |
신규문서 색 바꿔보기
[3]
![]() | 사라 | 2003.05.07 | 7402 |
1239 |
여러가지 문자 디자인
[5]
![]() | 여어자 | 2003.05.07 | 23039 |
1238 |
고여서 떨어지는 물방울
[10]
![]() | 여어자 | 2003.05.09 | 24566 |
1237 | cutout필터를 이용한 일러스트틱한 이미지만들기. [6] | SOO | 2003.05.10 | 8832 |
1236 |
패스를 이용한 점선 그리기
[9]
![]() | 쭘's | 2003.05.10 | 11026 |