PerfectVector
작성: Claire Yoon8분 읽기

그림을 플로터용 단일 선 SVG로 만들기

일반 윤곽선 추적의 이중 가장자리 없이, 펜 플로터가 한 번 따라가는 중심선 SVG 경로로 스캔 그림을 변환하세요.

목차

펜 플로터용 단일 선 SVG를 만들려면 일반 윤곽선 대신 중심선 추적을 쓰세요. 일반 벡터화는 각 잉크 획의 양쪽 경계를 따릅니다. 중심선 추적기는 가운데 경로 하나를 추정하며, 이것이 펜이 따라갈 길입니다.

결과에 여러 열린 경로와 여러 번의 펜 올림이 있을 수 있습니다. ‘단일 선’은 각 획의 형태를 뜻하며 전체 그림이 끊기지 않은 <path> 하나라는 보장은 아닙니다. 모든 구간을 한 객체로 연결하면 불필요한 연결선이 생길 수 있으므로 그림 자체가 맞은 뒤에 이동을 최적화하세요.

짧은 작업 흐름
  1. 깨끗한 배경의 가늘고 고르며 대비 높은 선으로 시작하세요.
  2. 평평하게 스캔하거나 촬영하고 그림자와 종이 질감을 제거하세요.
  3. Inkscape나 지원 도구에서 중심선 추적을 실행하세요.
  4. 채우기 없이 보이는 스트로크로 설정하고 모든 분기와 끝점을 검사하세요.
  5. 작은 점을 삭제하고 분명한 흔들림을 정리하며 닿아야 할 선만 연결하세요.
  6. 페이지 크기를 정하고 플롯 경로를 미리 본 뒤 작은 종이 시험을 하세요.

일반 SVG 추적이 모든 선을 두 번 그리는 이유

마커 획에는 폭이 있습니다. 윤곽선 벡터화는 어두운 영역을 도형으로 처리해 경계를 그립니다. 결과는 원래 획의 한쪽, 끝에서 돌아가는 부분, 반대쪽으로 돌아오는 긴 닫힌 경로인 경우가 많습니다.

채운 도형이 잉크와 닮아 화면에서는 맞아 보입니다. 펜 플로터는 채우기를 색상 면적으로 재현하지 않고 경로를 따릅니다. 따라서 두 경계가 두 번의 펜 이동이 됩니다.

윤곽선 추적과 중심선
굵은 꽃 그림, 스트로크 양쪽의 이중 윤곽 추적, 편집 가능한 노드가 있는 단일 중심선 경로의 개념 순서도
개념 도표입니다. 일반 추적은 잉크 표시의 양쪽 경계를 따르고 중심선 추적은 가운데 길 하나를 추정합니다.

이중 경로는 채운 도형, 인쇄 실루엣, 절단 경계가 필요하면 유용합니다. 펜, 각인 팁, 포일 도구가 원래 획을 한 번 따라야 하면 잘못된 형태입니다. 일반 라인 아트 관점의 문제는 라인 아트가 윤곽선이 되는 이유에서 설명합니다. 여기서는 플로터용 대안을 만듭니다.

단일 선 SVG의 실제 내용

플로터용 선 그림은 보통 다음 특징이 있습니다.

  • 경로에 스트로크가 있고 채우기가 없습니다.
  • 각 표시를 얇은 닫힌 도형 대신 중심 경로 하나로 표현합니다.
  • 의도한 교차점이 작은 틈이나 중복 없이 만납니다.
  • 펜이 멈추거나 올라갈 곳에 끝점이 있습니다.
  • 페이지 치수가 종이나 플롯 영역과 맞습니다.
  • 경로가 페이지 안에 있습니다.

경로가 10개나 1,000개일 수 있습니다. 수만으로 단일 선인지 알 수 없습니다. 획 하나를 확대해 노드 도구를 쓰세요. 가운데 노드 한 줄이면 중심선, 양쪽 노드가 끝에서 연결되면 윤곽선입니다. 애니메이션 그림에는 OpenToonz 변환 모드 안내가 선택한 프레임, OpenToonz 자체 형식의 벡터 레벨, 이후 폭 편집에 이 구분을 적용합니다.

브라우저에서 그려지는 효과에는 SVG 스트로크 애니메이션 안내가 열린 경로와 채운 띠 및 둘레를 비교합니다. 타이밍 전에 그릴 경로를 준비하세요. 애니메이션은 윤곽선에서 펜 순서를 복원하지 못합니다.

AxiDraw 문서는 동작을 특히 명확히 설명합니다. 일반 SVG 모드에서 경로를 그대로 플롯하며 채우기와 스트로크 모습으로 면적을 칠하지 않습니다. 굵고 단색인 미리보기도 원하지 않은 경로를 담을 수 있습니다.

중심선 추적에 적합한 그림 선택

가운데가 분명한 원본에서 가장 잘 작동합니다.

  • 흰색이나 균일한 색 종이 위의 짙은 잉크
  • 비교적 일정한 획 폭
  • 가까운 표시 사이의 명확한 틈
  • 선과 경쟁하는 음영, 빽빽한 해칭, 종이 질감 없음
  • 스캔 노이즈와 구분될 만큼 큰 곡선

가느다란 펠트 펜, 가는 펜, 깨끗한 디지털 붓이 연필보다 쉽습니다. 연필은 필압에 따라 회색 질감 획을 만들어 경계와 중심이 불확실합니다. 넓은 캘리그래피 붓도 중심은 있지만 변화하는 폭의 표현을 균일한 플로터 획 하나로 재현할 수 없습니다.

변하는 폭이 핵심이라면 세 선택이 있습니다. 윤곽선 버전을 해칭으로 채우거나, 여러 번 펜을 지나가게 하거나 다른 펜촉을 쓰거나, 중심선 하나가 같아 보일 것이라고 가정하지 않고 채운 벡터로 유지하세요.

1. 촬영과 원본 준비

가능하면 스캔하세요. 사진은 카메라를 종이와 평행하게 하고 양쪽에서 비춰 한쪽이 그림자에 들지 않게 하세요. 추적 전에 페이지를 자르고 원근을 보정하고 회전하세요.

단순한 흑백 원본으로 준비하세요.

  1. 희미한 의도적 표시를 지우지 않으면서 종이를 흰색에 가깝게 만드세요.
  2. 각 획이 이어질 만큼 그림을 어둡게 하세요.
  3. 떨어진 먼지, 지우개 가루, 그림자를 제거하세요.
  4. 밝은 테두리가 생길 정도의 과한 선명화는 피하세요.
  5. 큰 배율에서 교차점을 검사하세요.

‘더 벡터답게’ 하려고 선을 두껍게 하지 마세요. 넓어진 래스터 영역은 급한 꺾임에서 중심이 불확실해집니다. 이어지는 가장 얇고 깨끗한 폭을 유지하세요.

아이 그림의 흔들림이 개성이라면 아이 그림 SVG 변환의 촬영 조언을 쓰되 일반 윤곽선 추적은 건너뛰세요. 준비는 같고 추적 모드가 다릅니다.

2. Inkscape 중심선 추적

준비한 이미지를 가져와 선택하고 Path → Trace Bitmap을 여세요. Brightness cutoff나 Edge detection 대신 **Centerline tracing (autotrace)**를 선택하세요. Inkscape 초보자 안내는 도형을 열린 경로로 줄이는 모드로 설명하며 손글씨와 선 그림에 권장합니다.

미리보기에서 어려운 영역을 보세요.

  • 가까운 평행 획이 하나로 합쳐질 수 있습니다.
  • 고리 안에 지름길이 생길 수 있습니다.
  • 교차점에서 잘못된 분기를 선택할 수 있습니다.
  • 희미한 획이 여러 조각으로 끊길 수 있습니다.
  • 먼지가 작은 별도 경로가 될 수 있습니다.

적용하고 벡터를 래스터 옆으로 옮겨 비교하세요. 채우기 없음과 대비되는 스트로크로 경로를 표시하세요. 아무것도 안 보이면 스트로크 스타일이 없을 수 있으므로 선택해 지정하세요.

버전별 메뉴와 추적 엔진이 바뀔 수 있으므로 오래된 확장 안내를 그대로 따르지 말고 설치 버전의 현재 중심선 옵션을 쓰세요.

3. 끝점, 분기, 우연한 고리 검사

노드 도구로 바꾸고 끝점부터 경로를 머릿속으로 따라가세요. 좋은 중심선은 잉크 가운데에 가깝고 펜처럼 판단해야 합니다.

다음 순서로 수정하세요.

  1. 점과 짧은 조각 삭제. 불필요한 펜 찍기를 만듭니다.
  2. 끊긴 획 연결. 원본이 연속일 때만 끝점을 연결하세요.
  3. 중복 구간 제거. 완전히 겹쳐도 동일 경로 둘은 두 번 그립니다.
  4. 분기 수정. 연결점에서 이어질 경로와 끝날 경로를 정하세요.
  5. 국소 흔들림 정리. 몇 노드를 옮기거나 지우고 전체를 무턱대고 단순화하지 마세요.
  6. 우연한 닫힌 고리 열기. 원래 고리는 괜찮지만 획 주위의 얇은 캡슐은 윤곽선이 남았다는 뜻입니다.

가능하면 윤곽선이나 와이어프레임 보기를 켜세요. 스타일은 중복을 숨기지만 경로만 보면 바로 드러납니다.

4. 펜을 올릴 곳 결정

펜 올림을 줄이면 빠르고 이동 흔적이 줄지만 0회가 무조건 좋지는 않습니다. 별도 눈, 점, 장식은 분리하거나 보이는 연결선을 더해야 합니다.

다음은 연결하세요.

  • 끝점이 원래 만날 때
  • 의도한 표시가 연속일 때
  • 교차점 경로가 바뀌지 않을 때

다음은 분리하세요.

  • 빈 종이를 가로질러 그리게 될 때
  • 색상이나 펜촉을 바꿀 때
  • 눈으로 겹치지만 한 획은 아닐 때
  • 연결점의 잉크 고임을 의도적인 펜 올림으로 막을 때

경로 순서 소프트웨어는 작품을 바꾸지 않고 펜을 올린 이동을 줄입니다. 현재 AxiDraw 명령줄 문서는 요소 순서와 선택적으로 경로 방향을 바꿔 이동을 줄인다고 설명합니다. 중심선 추적과 별개입니다. 올바른 표시를 만든 뒤 순서를 바꾸세요.

5. 스트로크와 문서 크기 설정

플로터는 장식 두께가 아닌 도형을 따릅니다. 검사하기 쉬운 적당한 화면 스트로크를 쓰세요. 폭을 바꿔도 보통 실제 펜촉은 바뀌지 않습니다.

의도한 종이 크기로 페이지를 설정하고 안전 여백을 두세요. 플롯 대화상자에서 눈대중으로 조정하지 말고 단위와 치수를 확인하세요. 다른 앱에서 크기가 바뀌면 노드 편집 전에 기준 크기 SVG 시험을 하세요.

여러 펜 색상은 분명한 레이어나 소프트웨어가 분리하는 스타일 규칙을 쓰세요. 색상별로 실행하고 페이지 원점을 유지해 정렬을 지키세요.

6. 최종 플롯 전 미리보기와 시험

미리보기나 시뮬레이션에서 다음을 보세요.

  • 예상 밖 이중 이동
  • 빈 곳을 가로지르는 긴 펜 내림 연결선
  • 점을 만드는 작은 조각
  • 과도한 펜 올림
  • 페이지 밖 경로
  • 젖고 빽빽한 영역에서 시작해 잉크가 마르기 전에 돌아오는 경로

저렴한 종이에 최종 실제 크기로 시험하세요. 400%에서 매끄러워도 실제 펜에서는 기계 흔들림, 잉크 고임, 틈이 보일 수 있습니다. 좋은 SVG를 장비에 맞춰 망가뜨리는 대신 플로터 설정의 속도, 펜 높이, 압력을 조정하세요.

PerfectVector의 적합한 역할과 한계

PerfectVector는 윤곽선 벡터화 도구입니다. 인쇄, 절단, 색칠 페이지, 추가 편집용 깨끗한 채움 도형에 유용합니다. 넓은 잉크 획을 플로터용 단일 중심 경로로 만들지는 않습니다.

혼합 방식으로 PerfectVector를 사용해 깨끗한 실루엣이나 채운 영역을 복구한 뒤 몇 개의 실제 펜 획을 중심선 도구로 다시 그릴 수 있습니다. 전부 획인 그림은 바로 Inkscape 중심선 추적이나 중요한 곡선의 수작업으로 가세요. 작고 표현력 있는 스케치는 나쁜 자동 중심선 수정보다 수동 그리기가 빠를 때가 많습니다.

FAQ

플로터가 모든 선을 두 번 그리는 이유는 무엇인가요? 일반 추적이 어두운 획 양쪽을 따라 얇은 닫힌 도형을 만들어 플로터가 두 경계를 따릅니다. 중심선 추적을 쓰고 채움 미리보기 대신 경로만 검사하세요.

단일 선 SVG는 전체 그림이 경로 하나라는 뜻인가요? 아닙니다. 각 획을 두 윤곽선 대신 중심 경로 하나로 표현한다는 뜻입니다. 떨어진 디테일은 별도 경로와 펜 올림을 유지하며 억지로 합치면 불필요한 연결선이 생깁니다.

Inkscape가 그림을 중심선으로 바꾸나요? 현재 Trace Bitmap에는 손글씨와 선 그림용 Centerline tracing이 있습니다. 교차점, 희미한 표시, 변화하는 폭이 잘못된 분기나 틈을 만들 수 있어 검사가 필요합니다.

단일 선 SVG에 채우기가 있어야 하나요? 보통 없습니다. 보이는 스트로크와 채우기 없음으로 실제 경로를 검사하세요. 실제 폭은 SVG 표시 폭만이 아니라 펜촉과 플로터 설정에서 나옵니다.

PerfectVector가 플로터용 단일 선 SVG를 만드나요? 직접 만들지 않습니다. 채움 그래픽, 인쇄, 도형 절단용 깨끗한 윤곽선입니다. 가운데 경로 하나에는 중심선 추적기나 수작업을 쓰세요.

Sources

  1. Inkscape 초보자 안내 — 이미지 추적 — 손글씨와 선 그림용 중심선 모드입니다.
  2. AxiDraw Python API 문서 — 기본 SVG 경로 플롯과 채우기 및 스트로크 모습 처리입니다.
  3. AxiDraw CLI 문서 — 경로 순서, 방향, 미리보기, 펜 올림 이동 최적화입니다.
  4. W3C — SVG 경로 — 열린 경로, 하위 경로, 끝점, 형태입니다.

플로터 경로 전에 일부에 깨끗한 채움 벡터가 필요하면 PerfectVector로 해당 래스터를 추적하고 윤곽을 확인하세요. 펜이 한 번 따를 표시는 중심선 추적과 실제 종이 시험으로 마무리하세요.

블로그의 다른 글

이미지를
편집 가능한 SVG로 변환하세요