본문 바로가기
Illustrator

Illustrator 선(Stroke)에도 그라디언트(Gradient)를 적용하기

by hfgraphic 2025. 6. 21.
반응형

우리는 **선(Stroke)**에도 **그라디언트(Gradient)**를 적용할 수 있습니다. 지금 작업 중인 파일에서 이 선을 선택하고 그라디언트를 적용하는 방법을 살펴보겠습니다.

 

먼저, 그라디언트를 적용하기 전에 해야 할 일은 스트로크가 전경에 오도록 설정하는 것입니다. 키보드에서 X 키를 눌러 속이 빈 사각형(스트로크)이 전경에 오도록 바꿔주세요.

 

물론 **외형 패널(Appearance Panel)**에서 스와치 중 하나를 선택해 색상을 적용할 수도 있습니다. 하지만 그렇게 하면 그라디언트 패널에는 반영되지 않기 때문에 여기서는 패널에서 직접 작업할 필요가 있습니다. 다행히도 해결 방법은 간단합니다.

 

이제 **키보드에서 마침표 키(.)**를 눌러 그라디언트를 적용해보겠습니다. 마지막으로 사용한 그라디언트가 바로 원하는 것이긴 하지만, 여러분이 작업할 때는 아마도 이 파일에 포함되지 않은 기본 그라디언트 중 하나가 적용될 가능성이 높습니다. 걱정하지 마세요.

 

제가 사용한 그라디언트를 적용하려면, **그라디언트 선택기(Gradient Selector)**를 클릭해서 빠르게 접근하고 **‘Electric Linear’**를 선택하세요.

 

현재 상태에서는 그라디언트가 선 위에 마스크처럼 적용된 것처럼 보입니다. 실질적으로 마스크는 아니지만 그런 시각적 효과를 주고 있습니다.

 

이제 ‘선을 따라 그라디언트 적용(Apply Gradient Along Stroke)’ 옵션으로 변경해보겠습니다. 변경한 후, 다른 곳을 클릭해보면 그라디언트가 스트로크의 경로를 따라 흐르는 것을 확인할 수 있습니다.

 

그라디언트를 움직이거나 새로운 색상 중지점(Stop)을 추가하면 변화가 생깁니다. 중지점을 더블 클릭해서 색상을 바꿔보면 훨씬 뚜렷한 효과를 확인할 수 있습니다. 지금처럼 변경해보면 스트로크를 따라 흐르는 색의 변화가 보입니다.

 

이제 ‘선 너비를 따라 그라디언트 적용(Apply Gradient Across Stroke)’ 버튼을 클릭해보겠습니다. 키보드로 확대해 보면, 그라디언트가 스트로크의 가로 방향으로 흐르고 있는 것을 확인할 수 있습니다.

 

여기서 더 흥미로운 부분은, 중지점 중 하나의 **불투명도(Opacity)**가 0으로 설정되어 있다는 점입니다. 중지점을 더블 클릭하면, 해당 색상의 **불투명도 값이 0%**로 되어 있는 것을 볼 수 있습니다. 색상 자체는 반대편 중지점과 동일하지만 투명하게 처리되어 멋진 페이드 아웃 효과가 생깁니다.

 

그리고 여기서 더 나아가 그라디언트 종류를 ‘선형(Linear)’에서 ‘방사형(Radial)’으로 바꿔보세요. 양쪽 방향으로 대칭되는 그라디언트 효과를 확인할 수 있습니다.

 

보기 편하시도록 화면을 더 확대해보면, 한쪽은 100% 불투명도에서 시작해서, 다른 쪽은 0%로 사라지는 효과를 정확히 확인할 수 있습니다. 이처럼 그라디언트를 스트로크에 적용하는 것만으로도 다양한 창의적 가능성이 열립니다.

 

여기에 한 가지 더, 다음 장에서 배울 ‘가변 너비 스트로크(Variable Width Stroke)’ 기능과 결합하면 훨씬 더 멋진 효과를 만들 수 있습니다.

 

상단 컨트롤 스트립에서 **‘너비 프로필 2(Width Profile 2)’**를 선택하고 스트로크 두께를 증가시켜 보세요. 시각적으로 훨씬 역동적인 결과물이 만들어집니다. 바깥을 클릭해서 전체를 확인해보면, 정말 흥미로운 효과가 완성된 것을 볼 수 있습니다.

 

스트로크에 그라디언트를 적용하는 것만으로도 충분히 강력하지만, 가변 너비 스트로크와 조합하면 그 가능성은 더욱 놀라워집니다.

반응형