안녕하세요~ 드디어~ 아기다리 고기다리던~ 활용강좌를 시작할 수 있게 되었어요..
제가 기초강좌에서 메뉴와 툴에 대한 사용법을 다 다루었기 때문에,
디자인 툴을 처음 접하는 초보자 분들도 잘 따라 오실거라 생각이 듭니다.^^
오늘은 너무도 흔하디 흔하지만~ 꼭 한번 그려보고 싶은(?) 아쿠아 버튼을 만들도록 하겠습니다.
먼저 완성본을 볼까요?
이렇게 다양한 색으로 만들 수 있습니다. 그럼 시작할께요~
1. 먼저 Expression Design 툴을 켭니다. 그리고 File메뉴 에서 새 문서를 하나 열어주세요.
2. 툴박스에서 Ellipse 툴을 선택합니다.
3. 문서 영역에 드래그로 알맞은 크기의 원을 그려줍니다.
4. 오브젝트를 선택한 후 오른쪽 Properties 패널에서 Fill 영역을 빨간 사각형 부분의 그라데이션으로
채워줍니다.
5. 채워진 그라데이션의 방향을 Gradient Transform 툴을 사용하여 변경시킵니다.
일정한 곳에 포인터를 찍고 아래로 드래그 하면 그라데이션의 방향이 바뀝니다.
6. 겉부분의 검은 스트로크는 필요 없겠죠? Stroke 채우기를 없애줍니다.
7. 이제 동그란 버튼에 원하는 색상을 넣어줄께요. Fill 부분을 선택하면 그라데이션을 조절하는
슬라이더가 있습니다. 첫번째 그라데이션 포인트를 선택하고 원하는 색상을 넣어줍니다.
저는 색상값에 #013992 을 넣었습니다.
8. 두번째 포인트에도 버튼의 하단부분에 들어갈 색상을 넣어줍니다. 저는 #FF18CDBF 를 넣어주었어요.
9. 자 이제..물방울 느낌 효과를 내야겠지요? 1단계에서처럼 작은 원을 하나 더 그려줍니다.
그리고 역시 Stroke 영역은 없애준 채로 Fill 영역은 그라데이션으로 채웁니다. 그러면 아까의 그
그라데이션 패턴이 채워집니다.
10. 효과를 줄 부분의 그라데이션 슬라이더바를 이용하여 첫번째 포인트와 두번째 포인트를 둘 다
흰색으로 채워줍니다.
11. 그리고 첫번째 포인트의 알파값을 60%으로, 두번째 포인트의 알파값을 0%로 해줍니다. 그리고
저는 두번째 포인트를 왼쪽으로 조금 이동하여 알파값이 0% 인 영역을 좀 넓혔어요..
12. 효과를 준 작은 원을 하나 더 복사하여 180도 회전시킨 후 적절한 크기로 줄여줍니다.
13. 자 이로써 버튼 배경이 완성되었습니다~
완성된 배경에 원하는 글자나 아이콘을 넣어주시면 끝이 납니다.
허이구..ㅜ.ㅜ 내일 아침..아니 오늘 일찍 일어나야하는데.....
ㅠ_ㅠ 시간이 벌써..흑흑..좋은꿈 꾸시고 좋은주말 되세요 ^^
