웹디자인 강의
Photoshop 브러쉬만 사용하여 간단하게 아쿠아버튼 만들기
2003.11.22 01:53
정말 게으른 레민이는 여지껏 나온 강좌처럼 각종 옵션에... 그런 액션을 일일이 취하기가 싫어서
저만의 방법으로 간단하게 브러쉬로 아쿠아 버튼을 만듭니다.
저는 평소에 심심풀이 땅콩으로 마우스로 그림그리는걸 하곤합니다.
그 그림의 한예로, 현재 제 홈페이지 첫화면의 그림이 그 작품입니다.(수준을 아시겠죠 ㅎㅎㅎ)
보통 윈도우를 쓰시는 정도의 포인팅이면 충분히 다들 하실 수 있을꺼에요.
그리고, 저는 습관상 레이어를 많이 만듭니다만, 레이어를 만들지 않고 Background에
그냥 하셔도 됩니다. 편하신대로 하세요
1. 먼저 300*200의 새창을 띄웁니다.
![01.gif](/files/attach/images/19360728/778/417/019/01.gif)
2. 다음과 같이 새창이 떴습니다.
![02.gif](/files/attach/images/19360728/778/417/019/02.gif)
3. 새 레이어를 추가해줍니다.
![03.gif](/files/attach/images/19360728/778/417/019/03.gif)
4. Rounded Rectangle Tool을 선택해줍니다. 선택방법은 키보드 영어인상태에서 u 를 누르고 다시한번
Shift+U 를 눌러줍니다.
![04.gif](/files/attach/images/19360728/778/417/019/04.gif)
5. 윗부분의 옵션바에서 Radius를 30px로 해줍니다.
![24.gif](/files/attach/images/19360728/778/417/019/24.gif)
6. 드래그하여 자신이 원하는대로 사이즈를 조절한 뒤 드랍합니다.
![05.gif](/files/attach/images/19360728/778/417/019/05.gif)
7. 레이어 팔레트에서 Path탭을 선택한뒤 오른쪽(빨간원으로 표시함) 화살표를 클릭하시고 Make Selection을 클릭하세요
![06.gif](/files/attach/images/19360728/778/417/019/06.gif)
![07.gif](/files/attach/images/19360728/778/417/019/07.gif)
8. 다음 창이 뜨는데 그냥 OK 클릭합니다.
![08.gif](/files/attach/images/19360728/778/417/019/08.gif)
9. 다음과 같이 선택상태로 됩니다.
![09.gif](/files/attach/images/19360728/778/417/019/09.gif)
10. 그다음 색을 선택합니다. 저는 하늘색을 쓰도록 하겠습니다. 원하시는 색을 자유로이 쓰세요.
![10.gif](/files/attach/images/19360728/778/417/019/10.gif)
11. 브러쉬툴을 선택하고 다음그림과 같은 200px사이즈를 선택하세요
![11.gif](/files/attach/images/19360728/778/417/019/11.gif)
12. 다음과 같이 화살표방향대로 3번쯤 터치하여 그려줍니다. 브러쉬위치는 선택된 영역의 바깥쪽으로 유지를 시켜주세요.
그림에 있는 큰 원이 브러쉬의 위치입니다. 쓱쓱쓱 쉽게 그려주세요. 때에따라 Shift키를 누른채로 드래그 하시면
직선이 그려지는것을 이용하시구요.
![12.gif](/files/attach/images/19360728/778/417/019/12.gif)
13. 새 레이어를 하나 더 추가해주세요.
![13.gif](/files/attach/images/19360728/778/417/019/13.gif)
14. 브러쉬툴을 선택하고 그림과 같이 27px사이즈를 선택하세요. 그리고 색은 흰색을 선택하세요.
![14.gif](/files/attach/images/19360728/778/417/019/14.gif)
15. 그림과 같이 직선을 그려주세요.
![15.gif](/files/attach/images/19360728/778/417/019/15.gif)
16. 선택부분을 반전시킵니다. Shift+ctrl+i 를 누르시면 반전되요.
17. 브러쉬툴을 선택하고 그림과 같이 65px사이즈를 선택하세요.
![18.gif](/files/attach/images/19360728/778/417/019/18.gif)
18. 색을 원래썼던 색보다 약간 어두운색으로 선택합니다.
![19.gif](/files/attach/images/19360728/778/417/019/19.gif)
19. 첫번째레이어를 선택하세요.
![20.gif](/files/attach/images/19360728/778/417/019/20.gif)
20. 옵션에서 Opacity를 50%로 바꿔줍니다.
![21.gif](/files/attach/images/19360728/778/417/019/21.gif)
21. 다음과 같이 한번에 그림자를 그려줘요.
![22.gif](/files/attach/images/19360728/778/417/019/22.gif)
22. Ctrl+D를 눌러 선택을 해제합니다. 자 이제 완성이 되었습니다.
![23.gif](/files/attach/images/19360728/778/417/019/23.gif)
여러분도 한번 응용해서 다른 아쿠아버튼들도 해보시길 바랍니다.
다음은 이오르님의 강좌를 브러쉬로 그리는 기법으로 따라해본 것입니다.
레이어스타일에서 Drop Shadow랑 Emboss만 주었습니다.
똑같진 않지만 비슷하죠?
![25.gif](/files/attach/images/19360728/778/417/019/25.gif)
저만의 방법으로 간단하게 브러쉬로 아쿠아 버튼을 만듭니다.
저는 평소에 심심풀이 땅콩으로 마우스로 그림그리는걸 하곤합니다.
그 그림의 한예로, 현재 제 홈페이지 첫화면의 그림이 그 작품입니다.(수준을 아시겠죠 ㅎㅎㅎ)
보통 윈도우를 쓰시는 정도의 포인팅이면 충분히 다들 하실 수 있을꺼에요.
그리고, 저는 습관상 레이어를 많이 만듭니다만, 레이어를 만들지 않고 Background에
그냥 하셔도 됩니다. 편하신대로 하세요
1. 먼저 300*200의 새창을 띄웁니다.
![01.gif](/files/attach/images/19360728/778/417/019/01.gif)
2. 다음과 같이 새창이 떴습니다.
![02.gif](/files/attach/images/19360728/778/417/019/02.gif)
3. 새 레이어를 추가해줍니다.
![03.gif](/files/attach/images/19360728/778/417/019/03.gif)
4. Rounded Rectangle Tool을 선택해줍니다. 선택방법은 키보드 영어인상태에서 u 를 누르고 다시한번
Shift+U 를 눌러줍니다.
![04.gif](/files/attach/images/19360728/778/417/019/04.gif)
5. 윗부분의 옵션바에서 Radius를 30px로 해줍니다.
![24.gif](/files/attach/images/19360728/778/417/019/24.gif)
6. 드래그하여 자신이 원하는대로 사이즈를 조절한 뒤 드랍합니다.
![05.gif](/files/attach/images/19360728/778/417/019/05.gif)
7. 레이어 팔레트에서 Path탭을 선택한뒤 오른쪽(빨간원으로 표시함) 화살표를 클릭하시고 Make Selection을 클릭하세요
![06.gif](/files/attach/images/19360728/778/417/019/06.gif)
![07.gif](/files/attach/images/19360728/778/417/019/07.gif)
8. 다음 창이 뜨는데 그냥 OK 클릭합니다.
![08.gif](/files/attach/images/19360728/778/417/019/08.gif)
9. 다음과 같이 선택상태로 됩니다.
![09.gif](/files/attach/images/19360728/778/417/019/09.gif)
10. 그다음 색을 선택합니다. 저는 하늘색을 쓰도록 하겠습니다. 원하시는 색을 자유로이 쓰세요.
![10.gif](/files/attach/images/19360728/778/417/019/10.gif)
11. 브러쉬툴을 선택하고 다음그림과 같은 200px사이즈를 선택하세요
![11.gif](/files/attach/images/19360728/778/417/019/11.gif)
12. 다음과 같이 화살표방향대로 3번쯤 터치하여 그려줍니다. 브러쉬위치는 선택된 영역의 바깥쪽으로 유지를 시켜주세요.
그림에 있는 큰 원이 브러쉬의 위치입니다. 쓱쓱쓱 쉽게 그려주세요. 때에따라 Shift키를 누른채로 드래그 하시면
직선이 그려지는것을 이용하시구요.
![12.gif](/files/attach/images/19360728/778/417/019/12.gif)
13. 새 레이어를 하나 더 추가해주세요.
![13.gif](/files/attach/images/19360728/778/417/019/13.gif)
14. 브러쉬툴을 선택하고 그림과 같이 27px사이즈를 선택하세요. 그리고 색은 흰색을 선택하세요.
![14.gif](/files/attach/images/19360728/778/417/019/14.gif)
15. 그림과 같이 직선을 그려주세요.
![15.gif](/files/attach/images/19360728/778/417/019/15.gif)
16. 선택부분을 반전시킵니다. Shift+ctrl+i 를 누르시면 반전되요.
![17.gif](/files/attach/images/19360728/778/417/019/17.gif)
17. 브러쉬툴을 선택하고 그림과 같이 65px사이즈를 선택하세요.
![18.gif](/files/attach/images/19360728/778/417/019/18.gif)
18. 색을 원래썼던 색보다 약간 어두운색으로 선택합니다.
![19.gif](/files/attach/images/19360728/778/417/019/19.gif)
19. 첫번째레이어를 선택하세요.
![20.gif](/files/attach/images/19360728/778/417/019/20.gif)
20. 옵션에서 Opacity를 50%로 바꿔줍니다.
![21.gif](/files/attach/images/19360728/778/417/019/21.gif)
21. 다음과 같이 한번에 그림자를 그려줘요.
![22.gif](/files/attach/images/19360728/778/417/019/22.gif)
22. Ctrl+D를 눌러 선택을 해제합니다. 자 이제 완성이 되었습니다.
![23.gif](/files/attach/images/19360728/778/417/019/23.gif)
여러분도 한번 응용해서 다른 아쿠아버튼들도 해보시길 바랍니다.
다음은 이오르님의 강좌를 브러쉬로 그리는 기법으로 따라해본 것입니다.
레이어스타일에서 Drop Shadow랑 Emboss만 주었습니다.
똑같진 않지만 비슷하죠?
![25.gif](/files/attach/images/19360728/778/417/019/25.gif)