# 클로이드 코드로 제작한 전단지를 Illustrator에서 텍스트 대체 가능한 .ai 파일로 변환하는 방법

> https://bookfactory.kr/board/canva/19500
> 게시판: Canva
> 작성자: admin
> 작성일: 2026-10-01T18:08:18.337Z

---

![見出し画像](https://assets.st-note.com/production/uploads/images/319614119/rectangle_large_type_2_fac6a55b3f5d3694077edfbbbff4299f.png?width=1280)

릴에서 소개된 어린이집 브로셔입니다. 제작 과정을 정리했습니다.

AI로 전단지를 제작했는데, Illustrator로 열었더니 글자가 입력되지 않았습니다. 비슷한 경험 있으신 분이 계신가요.

단어 하나하나가 흩어져 있거나, 개요화되어 있어서, 수정하기가 어렵습니다.

그러다 클로드 코드(Claude Code)로 만든 전단지를 텍스트 그대로 유지한 .ai 데이터로 만드는 시스템을 만들었습니다. 이 글에서는 무엇을 할 수 있는지, 그리고 검증을 통해 알아낸 주의사항을 무료로 공개합니다. 프롬프트와 변환 도구 세트, 사용 방법 절차는 유료 부분에서 배포합니다.

이번에 제작한 키트는 일러스트레이터의 .ai 파일과 함께 포토샵의 PSD 파일과 캔바용 PDF 파일도 동시에 추출됩니다. 작동 방식은 일러스트레이터를 통해 포토샵의 PSD 파일과 캔바용 PDF 파일을 만드는 키트이므로 주의해야 합니다. 일러스트레이터를 통하지 않고 포토샵의 PSD 파일과 캔바용 PDF 파일을 추출하는 키트는 현재 검증 중이므로 잠시 기다려 주시기 바랍니다!

![](https://assets.st-note.com/img/1790849417-5CjSMpJU6XQ3HxsDvfzobt72.png?width=1200)

![](https://assets.st-note.com/img/1790851549-YqGn8fO60BUVEoeKhJZXQxsv.png?width=1200)

![](https://assets.st-note.com/img/1790851515-n7PDUQF9ryjqHGMiszCXuTpm.png?width=1200)

이 글에서는 무엇을 할 수 있는지, 그리고 검증 결과에서 확인된 주의사항을 공개하고 있습니다. 프롬프트와 변환 도구 세트, 사용 방법 절차는 유료 부분에서 배포하고 있습니다!

## AI가 만든 전단지가 Illustrator에서 겪는 어려움

AI 기술을 활용하여 전단지를 제작하는 것이 최근 유행하고 있지만, Illustrator 사용자들에게 AI 전단지 제작은 예상치 못한 문제들을 야기할 수 있습니다. 특히, Illustrator의 강력한 기능과 AI의 자동화된 작업 방식 간의 충돌이 주요 원인으로 지목되고 있습니다.

구체적으로, AI가 생성한 이미지를 Illustrator에서 불러오거나 편집하려고 할 때, 파일 형식 호환성 문제, 벡터 데이터 손실, 텍스트 레이어의 깨짐 현상 등 다양한 오류가 발생합니다. 또한, AI가 생성한 이미지의 복잡한 구조나 특수한 효과를 Illustrator에서 완벽하게 재현하는 데 어려움을 겪는 경우도 많습니다.

이러한 문제들은 Illustrator 사용자들에게 상당한 시간과 노력을 소모하게 만들 뿐만 아니라, 전단지 제작 과정에서 발생하는 스트레스와 불확실성을 증폭시킬 수 있습니다. 따라서, AI 전단지 제작을 고려할 때에는 Illustrator와의 호환성을 충분히 검토하고, 필요한 경우 전문가의 도움을 받는 것이 좋습니다.

클루드(Claude) 등의 AI에 HTML이나 SVG로 브로셔를 제작하게 하고 PDF나 SVG로 내보내면, 일러스트레이터(Illustrator)로 열었을 때 글자가 다음 페이지의 글체로 바뀌는 경향이 있습니다.

- 작은 어린이집이, 라는 텍스트가 1개씩 묶음 텍스트로 분리되어 있습니다. 수정하려면 1문자씩 지워 다시 배열해야만 합니다.

![](https://assets.st-note.com/img/1790847540-hmexu7aSbKRkQ8cDVNgHT04F.png?width=1200)

- 개요：모든 글자가 도형으로 되어 있어서 심지어 입력조차 할 수 없다.

![](https://assets.st-note.com/img/1790847532-RA2D5OpaKkVgho143NxtId9T.png?width=1200)

겉모습이 깨끗해 보여도 수정용 원본 데이터로서는 사용할 수 없으며, 고객에게서 “전화번호가 바뀌었습니다”라고 말씀해주셨을 경우 다시 제작해야 합니다.

덧붙여 ChatGPT나 Gemini로 제작한 래플릿은 텍스트와 함께 1장의 이미지가 됩니다. 이 기사의 작동 방식은 해당 방식으로는 사용할 수 없으며 (Codex는 사용 가능할 것으로 보입니다!).

## 이번에 제작한 시스템

처리 가능한 것은 A5 양면 인쇄용 브로셔입니다(다른 크기로 제작하려면 프롬프트의 용지 사이즈를 변경하면 됩니다!).

클루드 코드는 갑자기 .ai를 만드는 것을 하지 않습니다. 다음 3단계로 진행됩니다.

- 클로이드 코드가 HTML로 전단지를 디자인합니다.
- 변환 도구가 HTML 문자 위치, 글꼴, 색상, 자간을 측정합니다.
- 변환 도구가 일러스트레이터를 자동으로 실행하고, 배경이나 사진 위에 텍스트를 텍스트로 다시 생성합니다.

디자인은 HTML로 제작되므로 레이아웃의 자유도는 그대로 유지됩니다. 마지막으로 Illustrator에서 재구성하므로, 묶음 텍스트(제목 1개, 설명 1개)는 각각 1개의 포인트 마크로 남습니다. 줄 위치는 고정되어 있으므로 텍스트 수가 크게 변할 경우 줄을 다시 조정해주세요.

## 다음으로 추출된 데이터

작업 폴더 저장 시 다음 파일이 생성될 수 있습니다.

- AI: 편집용 데이터입니다. A5 크기의 아트보드 2매(표면 및 뒷면), 3mm 누적 채우기, 띠봉 처리가 적용되었습니다. 색상 모드는 CMYK로 변환되었으며(생생한 RGB 색상은 인쇄 시 탁해질 수 있으므로, 색상 확인은 인쇄 전 진행해 주시기 바랍니다). 레이어는 “표면_배경 및 사진”, “표면_텍스트”, “뒷면_~”, “띠봉”으로 분리되어 있습니다.
- SVG: 전면 및 후면. 글자는 텍스트 그대로 유지.
- PSD: 포토샵용. 텍스트는 텍스트 레이어 그대로 유지됩니다.
- 캔바용 PDF: 캔바에 업로드하여 글자를 수정할 수 있습니다(캔바에 없는 폰트는 유사한 폰트로 대체됩니다).
- HTML과 일러스트레이터를 나란히 배치하여 비교하고, 불일치 여부를 시각적으로 확인합니다.

고객님께서 일러스트레이터를 사용하지 않으셔도 괜찮습니다. PSD 파일이나 캔바(Canva)용 PDF 파일을 통해 전달해 드립니다.

## 검증을 통해 확인된 사항

만들면서 검증하고, 알게 된 것을 기록합니다. 검증은 일러스트레이터 2026에서 진행했습니다.

### SVG로 내보낼 때 글자가 경로로 변환되는 서체가 있습니다.

Illustrator에서 SVG로 변환할 때, 폰트 종류에 따라 글자가 강제로 외곽선으로 변환되었습니다. 제가 가지고 있는 맥(Illustrator 2026)에서는 노토 산스 JP, M PLUS 1, Fredoka가 경로로 변환되었습니다. 원인은 아직 정확히 밝혀지지 않았습니다. 제가 사용 중인 폰트들이 중복되어 있었던(같은 폰트의 다른 버전을 2개 사용) 데서 비롯된 것 같아, 비슷한 증상을 겪는 분들은 먼저 폰트를 정리한 후 시도해 보시기 바랍니다.

한편, 젠각고딕 뉴, 젠마루고딕, 시ppo리 명조, 히라기노, 퓨트라, 딘 등은 문자 그대로 남았습니다.

AI나 PSD에서는 어떤 폰트든 대체 가능합니다. SVG로 전달할 예정이라면 폰트를 선택해 주세요. 변환 도구는 최종 단계에서 SVG의 모든 문자가 그대로 유지되는지 자동으로 확인합니다.

### 캔바는 SVG 폰트를 편집할 수 없습니다.

캔바에 SVG 파일을 불러오면 글자는 도형으로 취급되어 수정이 불가능합니다. 캔바에서 사용하려면 캔바용 PDF 파일을 불러와 주세요.

### 포토샵에서 SVG 파일을 열면 하나의 이미지로 생성됩니다.

포토샵은 SVG 파일을 래스터화하여 엽니다. 포토샵에서 사용하는 경우 PSD 파일을 사용해 주세요.

### AI는 점점 무거워진다.

사진이 포함된 A5 사이즈 양면 인쇄물로, 첫 번째 시제품은 97MB였습니다. 사진을 긴 변 2400px로 축소하면 75MB가 됩니다. 다만, 종이 면적을 꽉 채워 넣는 사진은 2400px로 인해 약 290dpi입니다. 인쇄소의 권장 해상도에 맞춰 조정해 주십시오.

## 준비물 및 다운로드

- 클로이드 코드(프로 플랜 이상)
- 어도비 일러스트레이터(2026 버전과의 호환성 확인)
- 구글 크롬(애플리케이션 폴더 내에 있는 것)
- 맥(이 변환 도구는 맥용입니다)
- 첨부된 키트(zip)

이후에는 유료 키트를 배포하지만, 주의사항을 먼저 안내해 드립니다! 고객님의 기대에 부응하지 못할 경우, 동의가 어려우신 분들은 구매를 추천하지 않습니다. (이것을 써먹을 수 없는 분들은 자제해 주시기 바랍니다. 검토해 주셔서 감사합니다. 진심으로 생각하는 분들께만 구매해 주세요. 😉 또한, 디자인은 가능하지만, 최종 조정은 꼭 해주시는 게 좋겠습니다. 와이어 제작이나 레이아웃 등은 단축키로 할 수 있으니, 시간 단축은 확실합니다. 👍✨

**출처:** [note 원문](https://note.com/savaco0206/n/na9d87608f1c2)

*번역: Gemma 3(.44) 초벌 + 교정 30청크*

[원문 보기](https://note.com/savaco0206/n/na9d87608f1c2) | 출처: note.com