메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

정말 게으른 레민이는 여지껏 나온 강좌처럼 각종 옵션에... 그런 액션을 일일이 취하기가 싫어서

저만의 방법으로 간단하게 브러쉬로 아쿠아 버튼을 만듭니다.

저는 평소에 심심풀이 땅콩으로 마우스로 그림그리는걸 하곤합니다.

그 그림의 한예로, 현재 제 홈페이지 첫화면의 그림이 그 작품입니다.(수준을 아시겠죠 ㅎㅎㅎ)

보통 윈도우를 쓰시는 정도의 포인팅이면 충분히 다들 하실 수 있을꺼에요.

그리고, 저는 습관상 레이어를 많이 만듭니다만, 레이어를 만들지 않고 Background에

그냥 하셔도 됩니다. 편하신대로 하세요


1. 먼저 300*200의 새창을 띄웁니다.

01.gif



2. 다음과 같이 새창이 떴습니다.

02.gif


3. 새 레이어를 추가해줍니다.

03.gif


4. Rounded Rectangle Tool을 선택해줍니다. 선택방법은 키보드 영어인상태에서 u 를 누르고 다시한번
Shift+U 를 눌러줍니다.

04.gif


5. 윗부분의 옵션바에서 Radius를 30px로 해줍니다.

24.gif


6. 드래그하여 자신이 원하는대로 사이즈를 조절한 뒤 드랍합니다.

05.gif


7. 레이어 팔레트에서 Path탭을 선택한뒤 오른쪽(빨간원으로 표시함) 화살표를 클릭하시고 Make Selection을 클릭하세요

06.gif
07.gif



8. 다음 창이 뜨는데 그냥  OK 클릭합니다.

08.gif


9. 다음과 같이 선택상태로 됩니다.

09.gif


10. 그다음 색을 선택합니다. 저는 하늘색을 쓰도록 하겠습니다. 원하시는 색을 자유로이 쓰세요.

10.gif


11. 브러쉬툴을 선택하고 다음그림과 같은 200px사이즈를 선택하세요

11.gif


12. 다음과 같이 화살표방향대로 3번쯤 터치하여 그려줍니다. 브러쉬위치는 선택된 영역의 바깥쪽으로 유지를 시켜주세요.

그림에 있는 큰 원이 브러쉬의 위치입니다. 쓱쓱쓱 쉽게 그려주세요. 때에따라 Shift키를 누른채로 드래그 하시면

직선이 그려지는것을 이용하시구요.

12.gif


13. 새 레이어를 하나 더 추가해주세요.

13.gif


14. 브러쉬툴을 선택하고 그림과 같이 27px사이즈를 선택하세요. 그리고 색은 흰색을 선택하세요.

14.gif


15. 그림과 같이 직선을 그려주세요.

15.gif


16. 선택부분을 반전시킵니다. Shift+ctrl+i 를 누르시면 반전되요.

17.gif  


17. 브러쉬툴을 선택하고 그림과 같이 65px사이즈를 선택하세요.

18.gif


18. 색을 원래썼던 색보다 약간 어두운색으로 선택합니다.

19.gif


19. 첫번째레이어를 선택하세요.

20.gif


20. 옵션에서  Opacity를 50%로 바꿔줍니다.

21.gif


21. 다음과 같이 한번에 그림자를 그려줘요.

22.gif


22. Ctrl+D를 눌러 선택을 해제합니다. 자 이제 완성이 되었습니다.

23.gif




여러분도 한번 응용해서 다른 아쿠아버튼들도 해보시길 바랍니다.

다음은 이오르님의 강좌를 브러쉬로 그리는 기법으로 따라해본 것입니다.

레이어스타일에서 Drop Shadow랑 Emboss만 주었습니다.

똑같진 않지만 비슷하죠?

25.gif
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
95 C++ 강의 입니다. 무료구요! [3] croW 2006.02.26 3040
94 제1강 3ds 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 3039
93 간단한 팁입니다. [4] file Click 2002.11.03 3036
92 [photoshop_6.0 기초강좌-19]_패턴 만들어서 사용하기 file rosun 2005.08.07 3031
91 공모전,자료전에 활용하세요[다음강좌 - 3D맥스강좌올려드리겠습니다] 에듀멘 2006.03.21 3015
90 [퍼니페인트]기하효과를 이용한 이상한 공과 나비? 만들기 [11] 대현 2003.01.26 3007
89 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
88 Motiondive Tokyo 동영상 강좌 오버뷰 [1] 덴디 2004.12.24 2990
87 Ryumir의 허접강좌 -1- [13] file 늘함께했던 2003.01.18 2970
86 [제15강]모바일용 콘텐츠제작하기 에듀멘 2006.03.17 2969
85 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
84 [photoshop_6.0 기초강좌-03]_팔레트, 포토샵 메뉴, 이미지 작업, 툴 박스 등 [2] file rosun 2005.08.06 2866
83 [동영상] 제2강 Spline(2차원도형)/Extrude(2차원도형 돌출)/Selection(선택하는 방법들) 인테리어뱅크 2006.04.11 2865
82 [퍼니페인트]키르님의 물결 만들기 - 페인트샵으로..;; [6] funnyPSP 2002.03.09 2860
81 포토샵 7.0 - 18. 채널과 엠보스필터 서기 2005.11.11 2850
80 제1강 플래시 시작하기 - 드로잉 명령 익히기-02 file 최승철 2005.03.13 2848
79 SWISH 주요 기능설정(Movie, Text, Transform, Action)부분 [1] file 아메 2003.02.24 2827
78 [냠냠이의 그림판 강의!]1. 그림판이란? [10] 냠냠이/그림판user 2002.05.02 2827
77 Windows Vista 창 만들기 [8] file 유성매직 2009.01.13 2823
76 페인트샵으로 캡쳐하기 2가지 방법 [5] file {동준짱} 2002.07.18 2797