3.9. 그라디언트 색상 만들기

제3장 웹 그래픽 기능 익히기 > 3.9. 그라디언트 색상 만들기

그라디언트 색상이란 어떤 색에서 다른 색으로 연속적으로 이어지는 색상을 가리킵니다.
여기서는 그라디언트 색상(그라데이션이라고도 함)을 만들고 조절하는 방법을 알아봅니다.

3.9.1. 그라디언트 색상 만들기

1) 타원형 도구로 동그라미를 하나 그립니다.

2) [속성]창에서 [칠 범주] 영역을 클릭하면 다음과 같은 칠하기 방법들이 나옵니다.

'선형'에서 '주름'까지가 그라디언트 칠 범주에 해당됩니다.

3) '선형'을 선택해봅시다.
다음과 같은 그라디언트 색상이 들어가게 됩니다.

4) 면색 팔레트가 개체에 칠해진 색상과 같은 그라디언트 형식으로 표시됩니다.
이 면색 팔레트를 클릭하면 다음과 같은 그라디언트 편집창이 나타납니다.

5) 시작색 단추나 끝색 단추를 누르면 색상 팔레트가 나타납니다.
원하는 색상을 선택하면 시작색과 끝색을 바꿀 수 있습니다.

6) 시작색과 끝색 단추의 사이를 클릭하면 중간색을 추가할 수 있습니다.

7) 그림과 같이 무지개 색상을 만들어 보십시오.

8) 불필요한 색상이 있다면 색상 단추를 조절판 밖으로 드래그하면 됩니다.
단추 간격은 단추를 드래그해서 조절할 수 있습니다.
이에 따라 캔버스의 개체도 색상이 바뀌게 됩니다.

9) 투명도 조절 역시 같은 방법으로 하면 됩니다.

3.9.2. 그라디언트 방향 바꾸기

그라디언트 색상은 방향과 중심을 변경할 수 있습니다.

1) 그라디언트 색상이 들어간 개체를 포인트 선택 도구를 선택을 하면 다음 그림과 같이 조절선이 나타나게 됩니다.

2) 중심점을 드래그해서 옮기면 전체 색상의 중심이 이동됩니다.
 

3) 조절 끝점을 드래그하여 회전을 시키면 색상의 방향이 변하게 됩니다.
 

 

4) 조절 끝점을 짧게 혹은 길게 하면 색상의 번짐 정도를 변경할 수 있습니다.

5) 이미 만들어둔 그라디언트 색상 배합표를 사용하려면 그라디언트 색상 조절기에서 [미리 설정]을 클릭해서 선택합니다.
 

 

6) [속성]에서 [텍스쳐]를 이용해서 문양을 넣을 수 있으며, 문양의 투명도를 조절할 수 있습니다.