웹디자인 강의
Paintshop [psp6]올록 볼록 버튼 디자인
2002.02.23 02:51
이 버튼 디자인은 초보자도 쉽게 할 수 있는
아주아주 쉬운 버튼 디자인입니다
![e1.gif](/files/attach/images/19360728/197/397/019/e1.gif)
저는 우선 100*100 짜리 정사각형 캔버스(;;) 에 그림을 그릴겁니다;
원형 버튼 이고 원형에서 잘 살아 나니
보시는 분들도 원 모양을 추천합니다.
![e2.gif](/files/attach/images/19360728/197/397/019/e2.gif)
셀렉션 툴을 이용해서 동그란 모양으로 선택을 합니다.
이제 그 안에다가 그라데이션을 적용할 겁니다.
![e3.gif](/files/attach/images/19360728/197/397/019/e3.gif)
Sunest Gradient 를 이용해서 왼쪽 위는 밝게 오른쪽 아래 부분은 어둡게 칠합니다.
그리고 나서 Selections - Modify - Contract 를 10 정도 줍니다.
다시 Sunest Gradient 로 반대로 효과를 줍니다.
아까 왼쪽키를 눌러 효과를 주셨다면
이번엔 Sunest Gradient 툴로 오른쪽 키를 갖다 누르시면 뒤집힌 그라데이션을 입힙니다.
그럼;
![e5.gif](/files/attach/images/19360728/197/397/019/e5.gif)
이런 모습이 됩니다 :) 초간단 팁이었습니다.
아주아주 쉬운 버튼 디자인입니다
![e1.gif](/files/attach/images/19360728/197/397/019/e1.gif)
저는 우선 100*100 짜리 정사각형 캔버스(;;) 에 그림을 그릴겁니다;
원형 버튼 이고 원형에서 잘 살아 나니
보시는 분들도 원 모양을 추천합니다.
![e2.gif](/files/attach/images/19360728/197/397/019/e2.gif)
셀렉션 툴을 이용해서 동그란 모양으로 선택을 합니다.
이제 그 안에다가 그라데이션을 적용할 겁니다.
![e3.gif](/files/attach/images/19360728/197/397/019/e3.gif)
Sunest Gradient 를 이용해서 왼쪽 위는 밝게 오른쪽 아래 부분은 어둡게 칠합니다.
그리고 나서 Selections - Modify - Contract 를 10 정도 줍니다.
다시 Sunest Gradient 로 반대로 효과를 줍니다.
아까 왼쪽키를 눌러 효과를 주셨다면
이번엔 Sunest Gradient 툴로 오른쪽 키를 갖다 누르시면 뒤집힌 그라데이션을 입힙니다.
그럼;
![e5.gif](/files/attach/images/19360728/197/397/019/e5.gif)
이런 모습이 됩니다 :) 초간단 팁이었습니다.
댓글 2
-
북극성
2002.05.11 21:47
-
時緣™
2004.03.17 00:16
psp 7에 Sunest Gradient가 어디에 있죠? ^^;; 못 찾겠네요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
2374 | 플래시,동영상 목록만들기 | 윤선미320 | 2007.12.01 | 11613 |
2373 |
눈오는 효과
[5]
![]() | 유성매직 | 2007.11.20 | 15471 |
2372 |
교수-학습 자료 제작및 활용 강의교재
![]() | 김종판 | 2007.11.13 | 10483 |
2371 |
Flash ActionScript 추가
![]() | 김종판 | 2007.11.08 | 13432 |
2370 |
사진 테두리 둥그스름하게 만들기
[3]
![]() | 이하늘936 | 2007.11.03 | 11171 |
2369 |
비내리는 효과
[1]
![]() | 이하늘936 | 2007.11.03 | 10857 |
2368 |
브러시 사용시 크기를 바꾸는 단축키는?
[1]
![]() | 이하늘936 | 2007.11.03 | 6796 |
2367 |
담배연기 날리는 효과
[3]
![]() | 이하늘936 | 2007.11.03 | 9133 |
2366 |
[포토샵]비오는이미지만들기
![]() | 이하늘936 | 2007.11.03 | 7817 |
2365 |
글자 다양한 효과주기
![]() | 이하늘936 | 2007.11.03 | 7668 |
2364 |
돌멩이를 모아 만든 문자 만들기
![]() | 후지모토요시 | 2007.10.03 | 6222 |
2363 |
깔끔한 최근게시물 박스 만들기
[7]
![]() | 4u4u | 2007.09.06 | 8749 |
2362 |
간단히 뽀샤시 이미지 만들깅
[3]
![]() | 4u4u | 2007.09.06 | 5743 |
2361 |
간단한 패턴으로 이쁜 박스모양 만들기
[6]
![]() | 4u4u | 2007.09.06 | 5674 |
2360 |
간단하게 폰트 이쁘게 하기
[3]
![]() | 4u4u | 2007.09.06 | 1004 |
2359 |
물방울 만들기!
[5]
![]() | 라하 | 2007.08.29 | 7709 |
2358 | 귀엽게 느껴지는 손글씨만들기 [3] | ajine.kr | 2007.08.22 | 6022 |
2357 | 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. | kim's | 2007.07.30 | 1263 |
2356 | 포토샵 강좌 모음 [6] | 문학의향기 | 2007.07.13 | 7313 |
(불만이 너무 많다. -_-;;;)