Illustrator 대시선 설정하기

작품 안의 **점선(dotted line)**이나 **대시선(dashed line)**은 일반적으로 어떤 **행동(action)**을 의미합니다. 신문이나 잡지에서 본 적 있을 **쿠폰(coupon)**을 생각해 보세요. 테두리에 점선이나 대시선이 그려져 있죠. 그건 잘라내라는 표시이거나, 그렇게 하도록 유도하는 목적입니다.

 

이 예시처럼, 일러스트레이션에서도 점선이나 대시선을 활용해 **움직임(motion)**을 표현할 수 있습니다.

 

이를 살펴보기 위해, 지금부터 외곽선(stroke)에 대시선을 추가해 보겠습니다. Stroke 패널로 가서 Dashed Line을 체크하면 바로 대시선이 적용됩니다.

 

이제 여기서 잠시 두 가지 아이콘에 대해 설명하겠습니다. 이 아이콘들은 Dashed Line 옵션 오른쪽에 있습니다. 현재 활성화된 옵션은 내부적으로 “Beautiful Strokes“라고 불리는데, 이 기능은 모서리를 정리해주고 대시와 간격을 자동 조정하여 깔끔하게 보이게 해줍니다. 예전에는 이걸 수동 계산해야 했죠.

 

만약 이 옵션을 끄면, 사용자가 지정한 정확한 간격이 적용되지만, 모서리에서 왜곡이 발생할 수도 있습니다. 정밀한 간격이 필요할 때는 이 옵션을 꺼야 하고, 코너를 유지하면서 수치 계산이 필요할 수 있습니다.

 

지금은 Beautiful Strokes 옵션을 유지하도록 하겠습니다. 그리고 **Command+0(Windows는 Ctrl+0)**을 눌러 전체 보기를 합니다.

 

이제 대시선을 설정해 봅니다. Dash 값을 20포인트로 입력하여 긴 대시선을 만듭니다. 그다음 **Gap(간격)**에 6포인트를 입력하고 Return을 눌러 적용합니다. 괜찮아 보이면 이대로 진행합니다.

 

이제 비행 경로 선을 선택합니다. 이건 제 비행기가 **가상의 나라 ‘토노니아’**를 여행하는 선입니다. (참고로 이 비행기도 가상입니다. 아직 진짜 비행기는 없어요.)

 

Stroke 설정에서 Dashed Line을 체크한 뒤, 8포인트 정도의 짧은 대시를 넣고 Gap에는 4포인트를 입력합니다. 값이 적용되지 않을 경우엔 Return을 누르고 다시 Dash 필드로 이동하는 식으로 작업하면 됩니다. 이건 제 개인적인 요령입니다.

 

혹시 2포인트 대시, 4포인트 간격 같은 방식으로도 바꿀 수 있습니다. 이런 방식으로 작고 섬세한 움직임을 표현할 수도 있죠.

 

 

이제 이 선 스타일을 다른 오브젝트에도 적용해 봅니다. Appearance 패널에서 해당 Path의 스타일을 드래그하여 다른 Path 위로 가져다 놓으면, 동일한 속성이 복사됩니다.

 

다시 Stroke 패널로 가서, **Arrowhead(화살표)**도 추가해 봅니다. 원하는 모양의 화살표 (예: Arrow 8)를 선택하면 됩니다. 화살표는 선이 그려진 방향을 따릅니다. 방향이 반대일 경우에는 방향 전환 버튼을 눌러 쉽게 바꿀 수 있습니다.

 

양쪽 끝에 각각 다른 화살표를 넣을 수도 있고, 크기도 조정할 수 있습니다. Scale 항목을 스크롤해서 55% 정도로 줄여봤더니 보기 좋아졌습니다.

 

마지막으로, **점선(dotted line)**을 만드는 방법입니다. 아주 간단합니다:

 

1. 먼저 **선 끝(Cap)**을 Round Cap으로 바꿉니다.
2. Dashed Line을 체크하고,
3. Dash 값을 0, Gap 값을 원하는 간격으로 설정합니다.

 

이렇게 하면 대시는 없고 동그란 점들만 간격을 두고 배치된 선이 됩니다. 예를 들어 양말을 깜빡하고 되돌아간 경로 같은 것을 표현할 때도 쓸 수 있겠네요.

 

이와 같이 다양한 선의 스타일을 설정하고, 점선, 대시선, 화살표선을 자유롭게 만들 수 있습니다.