[일러스트레이터] PNG, JPG 벡터 변환 후 이미지 틈새 발생 문제 해결하기

 

이미지 추적 후 틈새 발생 원인과 해결법

일러스트레이터에서 PNG나 JPG 파일을 이미지 추적(Image Trace)으로 벡터화했을 때 사이사이에 의도치 않은 틈새가 생기는 일은 흔합니다. 

이는 이미지 해상도, 이미지 추적 설정 값, 원본 이미지 특성 등에 영향을 받습니다.

틈새 구멍이 발생
이미지 추적 후 틈새 발생한 벡터 이미지

 

틈새가 생기는 주요 원인

PNG, JPG 벡터 변환 후 이미지 틈새 발생

미리캔버스 디자인 제작 페이지에서 '업로드' 기능을 활용하여, 비트맵 이미지를 벡터 이미지로 변환한 파일을 업로드한 다음, 배경색을 주황색으로 바꿨습니다. 그리고 업로드한 벡터 이미지의 색상을 그린으로 모두 변경했습니다. 

이전에 보이지 않던 각 오브젝트 패스 경계 부분에 틈새가 보이시나요?

이를 더 확대하여 보면, 아래와 같이 확실히 이미지 경계의 틈새가 드러납니다.

이미지 추적 후 희끗하게 보이는 틈새

틈새 발생 이유는 대체적으로 다음과 같습니다.
  • 노이즈 필터 설정이 너무 높아 작은 디테일이 생략되는 경우
  • 경로 수(Path) 및 정밀도(Accuracy)가 낮아 디테일이 부족한 경우
  • 이미지 해상도가 낮거나 너무 작은 디스크립션을 포함한 이미지인 경우


틈새 문제의 일반적인 해결 방법

1. 노이즈 값 낮추기
 이미지 추적 패널에서 노이즈 값을 낮추어 작은 디테일까지 추적하도록 합니다. 

2. 경로 수 및 정밀도 높이기
 경로 수와 정밀도를 늘리면 원본 이미지에 더 가깝게 벡터가 생성되어 틈이 줄어듭니다. 

3. 색상 수 늘리기
 색상 수를 늘리면 더 많은 색상 차이를 인식해 틈새가 감소할 수 있습니다. 

4.  오프셋(Offset Path) 경로 적용
 이미지 추적 후 확장(Expand)된 벡터 그룹을 선택한 뒤, 오브젝트(Object) > 패스(Path) > 오프셋 경로(Offset Path) 메뉴를 이용해 아주 작은 값을 입력하여 벡터 선과 도형을 약간 확장하면 틈이 메워집니다. 

5. 고해상도 원본 이미지 이용
 가능한 한 해상도가 높은 PNG, JPG 원본 이미지를 사용하면 추적 품질이 개선되어 틈이 적게 발생합니다. 

6. 배경 색상 제거
 흰 배경 색상이 남아있는 경우, 추적 옵션에서 ‘흰색 무시(Ignore White)’를 체크해 배경을 없애면 깔끔합니다. 

7. 수작업 보완
 남은 작은 틈은 Blob Brush 도구(단축키 Shift+B)를 사용해 직접 메우는 것도 방법입니다.

   

틈새 문제 추천 해결 방법

위 방법은 원론적인 해결 방법 설명이었고, 월붓이 추천하는 이해하기 쉬운 해결 방법 설명은 다음과 같습니다.

✅ 오브젝트(Object) > 패스(Path) > 오프셋 경로(Offset Path)
: 한글판에선 '패스 이동'이 오프셋 경로(Offset Path)입니다.

패스 이동(Offset Path)은 벡터 패스의 외곽선이나 내부선을 원하는 거리만큼 이동시켜 새로운 패스를 만드는 기능입니다. 자주 사용하는 경우는 다음과 같습니다.

  • 도형 외곽선을 테두리처럼 복제하거나 안쪽으로 축소하여 안쪽 테두리를 만들 때
  • 로고, 아이콘 제작 시 경로를 확장하거나 축소해 디테일을 조절할 때
  • 이미지 추적 후 생긴 틈새를 메우기 위해 패스를 약간 확장하거나 축소하여 간격을 조절할 때

설정창에서 이동(O) 거리 값을 0.1px ~ 0.5px을 지정하고, 모서리 연결(J) 방식은 각지게각의 한계(M)4로 한 다음 '확인'을 누릅니다.

패스 이동 설정값

내보내기를 svg로 한 후, 다시 미리캔버스 제작 화면에서 업로드하면 아래와 같이 이미지가 결합되는 부분의 틈새가 꽉 메워져 있는 것을 확인할 수 있습니다.

틈새 메우기


내용 요약

  • 이미지 추적 후 틈새 발생은 노이즈, 경로 수, 해상도 문제에서 비롯되며 추적 설정 조절로 대부분 해결할 수 있습니다.
  • 오프셋 경로 기능을 활용해 벡터 경로를 미세 조정하면 틈새를 채울 수 있습니다.
  • 고해상도 이미지 사용과 배경 제거가 추적 품질을 높이고, 수작업 도구로 마무리 편집이 가능합니다.
  • 작업 속도와 결과 품질 균형을 위해 적절한 이미지 추적 설정이 필수입니다.
  • 월붓이 추천하는 방법은 '패스 이동' 기능입니다.

PNG, JPG를 벡터 이미지로 변환하는 방법 보기


댓글 쓰기

다음 이전