Illustrator에서 서로 다른 유형의 그레이디언트를 만드는 방법에 대해 알아봅니다.
hero-image_2

그레이디언트는 두 가지 이상의 색상 또는 동일한 색상의 색조들을 여러 단계로 나눠 혼합한 것입니다. 그레이디언트를 사용하여 색상 혼합을 만들고, 벡터 오브젝트에 볼륨을 추가하고, 아트웍에 라이트나 그림자 효과를 추가할 수 있습니다. Illustrator의 [그레이디언트] 패널, [그레이디언트] 도구, 또는 [제어] 패널을 사용하여 그레이디언트를 생성, 적용 및 수정할 수 있습니다.

그레이디언트 유형

Illustrator에서 다음과 같은 세 가지 유형의 그레이디언트를 만들 수 있습니다.

  • 선형 그레이디언트
    직선의 한 점에서 다른 점으로 색상을 혼합합니다.
  • 방사형 그레이디언트
    원형 패턴의 한 점에서 다른 점으로 색상을 혼합합니다. 
  • 자유형 그레이디언트
    모양 내에서 색상 정지점들로 순서대로 또는 무작위 시퀀스로 매끄럽고 자연스럽도록 점진적인 혼합을 만듭니다. 자유형 그레이디언트는 다음 두 가지 모드로 적용할 수 있습니다.
    • 포인트 모드: 색상 정지점 주변 영역을 음영 처리합니다.
    • 선 모드: 이 모드를 사용하여 선 주변 영역을 음영 처리합니다.

참고 : 색상 정지점은 그레이디언트의 색상을 제어하는 [그레이디언트 주석자](선형 및 방사형 그레이디언트) 또는 오브젝트(자유형 그레이디언트)의 포인트입니다. 색상 정지점의 색상을 변경하여 그레이디언트를 설정할 수 있습니다. 

types-of-gradients_2
세 가지 색상 혼합을 사용하는 선형, 방사형 및 자유형 예제

A. 선형 그레이디언트 B. 방사형 그레이디언트 C. 자유형 그레이디언트(포인트) 

참고:

선형 및 방사형 그레이디언트는 개체의 채우기와 선에 적용할 수 있습니다. 자유형 그레이디언트는 개체의 채우기에만 적용할 수 있습니다.

그레이디언트 도구 및 그레이디언트 패널

[그레이디언트] 도구나 [그레이디언트] 패널을 사용하여 그레이디언트를 생성하거나 수정할 수 있습니다. 그레이디언트를 아트웍에서 바로 만들거나 수정하고 실시간으로 수정 사항을 보려면 그레이디언트 도구를 사용하십시오.

그레이디언트 도구를 열려면 도구 상자에서 [그레이디언트] 도구를 클릭합니다.

[그레이디언트] 패널을 열려면 다음 중 하나를 수행하십시오.

  • 윈도우 > 그레이디언트를 선택합니다.
  • 도구 모음에서 [그레이디언트] 도구를 두 번 클릭합니다.

[그레이디언트] 패널이 캔버스에 표시됩니다.

Gradient-panel-labelling_2
선형 및 방사형 그레이디언트 옵션 (A-R) | 자유형 그레이디언트 옵션 (R-V)

A. 활성 상태 또는 이전에 사용한 그레이디언트 B. 기존 그레이디언트 드롭다운 목록 C. 칠 색상 D. 선 색상 E. 그레이디언트 반전 F. 그레이디언트 주석자 G. 색상 정지점 H. 중간점 I. 색상 피커 J. 옵션 표시 또는 숨기기 K. 그레이디언트 유형 L. 획 유형 M. 각도 N. 종횡비 O. 멈춤 삭제 P. 불투명도 Q. 위치 R. 채우기 또는 선(색상 포함) S. 색상 정지점 T. 스프레드 U. 자유형 그레이디언트 V. 자유형 그레이디언트 모드 

[그레이디언트] 도구와 [그레이디언트] 패널에는 공통 옵션이 많습니다. 그러나 도구 또는 패널에서만 수행할 수 있는 몇 가지 작업이 있습니다. 그레이디언트 도구와 패널을 사용하여 여러 색상 정지점, 위치 및 스프레드를 지정할 수 있습니다. 색상이 표시되는 각도, 타원형 그레이디언트의 종횡비 및 각 색상의 불투명도를 지정할 수도 있습니다.

그레이디언트 주석자

선형 및 방사형 그레이디언트 유형의 경우 도구 모음에서 [그레이디언트] 도구를 클릭하면, 개체에 [그레이디언트 주석자]가 나타납니다. 그레이디언트 주석자는 시작점, 끝점, 중간점 및 시작점과 끝점에 대한 두 색상 정지점을 보여주는 슬라이더입니다.

Gradient-tool-labelling
방사형 그레이디언트에 대한 그레이디언트 주석자

A. 그레이디언트 주석자 B. 점선 링 C. 종횡비를 변경하는 지점 D. 회전 커서 E. 방사형 그레이디언트의 크기를 조절하는 지점 F. 끝점(화살표 지점) G. 색상 정지점 H. 중간점 I. 선택한 색상 정지점 J. 원점 

그레이디언트 주석자를 사용하여 선형 그레이디언트의 각도, 위치 및 스프레드, 방사형 그레이디언트의 초점, 원점 및 스프레드를 수정할 수 있습니다. 개체에 그레이디언트 주석자가 나타나면, [그레이디언트] 패널이나 [그레이디언트 주석자]를 사용하여 새로운 색상 정지점을 추가하고, 개별 색상 정지점에 사용할 새 색을 지정하고, 불투명도 설정을 변경하고, 색상 정지점을 새 위치로 드래그할 수 있습니다.

그레이디언트 주석자를 숨기거나 표시하려면 보기 > 그레이디언트 주석자 숨기기 또는 보기 > 그레이디언트 주석자 표시를 선택합니다.

선형 및 방사형 그레이디언트 주석자에서, 그레이디언트 슬라이더의 원형 끝(시작점)을 드래그하여 그레이디언트의 원점 위치를 변경하고 화살표 끝(끝점)을 드래그하여 그레이디언트의 범위를 늘이거나 줄입니다. 포인터를 끝점 위에 놓으면 그레이디언트 각도를 변경하는 데 사용할 수 있는 회전 커서가 나타납니다.

주의: 자유형 그레이디언트를 사용할 때에는 색상 정지점을 오브젝트의 아무 곳에나 배치할 수 있습니다. 따라서 자유형 그레이디언트에는 그레이디언트 주석자가 필요하지 않습니다.

사전 정의된 그레이디언트 적용

처음으로 그레이디언트 도구를 클릭하여 그레이디언트를 적용하면 기본적으로 흰색, 검은색 그레이디언트가 적용됩니다. 이전에 그레이디언트를 적용한 적이 있을 경우에는 기본적으로 마지막으로 사용한 그레이디언트가 오브젝트에 적용됩니다.

Illustrator에서는 [그레이디언트] 패널이나 [견본] 패널을 사용하여 설정할 수 있는 사전 정의된 그레이디언트 세트도 제공합니다. 또한, 그레이디언트를 만들고 나중에 사용할 수 있도록 [견본] 패널에 저장할 수도 있습니다. [그레이디언트] 패널에서 사전 정의 또는 저장된 그레이디언트를 적용하려면 다음을 수행하십시오.

  • 캔버스에서 개체를 선택하고 [그레이디언트] 패널에서 그레이디언트 드롭다운(이미지)을 클릭합니다.

견본 라이브러리에서 사전 정의된 그레이디언트를 적용하려면 다음을 수행하십시오.

  • 윈도우 > 견본을 선택하여 [견본] 패널을 엽니다.
  • [견본] 패널에서 오른쪽 위 모서리의 드롭다운을 클릭합니다. 목록에서 견본 라이브러리 열기 > 그레이디언트를 선택한 다음, 적용할 그레이디언트를 선택합니다.
  • [견본] 패널에 그레이디언트를 하나만 표시하려면 견본 종류 표시 드롭다운 목록을 클릭하고 그레이디언트 견본 표시를 선택합니다. 
Swatch-Library
[견본] 라이브러리에서 사전 정의된 그레이디언트 선택

선형, 방사형 및 자유형 그레이디언트 만들기 및 적용

필요에 따라, 선형, 방사형 및 자유형 그레이디언트를 아트웍에 적용하도록 선택할 수 있습니다.

create-gradient
다양한 유형의 그레이디언트 적용

선형 그레이디언트 만들기 및 적용

선형 그레이디언트를 만들려면 다음 중 하나를 수행하십시오.

  • [그레이디언트] 도구를 클릭한 다음, 캔버스에서 오브젝트를 클릭합니다. [그레이디언트 유형] 단추는 [제어] 패널 또는 [속성] 패널에 표시됩니다. 오브젝트를 선택한 채로 선형 그레이디언트를 클릭하여 오브젝트에서 선형 그레이디언트를 적용합니다.
  • [그레이디언트] 패널에서 선형 그레이디언트를 클릭합니다.
  • [속성] 패널에서 그레이디언트 섹션의 선형 그레이디언트를 클릭합니다.

방사형 그레이디언트 만들기 및 적용

방사형 그레이디언트를 만들거나 적용하려면 다음 중 하나를 수행하십시오.

  • [그레이디언트] 도구를 클릭한 다음, 캔버스에서 오브젝트를 클릭합니다. [그레이디언트 유형] 단추는 [제어] 패널 또는 [속성] 패널에 표시됩니다. 오브젝트를 선택한 채로 방사형 그레이디언트를 클릭하여 오브젝트에서 방사형 그레이디언트를 적용합니다.
  • [그레이디언트] 패널에서 방사형 그레이디언트를 클릭합니다.
  • [속성] 패널에서 그레이디언트 섹션의 방사형 그레이디언트를 클릭합니다.

자유형 그레이디언트 만들기 및 적용

자유형 그레이디언트를 만들고 적용하려면 다음 중 하나를 수행하십시오.

  • [그레이디언트] 도구를 클릭한 다음, 캔버스에서 오브젝트를 클릭합니다. [그레이디언트 유형] 단추는 [제어] 패널 또는 [속성] 패널에 표시됩니다. 오브젝트를 선택한 채로 자유형 그레이디언트를 클릭하여 오브젝트에서 자유형 그레이디언트를 적용합니다.
  • [그레이디언트] 패널에서 자유형 그레이디언트를 클릭합니다.
  • [속성] 패널에서 그레이디언트 섹션의 자유형 그레이디언트를 클릭합니다.

자유형 그레이디언트를 클릭하면 다음 두 가지 옵션을 사용할 수 있습니다.

  • 포인트: 오브젝트에서 색상 정지점을 독립점으로 만들려면 이 옵션을 선택합니다.
  • : 오브젝트의 선분 위에 색상 정지점을 만들려면 이 옵션을 선택합니다. 

참고:

한 개체의 자유형 그레이디언트를 다른 개체로 복사하려면 도구 모음에서 [색상 피커] 도구를 사용하십시오.

[포인트 모드]에서 자유형 그레이디언트 생성

[포인트 모드]에 대한 자유형 그레이디언트를 작성, 수정 및 삭제하려면 다음을 수행합니다.

  • 하나 이상의 색상 정지점을 추가하려면 개체의 아무 곳이나 클릭합니다.
  • 색상 정지점의 위치를 변경하려면 색상 정지점을 드래그하여 원하는 위치에 놓습니다.
  • 색상 정지점을 삭제하려면 색상 정지점을 개체 영역 밖으로 드래그하거나 [그레이디언트] 패널에서 삭제를 클릭하거나 [삭제] 키를 누릅니다
add-and-delete-color-stops_2
자유형 포인트 그레이디언트 생성, 색상 정지점 추가 및 삭제 예제

포인트 모드에서 자유형 그레이디언트에 대한 스프레드를 설정합니다.

포인트 자유형 그레이디언트에서 색상 정지점의 스프레드를 설정할 수 있습니다. 스프레드는 그레이디언트를 적용할 색상 정지점 주위의 원형 영역입니다. 색상 정지점의 스프레드를 설정하려면 색상 정지점을 선택하고 다음 중 하나를 수행하십시오.

  • [그레이디언트] 패널에서 스프레드 드롭다운 목록에서 값을 선택하거나 입력합니다.
  • [제어] 패널, [속성] 패널 또는 [그레이디언트] 패널에서 스프레드 드롭다운 목록에 값을 입력합니다. 스프레드를 클릭할 때 표시되는 슬라이더를 사용할 수도 있습니다.

기본적으로 색상 정지점의 스프레드는 0%입니다.  

adjust-spread_2
자유형 포인트 그레이디언트의 스프레드 변경

참고:

스프레드는 포인트 모드에 대해서만 지원됩니다.

[선 모드]에서 자유형 그레이디언트 생성

선 모드의 자유형 그레이디언트에 대한 색상 정지점을 추가하려면 다음 중 하나를 수행하십시오.

  • 오브젝트의 아무 곳이나 클릭하여 선분의 시작점인 첫 번째 색상 정지점을 만듭니다.
  • 클릭하여 다음 색상 정지점을 만듭니다. 첫 번째 색상 정지점과 두 번째 색상 정지점을 연결하는 직선이 추가됩니다. 
  • 다시 클릭하여 색상 정지점을 더 만듭니다. 직선이 곡선으로 변합니다. 

오브젝트에서 여러 개의 개별 선분을 만들 수 있습니다. 새 선분을 만들려면 다음을 수행하십시오.

  • 포인터를 오브젝트 밖으로 드래그했다가 다시 가져온 다음, 아무 곳이나 클릭하여 선분의 첫 번째 색상 정지점을 만듭니다.

주의: 원하는 경우 선분들을 드래그하여 함께 결합할 수도 있습니다.

선택한 색상 정지점을 삭제하려면 다음을 수행하십시오.

  • 색상 정지점을 오브젝트 영역 밖으로 드래그하거나 [그레이디언트] 패널에서 삭제를 클릭합니다.

색상 정지점의 위치를 변경하려면 다음을 수행하십시오.

  • 색상 정지점을 드래그하여 원하는 위치에 놓습니다. 색상 정지점의 위치를 변경하면 선분도 축소되거나 확장됩니다. 다른 색상 정지점의 위치는 변경되지 않고 유지됩니다.
add-and-delete-colorstops-lines
자유형 선 그레이디언트 생성, 색상 정지점 추가 및 삭제 예제

참고:

그레이디언트를 적용할 때는 선택한 개체에 기본값이 적용됩니다. 이 기능을 비활성화하려면 편집 환경 설정 > 일반 (Windows) 또는 Illustrator CC 환경 설정 일반(Mac OS) 메뉴에서 내용 인식 기본값 활성화 옵션을 선택 취소할 수 있습니다. 이 옵션은 Windows 32비트 시스템에 대해 비활성화됩니다.

그레이디언트 수정

[그레이디언트] 도구, [그레이디언트] 패널, [제어] 패널 및 [속성] 패널에서 그레이디언트의 색상, 원점, 불투명도, 위치 및 각도를 수정할 수 있습니다. 

[그레이디언트] 패널에서 [그레이디언트 편집] 모드로 직접 들어가려면 개체를 선택하고 그레이디언트 편집 단추를 클릭합니다. 그러면 색상 정지점, 색상, 각도, 불투명도, 위치, 종횡비 등과 같은 옵션을 편집할 수 있습니다.

Linear-Gradient_modify_2
선형 그레이디언트 수정 예시

A. 동일한 색상의 음영 B. 서로 다른 두 색상 C. 각도 수정됨 D. 주석자 크기 변경 E. 위치 변경 
Radial-Gradient_modify_3
방사형 그레이디언트 수정 예시

A. 서로 다른 두 색상 B. 점선 링 내에서 원점 변경 C. 그레이디언트 주석자의 위치 변경 D. 종횡비 변경 E. 중간점 위치 변경 

색상 정지점 추가 및 수정

그레이디언트를 적용한 후에는 그레이디언트 주석자에 다양한 색상 정지점을 추가할 수 있습니다.

색상 정지점을 추가하려면 다음을 수행하십시오.

  • 그레이디언트 주석자에 포인터를 놓고 포인터 아래에 + 기호가 표시되면 그레이디언트 주석자를 클릭합니다. 

클릭한 지점에 색상 정지점이 추가됩니다.

색상 정지점을 삭제하려면 색상 정지점을 선택하고 다음 중 하나를 수행하십시오.

  • Delete 키를 누릅니다.
  • [그레이디언트] 패널에서 삭제 단추를 클릭합니다.

여러 색상 정지점을 선택하려면, Shift 키를 누르고 색상 정지점들을 클릭합니다.

선택한 색상 정지점을 모두 지우려면 Esc 키를 누릅니다.

주의: 그레이디언트에 대한 색상 정지점을 선택하면 [제어] 패널과 도구 모음에 색상 정지점을 수정하는 옵션이 표시됩니다. 또한 오른쪽에 있는 [색상] 탭에 색상 옵션이 표시됩니다.

색상 수정

색상 정지점의 색상을 변경하려면 다음 중 하나를 수행하십시오.

  • 색상 정지점을 두 번 클릭합니다.
    적용할 색상을 선택할 수 있는 색상 패널이 표시됩니다. 현재 선택된 색상 정지점에서 선택한 색상은 다음 색상 정지점에 적용됩니다.
Color-Panel_Callout
A. 색상 정지점 B. 스프레드 C. 불투명도 D. 색상 E. 색상 견본 F. 색상 피커 G. 견본 색상 
  • [색상] 패널의 색상 견본 단추를 클릭하여 사용 가능한 견본에서 색상을 선택합니다. 
  • [색상] 패널에서 색상 피커를 클릭하여 캔버스에서 임의의 색상을 선택 및 적용하고 어디에든 적용합니다. 색상 피커 모드를 종료하려면 Esc 또는 Enter 키를 누르십시오. [색상] 패널, [그레이디언트] 패널 및 [속성] 패널에는 색상 피커 옵션이 있습니다.
  • 윈도우 > 견본을 클릭하여 [견본] 패널을 엽니다. [견본] 패널에서 오브젝트 칠을 클릭합니다. 선택된 색상 정지점에서 선택한 색상이 적용됩니다.
color-panel_4
색상 패널을 사용하여 색상 변경

원점 변경, 그레이디언트 주석자 크기 변경 및 회전

그레이디언트 주석자의 시작점을 원점이라고 합니다.

  • 원점을 변경하려면 포인터를 시작점에 놓고 드래그하여 이동합니다.
  • 그레이디언트 주석자의 크기를 변경하려면 끝점을 시작점에 더 가깝게 또는 멀리 드래그합니다.

주의: 시작점(원점)으로 그레이디언트 주석자의 크기를 변경할 수 없습니다.

change-origin
선형 및 방사형 그레이디언트의 시작점 변경
resize-annotator
선형 및 방사형 그레이디언트의 주석 크기 변경
  • 선형 그레이디언트의 그레이디언트 주석자를 회전하려면, 그레이디언트 주석자의 끝점을 누른 채 유지합니다. 원형 화살표 기호가 표시되면 주석자를 드래그하여 어느 방향으로든 회전합니다. 주석자의 새 위치를 표시하는 점선 사각형이 표시됩니다.
  • 방사형 그레이디언트를 위한 그레이디언트 주석자를 회전하려면, 포인터를 그레이디언트 주석자의 끝점에 놓고, 원형 화살표 기호가 나타나면 주석자를 드래그합니다.
    방사형 그레이디언트의 반경 범위 내에 포인터를 두면 점선 링이 표시됩니다. 축을 따라 이 링을 회전하여 방사형 그레이디언트의 각도를 변경할 수 있습니다. 또한 점선 링에 두 개의 점이 표시됩니다. 이 점들 중 하나를 클릭하여 링의 모양(종횡비)을 변경하고 나머지 점을 클릭하여 점선 링(그레이디언트의 스프레드)의 크기를 변경할 수 있습니다.
change-angle---rotate-annotator_3

위치 수정

색상 정지점과 중간점의 위치를 변경하려면 다음을 수행하십시오.

  • 그레이디언트 슬라이더를 따라 점을 드래그합니다.
  • [그레이디언트] 패널의 위치 상자에서 값을 추가합니다. (색상 정지점의 위치를 변경하는 예 표시)

중간점을 변경하여 두 색상 정지점 간 색상 구분을 조정할 수 있습니다. 

각도 수정

그레이디언트 각도를 변경하려면 다음을 수행하십시오.

  • 오브젝트에서 그레이디언트 주석자를 회전합니다.
  • [그레이디언트] 패널의 각도 드롭다운 상자에서 값을 선택하거나 입력합니다.

불투명도 수정

색상 정지점의 불투명도를 변경하려면 색상 정지점을 클릭하고 다음 중 하나를 수행하십시오.

  • [그레이디언트] 패널이나 [제어] 패널의 불투명도 상자에서 값을 선택하거나 입력합니다. 
  • [제어] 패널의 불투명도 슬라이더를 이동합니다.

색상 정지점의 불투명도가 100%미만일 경우, 그레이디언트 주석자에서 색상이 체크무늬 형태로 나타납니다.

Opacity_highlight

그레이디언트 반전

그레이디언트의 색상을 반전하려면 [그레이디언트] 패널에서 그레이디언트 반전을 클릭합니다.

그레이디언트를 견본으로 저장

새 그레이디언트나 수정된 그레이디언트를 현재 파일에 견본으로 저장하려면 다음 중 하나를 수행하십시오.

  • [그레이디언트] 메뉴에서 견본에 추가 단추를 클릭합니다.
  • [견본] 패널에서 견본 메뉴를 클릭하고 새 견본을 선택합니다.
  • [그레이디언트] 패널의 [그레이디언트 칠] 상자를 [견본] 패널로 드래그합니다. 

참고:

향후 세션에서 그레이디언트를 사용하려면 Creative Cloud 라이브러리에서 그레이디언트를 저장합니다.

획에서 그레이디언트 적용

오브젝트의 획에서 그레이디언트를 적용하려면 오브젝트를 선택하고 다음을 수행하십시오.

  • [그레이디언트] 패널에서 그레이디언트를 선택합니다.
  • 도구 모음, [색상 견본] 패널, [그레이디언트] 패널 및 [속성] 패널에서 획(X)을 선택합니다.
  • 다음 획 스타일 중 하나를 선택합니다.
    • 획 안에 그레이디언트 적용
    • 획을 따라 그레이디언트 적용
    • 획에 걸쳐 그레이디언트 적용
strokes-2

여러 오브젝트에 그레이디언트 적용

여러 오브젝트에 대해 선형 또는 방사형 그레이디언트를 적용하려면 다음을 수행하십시오.

  • 한 오브젝트에 그레이디언트를 적용합니다. 동일한 그레이디언트로 칠할 다른 오브젝트를 선택하십시오. 이를 수행하려면 도구 모음에서 [선택] 도구를 클릭합니다. Shift 키를 누른 상태에서 동일한 그레이디언트로 칠할 오브젝트를 클릭합니다.
  • 도구 모음에서 [색상 피커] 도구를 선택하고 [그레이디언트]를 클릭합니다. 그런 다음 선택한 그레이디언트를 적용할 오브젝트를 선택합니다.
  • [그레이디언트] 패널, 도구 모음 또는 [속성] 패널에서 [채우기] 아이콘을 클릭합니다.

[그레이디언트] 도구를 사용하여 다음 중 하나를 수행합니다.

  • 하나의 그레이디언트 주석자로 그레이디언트를 만들려면 그레이디언트를 시작할 캔버스에서 아무 곳이나 클릭한 다음 그레이디언트를 끝낼 위치로 드래그합니다. 
  • 그레이디언트 주석자로 선택한 모든 오브젝트에 대해 그레이디언트를 만들려면 그레이디언트를 시작할 대지를 클릭한 다음 그레이디언트를 끝낼 위치로 Alt(Windows) 또는 Option(Mac OS) 키를 누른 채 드래그합니다. 그런 다음 여러 오브젝트에 대해 다양한 그레이디언트 슬라이더를 조절할 수 있습니다. (여러 그레이디언트 슬라이더는 단순 패스에 대해서만 작성됩니다.)
apply-gradients-to-multiple-objects

참고:

색상이 여러 방향으로 흐를 수 있는 다양한 색상의 단일 오브젝트를 만들려면 망 오브젝트를 사용합니다. 자세한 내용은 을 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책