그라데이션 셰이프(불린)로 만든 마우스

---

마우스

그라데이션과 앞에서 배운 불린 기능을 이용해서 마우스를 만들어 보자. 모서리가 둥근 직사각형 도형을 2개 이용해서 휠이 있는 마우스 모양을 만든다. 마우스 모양의 도형은 복사해서 같은 위치에 둔다. 사각형 도형을 만들어 마우스 모양 도형의 중심선에 일치하게 이동하고 불린 빼기를 실행한다. 불린 빼기로 만든 도형에서 높이의 2/3 위치에 사각형 도형을 만들고 불린 빼기를 실행한다. 아래 그림 오른쪽 이미지와 같은 부채꼴 모양의 도형이 만들어졌다. 도형을 복사하고 같은 높이에 두고 정렬 회전의 좌우대칭 옵션을 선택한다. 마우스의 버튼이 만들어 졌다.

위에서 만든 마우스 모양의 도형에서 마우스 버튼용 도형의 아래쪽 면에 일치하게 사각형 도형을 만들고 불린 빼기를 한다. 마우스 몸체 도형이 만들어 졌다.

마우스 버튼 왼쪽 도형을 선택하고 그라데이션 채우기 옵션에서 선형 대각선-오른쪽 아래 왼쪽 위로를 선택한다. 중지점을 3개 만든다. 가운데 중지점 위치는 46%이고 색상은 빨강 251, 녹색 155, 파랑 237이다. 왼쪽 중지점은 같은 색이고 밝기는 -25%이다. 오른쪽 중지점은 흰색이다.

오른쪽 마우스 버튼에 색을 지정하자. 그라데이션 방사형-왼쪽 아래 모서리에서 옵션을 선택한다. 중지점을 3개 만든다. 오른쪽 중지점은 흰색이고 가운데 중점은 54% 위치, 색은 흰색 밝기 -15%이다. 왼쪽 중지점은 흰색 밝기 -35%이다. 마우스 몸체 도형은 그라데이션 선형 대각선-왼쪽 위에서 오른쪽 아래로 옵션을 선택하고 각도를 200도로 조정한다. 중지점을 3개 만들고 오른쪽, 왼쪽 중지점은 흰색이다. 가운데 중지점 위치는 50%이고 흰색 밝기 -16%이다.

마우스 오른쪽 버튼 도형을 선택하고 그림자 바깥쪽 오프셋 오른쪽 옵션을 선택한다. 그림자 설정 값은 아래 그림과 같다. 마우스 몸체 도형의 그림자도 버튼 도형과 같이 설정한다.

마우스 휠 도형은 그라데이션 선형 대각선-왼쪽 위에서 오른쪽 아래로 옵션을 선택하고 각도를 200도로 조정한다. 중지점은 3개 만들고 왼쪽 중지점은 흰색 밝기 -66%, 중간 중지점은 위치 -46% 흰색 밝기 -25%, 오른쪽 중지점은 흰색 밝기 -22%로 지정한다. 도형 윤곽선의 선을 그라데이션 선으로 선택하고 선형 아래쪽 옵션을 선택하고 중지점을 2개 만든다. 왼쪽 중지점은 흰색 오른쪽 중지점은 흰색 밝기 -50%로 지정한다.

마우스 받침대를 만들자. 원도형을 만들고 선은 실선으로 하고 두껍게 보이도록 두께 수치를 조정한다. 채우기에서 그라데이션 방사형 가운데에서 옵션을 선택하고 중지점을 2개 만든다. 왼쪽 중지점은 원의 중심색이고 오른쪽 중지점은 바깥쪽 색이다. 왼쪽 중지점 색은 빨강 134, 녹색 211, 파랑 238이고 오른쪽 중지점은 같은 색계열 어두운 색을 선택하거나 동일한 색의 밝기를 좀더 어둡게 조정해도 된다.

도형 옵션의 선에서 그라데이션 선을 선택하고 아래와 같이 중지점을 4개 만든다. 왼쪽부터 흰색 밝기 0%, 위치 26% 검은색 밝기 45%, 위치 39% 검은색 밝기 8%, 검은색 밝기 25%로 지정한다. 도형 왼쪽 위에 빛이 있다고 가정한 선의 색상이 만들어 졌다. 도형 옵션 그림자 에서 안쪽 위쪽 선택한다. 아래 그림 오른쪽과 같이 값을 지정한다. 원도형 안쪽 윗면에 공간이 있는 것처럼 그림자가 만들어 졌다. 앞에서 완성한 마우스 크기를 조정해서 올려놓으면 완성이다.

색상도 변경해 보고 그라데이션 옵션도 조정해 보자.