두꺼운 벡터 획에 틈을 내는 방법
두꺼운 벡터 획에 깔끔한 틈을 내려면 획을 채워진 도형으로 변환하고, 닫힌 절단 도형을 그 위에 놓은 다음 해당 도형을 빼면 됩니다. Adobe Illustrator에서는 윤곽선 획과 앞면 빼기 명령을 사용합니다. 이 방법을 사용하면 틈의 너비와 각도를 직접 조절할 수 있습니다. Adobe: 획을 복합 패스로 변환, Adobe: 패스파인더 패널 개요
이 가이드는 벡터 캐릭터 아트워크를 편집하는 사람을 위한 것으로, 두꺼운 원형 디테일이나 곡선 윤곽선에 의도적인 틈을 추가하는 경우를 예로 듭니다. 본문에서는 데스크톱용 Illustrator를 사용하며, 아래에 Inkscape에서의 방법도 소개합니다. 목표는 아트워크에 실제 틈을 만들어 뒤에 놓인 것이 보이게 하는 것입니다.
틈을 만들기 전에 획을 변환해야 하는 이유
두꺼운 획에는 편집 가능한 패스와 눈에 보이는 너비가 있습니다. 획을 윤곽선으로 변환하면 획의 모양이 다시 다듬을 수 있는 기하 도형으로 바뀝니다. Adobe는 획의 윤곽을 수정하거나 획을 여러 조각으로 나누는 방법으로 획 변환을 안내합니다. Adobe: 획을 복합 패스로 변환
이 작업에서는 변환된 획을 리본처럼 생각하면 됩니다. 절단 도형은 제거할 리본 부분을 지정합니다. 도형의 양쪽 가장자리는 틈의 경계를 정하고, 도형의 길이는 리본을 완전히 가로지를지를 결정합니다.
이 차이를 이해하면 방법을 선택하기 쉽습니다. 직사각형이나 각진 틈, 또는 사용자 지정 모양의 틈을 원하면 빼기를 사용하세요. 획의 편집 가능한 중심선을 유지하면서 일부 구간만 제거하려면 노드 편집이 더 적합할 수 있습니다. 예를 들어 Inkscape에는 노드 끝점이 아닌 두 노드 사이의 구간을 삭제해 틈을 남기는 명령이 있습니다. Inkscape 초보자 가이드: 노드 도구 옵션
캐릭터 디테일을 준비하고 틈을 정하기
획을 변환하기 전에 편집 가능한 사본을 저장하세요. 원본은 별도의 숨김 레이어에 보관해 나중에 너비와 곡선을 되살릴 수 있게 하세요. 한 번에 디테일 하나씩 작업하세요. 캐릭터 전체를 선택하면 빼기 작업의 영향을 받는 개체를 파악하기 어렵습니다.
처음에는 단색 획이 있고 채우기는 없는 단순한 곡선이나 원을 사용하세요. 기존 캐릭터 디테일에 채우기도 있다면 그 채우기를 유지할지 결정하세요. Adobe는 획을 윤곽선으로 만들면 결과 복합 패스가 채워진 개체와 그룹으로 묶일 수 있으므로, 계속하기 전에 선택 상태를 확인하라고 안내합니다. Adobe: 획을 복합 패스로 변환
절단 도형을 그리기 전에 다음 세 가지를 정하세요.
- 위치: 곡선의 어느 지점에 틈을 낼지 정합니다.
- 너비: 양쪽 가장자리 사이에 원하는 간격을 정합니다.
- 방향: 틈이 획을 가로질러 똑바로 나게 할지, 비스듬히 나게 할지 정합니다.
곧은 틈을 내려면 직사각형부터 시작하세요. 두꺼운 획의 양쪽 가장자리를 모두 넘어가도록 배치합니다. 절단 도형이 획 안에서 끝나면 홈이 생기고, 획의 전체 두께를 가로지르면 틈이 생깁니다. 빼기 작업은 두 도형이 겹치는 영역만 제거하기 때문입니다.
Adobe Illustrator에서 틈 자르기
획이 적용된 간단한 디테일에는 다음 순서를 따르세요.
- 수정할 획만 선택합니다.
- 개체 > 패스 > 윤곽선 획을 선택합니다.
- 결과를 확인하고 윤곽선이 된 획을 원래 채우기와 따로 선택합니다.
- 채우기가 보이고 획은 없는 직사각형을 그려 의도한 틈을 가로지르게 합니다.
- 직사각형을 윤곽선이 된 획 앞에 놓습니다.
- 직사각형과 윤곽선이 된 획을 함께 선택합니다.
- 창 > 패스파인더를 열고 앞면 빼기를 선택합니다.
Adobe는 윤곽선 획을 변환 명령으로, 앞면 빼기를 앞쪽 개체를 제거하고 겹치는 영역을 가장 뒤쪽 개체에서 빼는 작업으로 설명합니다. 순서가 중요합니다. 캐릭터 디테일이 절단 도형 뒤에 있어야 합니다. Adobe: 획을 복합 패스로 변환, Adobe: 패스파인더 패널 개요
선택을 해제하고 틈의 양쪽 가장자리를 확인하세요. 위치나 너비를 조정해야 한다면 빼기 작업을 실행 취소한 뒤 직사각형을 수정합니다. 처음 편집할 때는 새로 생긴 경계점 여러 개를 옮기는 것보다 단순한 절단 도형을 조정하는 편이 이해하기 쉽습니다.
윤곽선 획과 패스파인더 패널의 윤곽선을 혼동하지 마세요. Adobe에 따르면 패스파인더의 윤곽선은 획이나 채우기 없이 패스를 만듭니다. 두꺼운 획을 빼기 작업용 도형으로 변환하는 것과는 다른 기능입니다. Adobe: 패스파인더 패널 개요
예시를 통해 절단 도형의 크기 정하기
예시로, 두께 20 px인 획이 적용된 캐릭터 곡선의 수평 부분에 너비 12 px인 틈을 낸다고 해보겠습니다. 이 수치는 예시 입력값일 뿐, 정해진 디자인 기준이 아닙니다.
이 부분에 수직으로 자르려면 먼저 너비 12 px, 높이 30 px인 직사각형을 그립니다. 획의 두께를 기준으로 가운데에 배치하세요. 높이를 10 px 더하면 양쪽으로 5 px씩 더 걸쳐 절단 도형이 리본 전체를 확실히 가로지릅니다.
두 치수의 역할은 서로 다릅니다.
| 절단 도형의 치수 | 이 예시에서의 역할 |
|---|---|
| 너비 12 px | 남은 가장자리 사이의 수평 틈을 정합니다 |
| 높이 30 px | 여유분을 포함해 두께 20 px인 획을 가로지릅니다 |
| 위치 | 틈이 나타나는 곳을 정합니다 |
| 회전 | 자르는 방향을 정합니다 |
이 구성은 획의 해당 부분이 수평이고 직사각형이 획에 수직이라고 가정합니다. 곡선 부분에서 자르거나 직사각형을 회전한 경우에는 겹치는 영역 전체를 다시 확인하세요. 필요하면 절단 도형을 더 길게 만들고, 캐릭터의 인접한 부분까지 겹치지 않는지도 확인합니다.
비스듬한 틈을 내려면 빼기 작업 전에 절단 도형을 회전하세요. 이때 너비는 회전된 직사각형을 기준으로 측정되므로 수평 틈의 너비와 같은 값으로 해석하면 안 됩니다. 필요한 여유 공간의 방향을 기준으로 결과를 확인하세요.
Inkscape에서 같은 작업 흐름 사용하기
Inkscape에서도 획을 개체로 변환한 뒤 한 패스에서 다른 패스를 빼는 기본 작업을 할 수 있습니다. 문서에서는 쌓인 순서가 불리언 작업에 영향을 준다고도 설명합니다. Inkscape 초보자 가이드: 노드 도구 옵션, Inkscape 초보자 가이드: 불리언 작업
캐릭터의 획을 선택하고 패스 > 획을 패스로를 사용합니다. 변환된 개체를 확인한 다음 원하는 틈 위에 획이 없는 채워진 직사각형을 그립니다. 직사각형이 변환된 획보다 위에 오도록 하고 두 개체를 선택한 뒤 패스 > 차이를 선택합니다. 차이는 한 패스에서 다른 패스를 빼는 작업이며, 수정하려는 대상은 아래쪽 개체입니다. Inkscape 초보자 가이드: 불리언 작업
작업 결과가 나오지 않으면 다른 설정을 바꾸기 전에 Inkscape 상태 표시줄의 메시지를 읽어 보세요. 설명서에서는 불리언 작업이 실패한 이유를 확인할 수 있는 곳으로 해당 메시지를 안내합니다. Inkscape 초보자 가이드: 불리언 작업
원하는 모양으로 틈이 나지 않을 때
일정한 순서로 기하 도형과 선택 상태를 확인하세요. 다음 점검 방법은 문서에 설명된 변환 및 빼기 동작을 바탕으로 한 실용적인 추론입니다.
| 보이는 현상 | 확인할 사항 | 다음 조치 |
|---|---|---|
| 얕은 홈이 생김 | 절단 도형이 두꺼운 윤곽선 안에서 끝남 | 양쪽 가장자리를 넘어가도록 늘립니다 |
| 잘못된 개체가 남음 | 절단 도형이 캐릭터 디테일 뒤에 있음 | 실행을 취소하고 쌓인 순서를 바꿉니다 |
| 아트워크가 너무 많이 사라짐 | 절단 도형이 다른 부분과 겹치거나 추가 개체까지 선택됨 | 선택 범위를 좁히고 절단 도형의 위치를 조정합니다 |
| 틈이 여전히 가려져 있음 | 원래 채우기나 복제본이 편집된 윤곽선 뒤에 남아 있음 | 해당 개체를 따로 확인합니다 |
| 새로 잘린 가장자리에 원치 않는 테두리가 생김 | 결과에 추가 획이 있음 | 채우기와 획 설정을 확인합니다 |
| 흰색 배경에서만 틈이 제대로 보임 | 흰색 개체가 해당 영역을 덮고 있을 수 있음 | 대비되는 배경에서 확인합니다 |
도형을 잘라 만든 틈과 라이브 획의 끝점 사이에 생긴 틈도 구분하세요. Illustrator의 끝 모양 설정은 열린 선에 적용됩니다. 버트 끝 모양은 끝을 직각으로 만들고, 둥근 끝 모양은 반원을 만들며, 돌출 끝 모양은 선 너비의 절반만큼 끝점 너머로 연장됩니다. 편집 가능한 획을 유지하면 이 설정이 눈에 보이는 끝 모양을 바꿉니다. Adobe: 개체에 획 적용
변환하고 빼기 작업을 마친 뒤에는 결과 도형의 경계를 직접 확인하세요. 경계 각도를 바꾸려면 실행을 취소하고 절단 도형을 조정합니다. 일반적인 둥근 획 끝 모양을 원하고 너비도 계속 조절하고 싶다면 도형을 확정하기 전에 구간 편집 방법을 다시 고려하세요.
완성된 캐릭터 아트워크에서 틈 확인하기
편집한 디테일 뒤에 대비되는 임시 직사각형을 놓습니다. 틈 전체로 이 직사각형이 보여야 합니다. 직사각형을 약간 움직여 틈 너머로 배경을 보고 있는지, 아니면 우연히 배경과 같은 색인 덮개 개체를 보고 있는지 확인하세요.
그런 다음 캐릭터를 실제로 표시할 크기로 확인합니다. 확대했을 때 분명한 틈도 원하는 시각적 디테일을 표현하기에는 너무 좁을 수 있습니다. 실제 표시 크기를 기준으로 틈을 조정하고, 잘린 양쪽 가장자리에 작은 조각이 남거나 의도치 않게 겹친 부분이 없는지 확인하세요.
완성본과 함께 편집 가능한 원본을 보관하세요. 완성된 디테일에는 원하는 틈이 있어야 하고, 뒤에 놓인 아트워크가 보여야 하며, 주변 곡선도 유지되어야 합니다. 이 점검을 마치면 임시 배경을 제거하고 편집한 캐릭터 아트워크를 저장하세요.
출처
- Adobe Illustrator: 획을 복합 패스로 변환
- Adobe Illustrator: 패스파인더 패널 개요
- Adobe Illustrator: 개체에 획 적용
- Inkscape 초보자 가이드: 노드 도구 옵션
- Inkscape 초보자 가이드: 불리언 작업
