손으로 그린 일러스트의 선을 두껍게 하여 SVG화하고 싶다

게시판: 디자인 | 작성자: admin | 작성일: 2026-08-22T06:01:06.968Z

지난번 귀여운 참 만들기 워크숍을 진행했을 때

여러 과제가 있던 가운데 "손으로 종이에 그린 일러스트를 SVG화하고 싶다", "가능하다면 선을 조금 두껍게 하고 싶다"

라는 과제가 있었습니다.

물론 Illustrator 같은 소프트웨어를 능숙하게 다룰 수 있다면 가능하겠지만, 가능하면 누구나 사용할 수 있는 무료의 간단한 소프트웨어로 하고 싶습니다.

방법을 생각해 보았습니다.

먼저 디지털화한다
사진을 SVG로 변환하기
일러스트의 선을 굵게 하기
Affinity에서 선을 굵게 해봤다
① PNG 이미지를 열기
② 이미지를 트레이싱하기
③ 노드를 줄여 선을 매끄럽게 하기
④ 선을 굵게 하기
⑤ 경계선 펼치기
⑥ 하나로 묶기

우선 디지털화한다.

손으로 종이에 그린 일러스트는 자신의 스마트폰으로 간편하게 사진으로 찍어주시면 됩니다.

사진을 SVG로 변환하기

누구나 무료로 간단하게 사용할 수 있는 웹용 Adobe Express 앱의 'SVG 변환' 기능을 사용합니다. (계정 등록이 필요합니다.)

이건 제법 쓸 만합니다. 배경이 흰색이고 검은 펜으로 그려져 있으면 대체로 잘 된다고 합니다. 다만 임계값 설정 등은 할 수 없기 때문에 항상 잘 되는 것은 아닙니다.

무료 웹 서비스인 Convertio도 시도해 봤는데 Adobe Express보다 조금 더 잘 되는 비율이 높아지는 느낌은 있습니다. 하지만 여기도 임계값 설정 등이 없어서 만능은 아닌 것 같습니다.

PC에 익숙하지 않은 분이라도 이러한 도구들을 활용하면 손그림 일러스트의 SVG 변환은 충분히 가능할 것 같습니다.

다만 워크숍에서는 그 SVG화된 이미지를 모델링하여 3D프린터로 조형하는 것이 목표입니다. 손으로 그린 일러스트를 SVG화할 수 있더라도 슬라이스할 때 너무 가늘거나 너무 세밀하면 제대로 조형되지 않는 경우도 있습니다.

일러스트의 선을 굵게 하기

어려운 소프트웨어를 사용하지 않고 선을 굵게 하기. 이걸 어떻게 할지 꽤 고민했습니다. iPad에서 그림 그리기 앱의 굵은 펜을 사용해 손으로 트레이싱하면 좋지 않을까 싶어 Adobe Fresco와 아이비스페인트, 프리보드, Procreate(유료잖아!)를 시도해 봤습니다. 결론적으로 잘 된 것은 Adobe Fresco와 Procreate 두 가지였고, 프리보드는 애초에 PDF로 저장할 수 없었으며 아이비스페인트는 PNG로 만들 수는 있어도 제대로 SVG로 변환할 수 없었습니다.

Adobe Fresco는 무료이고 같은 Adobe 제품이라 그런지 PNG로 저장한 이미지를 Adobe Express에서 제대로 SVG로 변환할 수 있었습니다. 드로잉 앱이라 선 굵기도 물론 변경할 수 있습니다.

이거라면 손으로 그린 이미지를 가져와도 어떻게든 되겠지.

가급적 참가해 주신 분들께서 직접 STL 파일을 만드는 것까지 체험해 보시기를 바랍니다.

Affinity에서 선을 굵게 해 보았다

손그림으로 트레이스하는 건 좀... 싶으실 경우 제가 도와드릴 방법도 생각해 두었습니다. 예전에는 Adobe Illustrator를 사용하고 있어 괜찮았는데 가격이 비싸 사용을 중단하고, 최근에는 무료로 사용할 수 있게 된 이미지 편집 앱 Affinity를 사용하고 있습니다. (PC와 iPad 모두에서 사용할 수 있습니다.)