PerfectVector
작성: Irene Kim6분 읽기

형태를 잃지 않고 손글씨 레터링 벡터화하기

열린 글자 내부 공간, 표현력 있는 획 끝, 의도적인 질감, 편집하기 쉬운 곡선을 유지하면서 손글씨 레터링을 깔끔한 SVG로 바꾸세요.

목차

손글씨를 잘 벡터화하려면 카메라가 기록한 모든 픽셀 대신 의도한 도형을 추적하세요. 깨끗하고 대비가 높은 스캔에서 시작해 유지할 잉크 질감을 정하고, SVG를 내보내기 전에 내부 공간, 획 끝, 스트로크 연결부, 노드 수를 살펴보세요.

마지막 검사가 사용 가능한 레터링과 형식상 유효할 뿐인 추적을 가릅니다. 몇 초 만에 SVG를 만들어도 e의 구멍을 닫거나, 가까운 두 스트로크를 합치거나, 생동감 있는 붓 끝을 뭉툭한 쐐기로 바꿀 수 있습니다.

핵심 요약
  • 굵고 대비가 높으며 원하는 형태에 이미 가까운 레터링에는 자동 추적을 쓰세요.
  • 원본이 작거나 촬영이 나쁘거나 영구적인 로고나 문자 체계가 될 것이라면 수작업으로 다시 그리세요.
  • 중요한 불규칙성은 유지하고 스캔 노이즈와 우연한 돌출은 제거하세요.
  • 큰 배율과 최종 출력 크기 모두에서 내부 공간, 획 끝, 연결부, 앵커를 확인하세요.

먼저 유지할 것 결정하기

손글씨 레터링은 입력한 텍스트와 다릅니다. 고르지 않은 기준선, 다음 획으로 기울어지는 스트로크, 글자 끝의 마른 붓 가장자리에 가치가 있을 수 있습니다. 모두 정리하면 평범해지고, 모두 유지하면 먼지와 흔들림이 가득한 무거운 SVG가 됩니다.

추적 전에 작품을 특별하게 만드는 특징을 표시하세요.

  • 내부 공간: a, e, g, o 같은 글자 안의 완전히 또는 부분적으로 둘러싸인 공간입니다.
  • 획 끝: 스트로크의 끝입니다. 날카롭게 튀는 끝, 둥근 끝, 마른 붓 마감이 스타일을 많이 담습니다.
  • 스트로크 연결부: 필기체 획이 다른 획과 교차하거나 만나는 곳입니다.
  • 질감: 유지해야 할 의도적인 잉크 입자, 붓털 사이 틈, 거친 가장자리입니다.
  • 리듬: 단어 전체의 간격, 기울기, 기준선 변화입니다.

나머지는 정리 대상입니다. 종이 결, 압축 블록, 먼지, 그림자는 레터링 특징이 아니라 촬영 문제입니다. 개별 글자를 글꼴 글리프로 만든다면 FontForge SVG 가져오기 흐름으로 기준선, 윤곽, 간격을 설정하세요.

자동 추적과 다시 그리기 중 무엇을 쓸까요?

둘 다 실제 벡터를 만듭니다. 원본과 파일을 얼마나 오래 사용할지에 따라 선택하세요.

상황더 적합한 방법이유
깨끗한 흰 종이의 굵은 검정 레터링자동 추적경계가 선명해 해석이 적게 필요
의도적인 마른 질감의 붓글씨자동 추적 후 선택적 정리전체 다시 그리기는 개성을 주는 질감을 지울 수 있음
그림자나 흐림이 있는 작은 휴대폰 사진다시 촬영한 뒤 추적피할 수 있는 왜곡에서 추적이나 다시 그리기를 시작하지 않기
주요 브랜드 로고가 될 레터링수작업 또는 세심한 추적 정리충분히 반복 사용할 파일이라 정밀한 형태가 필요
일회성 인쇄, 스티커, 소셜 그래픽자동 추적재사용 문자 체계보다 깔끔한 결과가 중요
플로터나 단일 선 각인중심선 흐름일반 윤곽선 추적은 각 잉크 획의 양쪽을 따름

마지막 항목은 놓치기 쉽습니다. 대부분의 이미지 벡터화 도구는 잉크 주위의 채워진 윤곽선을 만듭니다. 인쇄, 웹, 비닐 도형, 많은 면 각인에는 맞습니다. 펜 플로터나 단일 선 각인기는 가운데 경로가 필요합니다. 현재 Inkscape 추적 안내는 손글씨와 선 그림용 중심선 모드를 설명합니다. 라인 아트 안내와 서명 SVG 안내에서 차이를 더 자세히 다룹니다.

더 깔끔한 추적을 위한 준비

  1. 페이지와 평행하게 촬영하세요. 충분한 해상도로 스캔하거나, 고른 자연광에서 카메라를 종이 바로 위에 두세요. 원근 왜곡은 추적 전에 글자 형태를 바꿉니다.
  2. 책상과 종이 가장자리를 자르세요. 변환기가 해석할 작품만 주세요.
  3. 검정과 흰색 기준을 설정하세요. 종이는 깨끗한 흰색, 주 잉크는 분명히 짙어야 합니다. 가는 시작 획이 사라질 만큼 대비를 높이지 마세요.
  4. 의도적인 질감 대신 따로 떨어진 먼지를 제거하세요. 확대해 점과 붓 방향을 비교하세요. 무작위 점은 보통 지우고 반복되는 붓털 흔적은 유지할 수 있습니다.
  5. 우연한 틈을 고치세요. 원래 연속이어야 할 획이 마른 펜이나 나쁜 촬영 때문에 끊겼다면 닫으세요.
  6. 손대지 않은 스캔 사본을 유지하세요. 정리로 그림이 바뀔 때 래스터 원본이 기준입니다.

디지털로 그렸다면 단순하거나 투명한 배경의 큰 PNG로 내보내세요. 낮은 품질의 JPG는 피하세요. 압축 블록이 모든 가장자리의 작은 도형이 될 수 있습니다.

벡터화한 뒤 글자 형태 점검하기

준비한 스캔으로 수동 정리 전에 검사할 편집 가능한 SVG를 원한다면 PerfectVector가 자동 추적 방식에 맞습니다. 레터링을 올리고 SVG를 생성한 뒤 완성으로 취급하기 전에 결과를 살펴보세요.

내부 공간부터 시작하세요. 중요한 구멍은 모두 열려 있어야 합니다. 추적이 과하게 매끄럽게 하거나 가까운 경계를 합치면 작은 내부 공간이 먼저 닫힙니다.

다음은 획 끝과 연결부입니다. 획 끝은 무작위 돌출 대신 원본과 같은 활력을 가져야 합니다. 교차점에서 우연한 연결, 눌린 모서리, 가는 흰 틈을 찾으세요. 축소하면 안 보여도 인쇄나 절단에서 다시 드러날 수 있습니다.

마지막으로 벡터 편집기의 앵커를 표시하세요. 노드가 많다고 더 충실한 것은 아닙니다. 단순한 곡선 주위의 빽빽한 점은 편집을 어렵게 합니다. Adobe의 현재 추적 편집 안내는 과도한 앵커에 Simplify를 권장합니다. 노드가 너무 많은 SVG 안내는 레터링 개성을 없애지 않고 판단하는 방법을 보여 줍니다.

좋은 레터링 추적이 유지하는 것
질감 있는 손글씨 모노그램이 내부 공간과 획 끝을 유지하면서 앵커가 보이는 매끄러운 벡터 도형으로 바뀌는 개념 일러스트
개념 일러스트입니다. 왼쪽 잉크의 개성을 유지하고 오른쪽의 깨끗한 곡선을 설명하는 데 필요한 벡터 점만 사용하세요.

질감을 얼마나 유지할까요?

보편적인 깔끔함 설정은 없습니다. 목적지에서 결정하세요.

스크린 인쇄, 포스터, 큰 라벨에는 일부 가장자리 질감이 원래 잉크 느낌을 줍니다. 큰 틈과 붓털 흔적은 유지하고 안정적으로 재현하기 너무 작은 조각은 제거하세요.

비닐 절단, 레이저 절단, 작은 도장은 더 단순화하세요. 모든 홈이 도구 이동이 되고, 떨어진 점은 별도 도형이 되며, 작은 내부 섬은 제거나 제조가 어려울 수 있습니다. 800퍼센트 확대뿐 아니라 최종 실제 크기에서 시험하세요.

로고에 질감이 중요하다면 개성이 풍부한 주 마크와 단순한 작은 크기용 마크 두 버전을 저장하세요. 작은 버전은 나쁜 추적이 아니라 미세한 디테일을 유지할 수 없는 곳을 위한 의도적인 시각 보정입니다.

흔한 실패와 각각의 해결책

내부 공간이 닫혔습니다. 원본에서 구멍 주변 분리를 늘리거나 작은 오려 내기 도형으로 벡터를 편집하세요. 글자 하나를 살리려고 추적 결과 전체를 계속 단순화하지 마세요.

두 스트로크가 합쳐졌습니다. 원본이 실제 닿는지 확인하세요. 닿지 않는다면 원본 틈을 정리해 다시 추적하세요. 닿는다면 겹침을 한 실루엣으로 만들지 별도 레이어로 유지할지 정하세요.

가장자리가 녹은 플라스틱처럼 보입니다. 개성을 너무 많이 지웠습니다. 선택한 질감을 복원하거나 매끄럽게 하는 정도를 줄이세요. 전체의 균일한 거칠음이 아니라 의도적인 불규칙성이 필요합니다.

곡선이 불안정합니다. 너무 많은 노드가 픽셀 노이즈를 따라갑니다. 조금씩 단순화하고 매번 스캔과 비교하세요.

SVG에 흰 상자가 있습니다. 종이가 배경 도형으로 추적됐습니다. 삭제하고 밝은 캔버스와 어두운 캔버스 모두에서 확인하세요. 같은 점검으로 숨은 배경 문제도 막습니다.

실용적인 최종 점검

실제로 사용할 프로그램에서 SVG를 열고 전달 전에 확인하세요.

  • 열려 있어야 하는 내부 공간이 모두 열려 있습니다.
  • 가는 시작 및 끝 획이 사라지지 않았습니다.
  • 일반 읽기 크기에서 연결부가 의도적으로 보입니다.
  • 획 끝이 원래 필체와 닮았습니다.
  • 질감은 재현할 만큼 크고 작은 노이즈는 없습니다.
  • 단순한 곡선에 절제된 앵커 수를 사용합니다.
  • 필요할 때 배경이 투명합니다.
  • 최종 인쇄, 절단, 화면 크기에서 작동합니다.

통과하면 편집 가능한 SVG와 래스터 미리보기를 함께 저장하세요. SVG는 제작 원본이고, 미리보기는 고객, 인쇄소, 미래의 자신이 벡터 편집기 없이 의도한 모습을 보게 해 줍니다.

고무 도장에는 고무 도장 이미지 흐름으로 깨끗한 스캔을 편집 가능한 도형으로 만든 뒤 찍을 크기에서 내부 공간과 가는 스트로크를 확인하세요. 밀랍 인장이라면 밀랍 인장 이미지 흐름을 쓰고 주문 전에 제작자와 최종 크기의 도안을 확인하세요. 어느 변환도 도장이나 인장 금형을 만들지는 않습니다.

도자기 마크라면 도장 이미지 흐름으로 준비하고 의도한 크기의 내부 공간을 살펴보세요.

Sources

  1. Adobe Illustrator — Image Trace 패널 옵션 — 임계값, 경로, 모서리, 노이즈, 채우기, 스트로크, 투명도 설정입니다.
  2. Adobe Illustrator — Image Trace 결과 편집 — 편집 경로로 확장하고 과도한 앵커를 단순화하는 방법입니다.
  3. Inkscape 초보자 안내 — 이미지 추적 — 손글씨와 선 그림의 윤곽선 및 중심선 추적입니다.
  4. W3C — SVG 경로 — 열린 경로와 닫힌 경로, 하위 경로, 곡선, 끝점입니다.

레터링 스캔이 준비됐나요? PerfectVector로 변환한 뒤, 세심한 다시 그리기 대신 자동 추적을 선택하기 전에 내부 공간, 획 끝, 스트로크 연결부, 앵커를 확인하세요.

블로그의 다른 글

로고나 아트워크를
깔끔하고 편집 가능한 SVG로 바꿔보세요