Illustrator에서 여러 벡터 개체에 하나의 그라디언트 적용하기

이 작업에서 “공유”란 선택한 아트웍 전체에 걸쳐 시각적으로 연속적인 전환을 의미합니다. 색상만 일치한다고 연속성이 생기는 것은 아닙니다. 그라디언트의 위치와 방향, 범위도 일관되어야 합니다.

캐릭터 옆에 장식용 도형 세 개가 가로로 배열되어 있다고 가정해 보세요. 의도한 결과는 왼쪽의 청록색, 가운데의 중간 색상 혼합, 오른쪽의 보라색입니다. 각 도형에 청록색에서 보라색으로 이어지는 전환이 온전히 표시된다면, 이는 반복되는 그라디언트입니다. 연속적인 그라디언트에서는 각 도형이 위치에 맞는 전환의 일부를 표시합니다.

이 차이는 SVG의 그라디언트 모델에도 나타납니다. SVG 명세는 각 개체의 경계 상자를 기준으로 하는 좌표와, 해당 요소를 참조하는 사용자 좌표계를 기준으로 하는 좌표를 구분합니다. 따라서 그라디언트 정의를 재사용하는 것만으로는 공간적으로 연속적인 전환이 보장되지 않습니다. SVG 2: 페인트 서버—그라디언트와 패턴

캐릭터의 분리된 장식 요소를 가로지르는 전환에는 선형 그라디언트부터 사용하세요. 시작점과 끝점, 방향을 명확하게 설정할 수 있습니다. 중심에서 바깥으로 퍼지는 전환에는 방사형 그라디언트가 적합합니다. Adobe의 다중 개체 작업 흐름에서는 두 유형을 모두 사용할 수 있습니다. Illustrator의 그라디언트 유형 및 여러 개체에 그라디언트 적용

시각적 목적에 따라 선택하세요.

의도한 모양	시작할 유형	배치 시 고려할 점
여러 요소를 가로질러 색상이 이어짐	선형	전환은 어디서 시작하고 끝나야 할까요?
여러 요소에 걸쳐 색상이 바깥쪽으로 퍼짐	방사형	중심은 어디에 두어야 할까요?
하나의 도형 안에서 색상 영역을 각각 배치함	자유형	각 색상이 도형의 어느 부분에 영향을 주어야 할까요?

자유형 그라디언트는 도형 내부에 배치한 색상 중지점을 사용하며, 선형 또는 방사형 그라디언트 주석자는 사용하지 않습니다. 따라서 아래 안내에서는 선형 채우기를 사용합니다. Illustrator의 그라디언트 유형

전환에 포함할 벡터 도형을 사용합니다. 처음에는 간단한 채워진 도형 몇 개만 선택하고 다른 캐릭터 디테일은 선택 영역에서 제외하세요. 그러면 결과를 더 쉽게 평가할 수 있습니다.

1. 포함할 개체 하나를 선택하고 선형 그라디언트를 적용합니다.
2. 선택 도구로 전환하고 Shift 키를 누른 채 나머지 개체를 선택합니다.
3. 그라디언트 패널에서 칠을 활성화하고 선택 영역에 동일한 그라디언트를 적용합니다.
4. 그라디언트 도구를 선택합니다.
5. Alt 또는 Option 키를 누르지 않은 상태로 아트웍 전체에서 의도한 시작 위치부터 끝 위치까지 드래그합니다.

Adobe가 안내하는 작업 흐름에서는 이 드래그로 그라디언트 주석자 하나를 만듭니다. Windows에서는 Alt 키를, macOS에서는 Option 키를 누른 채 드래그하면 선택한 개체마다 주석자가 하나씩 만들어집니다. Adobe는 이 다중 주석자 동작을 단순 패스에 한해 제공합니다. 여러 개체에 그라디언트 적용

색상 팔레트를 다듬기 전에 전체 결과를 살펴보세요. 가장 왼쪽 요소에 시작 색상이 보이나요? 가운데 요소에는 전환이 나타나나요? 가장 오른쪽 요소는 끝 색상에 가까워지나요? 이 세 가지를 확인해 그라디언트가 의도한 영역을 차지하는지 판단하세요.

전체 효과를 다듬는 동안에는 관련 도형을 계속 선택해 두세요. 그라디언트 주석자를 사용해 선형 그라디언트의 각도와 위치, 퍼지는 범위를 조정할 수 있습니다. 원형 시작 핸들로 시작점을 바꾸고, 끝 핸들로 범위를 조절하며, 끝점의 회전 컨트롤로 각도를 바꿀 수 있습니다. Illustrator의 그라디언트 유형

세밀한 색상 조정에 앞서 위치를 먼저 조정하세요. 먼저 방향을 설정하고, 그다음 캐릭터 아트웍의 어느 범위에 전환을 적용할지 결정한 뒤, 마지막으로 색상 팔레트를 다듬습니다. 이 순서대로 작업하면 각 편집의 목적이 분명해져 조정을 반복하는 일을 줄일 수 있습니다.

색상을 편집하려면 그라디언트 슬라이더의 색상 중지점을 두 번 클릭하고 새 색상을 선택하세요. 슬라이더 아래에 중지점을 추가하거나, 중지점의 불투명도를 조정하거나, 마름모 모양의 중간점을 움직여 인접한 중지점 사이의 혼합을 바꿀 수 있습니다. 평면 아트웍에 풍부하고 다채로운 그라디언트 추가

눈에 보이는 문제에 맞춰 컨트롤을 사용하세요.

• 전환 방향이 잘못됨: 그라디언트 각도를 조정합니다.
• 아트웍의 잘못된 부분에서 색상이 바뀜: 시작점과 끝점을 다시 검토합니다.
• 혼합 비율을 바꿔야 함: 중간점을 조정합니다.
• 특정 중간 색상이 필요함: 색상 중지점을 추가합니다.
• 팔레트 자체가 잘못됨: 기존 중지점을 편집합니다.

간단한 위치 계산을 활용해 그라디언트를 의도적으로 배치하세요. 다음 수치는 설명을 위한 레이아웃 예시이며, 테스트한 캐릭터 에셋에서 측정한 값이 아닙니다.

선택한 장식용 도형이 가로로 x = 100부터 x = 500까지 이어진다고 가정해 보겠습니다. 그라디언트의 시작점을 x = 100, 끝점을 x = 500으로 두고 수평 방향으로 드래그합니다. 계획한 길이는 400단위입니다. x = 300인 지점은 이 범위의 중간입니다. (300 − 100) ÷ (500 − 100) = 0.5

이 계산은 그라디언트에서의 위치를 알려 주지만, 화면에 표시될 색상을 정확히 예측하지는 않습니다. 두 개의 중지점으로 시작한다면 이 절반 지점을 시각적 점검 기준으로 삼으세요. 구도의 가운데를 더 청록색으로 표현하고 싶다면 전체 범위를 설정한 뒤 혼합을 조정합니다.

세로 방향에도 같은 계획 방법을 적용할 수 있습니다. 캐릭터 디자인에서 중요한 위쪽과 아래쪽 위치를 정한 다음, 중간 요소가 그 공통 범위에서 어떻게 보이는지 살펴보세요. 각 요소가 구도의 전환에서 어디에 위치하는지가 핵심입니다.

한 번에 눈에 띄는 문제 하나씩 진단하세요. 선택 영역과 도형, 색상을 동시에 바꾸면 어떤 조정이 도움이 됐는지 파악하기 어렵습니다.

각 도형에서 혼합이 다시 시작되는 것처럼 보인다면 의도한 개체를 모두 다시 선택하고 전체 범위에 걸쳐 한 번 드래그하세요. 한 요소만 그대로라면 실제로 선택되어 있는지, 그리고 칠을 편집하고 있는지 확인합니다. 각 개체에 별도의 컨트롤이 표시된다면 Alt 또는 Option 키를 함께 눌렀는지 살펴보세요.

주석자가 보이지 않으면 보기 > 그라디언트 주석자 표시를 선택합니다. Adobe는 이 컨트롤을 사용해 아트웍 위에 그라디언트 슬라이더를 표시할 수 있다고 안내합니다. Illustrator의 그라디언트 유형

결과를 판단하기 어려워지면 팔레트를 두 가지 뚜렷한 색상으로 잠시 단순화하세요. 먼저 연속적인 방향과 위치를 설정한 다음 중간 중지점을 다시 추가합니다. 이는 진단을 위한 편집 방법이며, 완성된 아트웍에 반드시 필요한 작업은 아닙니다.

컨트롤이 보이는 상태에서 한 번, 아트웍을 가리지 않은 상태에서 다시 한 번 그라디언트를 확인하세요. 시작점과 전환 영역, 끝점을 따로 살펴봅니다. 그런 다음 의도한 표시 크기로 캐릭터를 보고 색상의 흐름이 여전히 선명하게 드러나는지 판단하세요.

참여하는 요소의 위치를 바꾼 뒤에는 팔레트를 더 조정하기 전에 이 점검을 반복하세요. 마무리 점검을 위해 의도한 전환을 한 문장으로 설명해 보세요. 예를 들어, “청록색은 왼쪽 장식에서 시작해 오른쪽 장식에서 보라색으로 바뀐다”라고 적고 아트웍이 그 설명과 일치하는지 비교합니다.

마지막 편집 순서를 일관되게 유지하세요. 참여하는 도형을 선택하고, 공통 범위를 설정하고, 중지점을 다듬은 다음, 캐릭터 전체를 확인합니다. 이 순서를 따르면 전체 디자인에 주의를 기울이면서 연속적인 그라디언트를 실용적으로 조정할 수 있습니다.

• Adobe 도움말 센터: 여러 개체에 그라디언트 적용
• Adobe 도움말 센터: Illustrator의 그라디언트 유형
• Adobe Learn: 평면 아트웍에 풍부하고 다채로운 그라디언트 추가
• 월드 와이드 웹 컨소시엄: SVG 2—페인트 서버: 그라디언트와 패턴