웹디자인 강의
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 |
628 |
뽀샤시한 화이트닝 보정효과
[2]
![]() | 포샵럽 | 2005.07.30 | 10459 |
627 |
종이 질감 내기..랄까요?
[11]
![]() | YuːI | 2003.02.13 | 10463 |
626 | 이미지 집중효과 29강 [1] | 문학의향기 | 2006.07.31 | 10505 |
625 |
이미지 접힌 효과 내기
[27]
![]() | 이태운 | 2003.02.17 | 10518 |
624 |
[여니강좌]돌맹이 느낌 문자
[19]
![]() | 눈나라 | 2003.06.24 | 10538 |
623 |
도트 패턴
[2]
![]() | 김혜영 | 2005.05.28 | 10541 |
622 | 이미지에 타일효과주기 [11] | 써니~ | 2002.04.07 | 10544 |
621 |
하늘에 떠있는 구름 만들기..
[1]
![]() | 가을쿠키 | 2006.08.30 | 10552 |
620 |
디테일 스케치
[6]
![]() | 웹디황용 | 2006.03.07 | 10569 |
619 |
특별한 스타버스트효과.
[28]
![]() | Nersion | 2003.02.17 | 10570 |
618 |
뽀토샵 기초 TIP
[6]
![]() | 루끼 | 2006.09.11 | 10574 |
617 |
[MN] 포토샵에 자주쓰는 필터 효과 주기
[8]
![]() | mewnew | 2003.12.25 | 10577 |
616 |
동화같은 가을 숲(밥로스)
[20]
![]() | scaci | 2008.01.19 | 10626 |
615 |
이상한 연기 만들기
[4]
![]() | Mr.Rays | 2005.02.09 | 10635 |
614 |
★유리위를 떼구루루루... 이뿐 구슬만들기 !!★
[12]
![]() | 스니커즈 | 2003.03.22 | 10639 |
613 |
옆으로 책장 넘기기-1편
[2]
![]() | 어지니 | 2005.03.06 | 10641 |
612 |
너무쉽지만 이쁜:) 가우시안 보정;ㅁ; <- 너무 쉬우니 무효!
[27]
![]() | 케냐씨 | 2003.08.16 | 10645 |
611 |
[포토샵웍스 강좌시리즈] 물방울 이미지만들기
[1]
![]() | java | 2006.04.25 | 10655 |
610 |
포샵/나모로 홈피 만들기 제 3장
[4]
![]() | 태민닷컴 | 2005.05.02 | 10665 |
609 |
아쿠아버튼 만들기
![]() | webajama | 2007.04.04 | 10674 |