일러스트레이터 변수 데이터(CSV 지원) 기능으로 이미지 자동 생성하는 방법

안녕하세요, Hoda입니다.

이번에는 일러스트레이터의 가장 유용한 기능 중 하나인 **변수 데이터(Variable Data)**를 소개해 드리려고 합니다.

이 기능은 정말 유용함에도 불구하고 생각보다 자주 언급되지 않는 기능입니다.

어떤 기능인지 간략히 보여드릴게요. 먼저 디자인 템플릿을 만듭니다. 그런 다음 CSV 파일에서 텍스트나 이미지 데이터를 가져오면, 일러스트레이터가 해당 스프레드시트의 각 행마다 디자인 변형을 자동으로 생성해 줍니다.

내보내기를 실행하면 모든 변형을 한 번에 일괄 출력할 수 있습니다. 일러스트레이터에 숨겨진 최고의 기능 중 하나라고 해도 과언이 아닙니다.

이 글에서는 일러스트레이터의 변수 데이터 기능의 기초와, 초보자도 쉽게 따라 할 수 있도록 CSV 파일을 활용해 실제로 적용하는 방법을 차근차근 설명해 드리겠습니다.

동영상에서도 전체 과정을 자세히 다루고 있으니 아래 영상도 함께 확인해 보세요:

변수 데이터로 할 수 있는 일

핵심부터 말씀드리면, 변수 데이터는 CSV 같은 표 형식의 데이터를 가져와 곧바로 이미지로 내보낼 수 있게 해주는 기능입니다.

핵심 아이디어는 간단합니다. 디자인을 하나만 만든 다음, 그 안의 텍스트와 이미지 콘텐츠만 교체하여 전체 변형 세트를 한 번에 생성하는 것입니다.

이 기능은 동일한 패턴을 따르는 대량의 디자인이 필요할 때 특히 유용합니다. 잘 어울리는 몇 가지 대표적인 예시는 다음과 같습니다:

• 세미나나 행사를 위한 명찰 (이름, 회사, 직책 교체)
• 이 쇼핑몰 상품 이미지 (상품명, 가격, 이미지 교체)
• 유튜브 썸네일 (제목, 배경 이미지 교체)
• 템플릿 기반 소셜 미디어 그래픽 (텍스트, 날짜, 카테고리 교체)
• 학습용 플래시카드 (단어, 뜻, 예문 교체)

기본적으로 레이아웃은 그대로 유지되고 콘텐츠만 바뀐다면 거의 모든 작업을 자동화할 수 있습니다.

이미지도 함께 처리할 수 있습니다

더 중요한 점은, 변수 데이터가 텍스트에만 국한되지 않고 이미지 파일까지 교체할 수 있다는 것입니다.

CSV 열을 이미지 경로에 연결하면 일러스트레이터가 올바른 이미지를 자동으로 바꿔 끼워줍니다. 즉, 상품 사진이나 인물 사진 같은 시각 자료도 다른 데이터와 함께 일괄 생성할 수 있습니다.

이를 통해 기존에 수작업으로 해야 했던 많은 번거로움을 덜 수 있습니다:

• 텍스트 복사 및 붙여넣기
• 이미지 교체
• 레이아웃이 맞도록 미세 조정하기

실제 작업 단계

이제 변수 데이터를 실제로 사용하는 방법을 단계별로 살펴보겠습니다.

먼저 CSV 데이터를 준비합니다. 구글 스프레드시트나 엑셀 모두 사용 가능합니다.

윈도우(Windows)와 맥(Mac) 중 어떤 운영체제를 사용해도 상관없습니다.

이 글에서는 윈도우 PC를 기준으로 설명하겠습니다.

일러스트레이터 디자인 설정하기

먼저 일러스트레이터에서 디자인을 완성합니다.

평소와 똑같이 일반적인 기본 패턴 디자인으로 시작하면 됩니다.

(이 부분은 동영상에서 더 자세히 다루고 있습니다.)

다음과 같은 요소들로 구성된 디자인을 준비합니다:

• 이미지
• 제목
• 영문 이름
• 가격
• 설명
• 관리 난이도 ⭐️⭐️

이 항목들이 CSV 데이터에 의해 교체될 부분들입니다. 특별한 사전 작업은 필요 없으며, 일반 텍스트와 이미지로 구성된 평범한 기본 레이아웃이면 됩니다.

CSV 준비하기

다음으로 데이터 테이블을 만듭니다. 여기서는 구글 스프레드시트를 사용하지만 엑셀을 사용해도 무방합니다.

먼저 헤더 행(첫 번째 행)에 열 이름을 정의합니다. 대략 다음과 같은 형식이 됩니다:

• name
• image
• price
• description
• english
• level

이미지의 경우 컴퓨터상의 파일 경로를 상대 경로로 입력합니다.

e.g.
G:\variable-test-2026\flags\141-singapore.png

이때 몇 가지 주의할 점이 있습니다:

• 헤더 이름은 영문 반각 문자로 유지하세요(소문자 권장).
• 헤더 이름에 공백을 사용하지 마세요(예: company_name).
• 헤더 이름은 일러스트레이터의 변수 이름과 정확히 일치해야 합니다.
• 문자 인코딩 문제를 방지하기 위해 CSV는 UTF-8 형식으로 저장하세요.
• 가급적 일본어 헤더는 피하는 것이 안전합니다.
• 레이아웃이 깨지는 것을 방지하기 위해 이미지의 가로세로 비율을 일정하게 유지하세요.
• 엑셀의 값이 @로 시작하는 경우, 앞에 '를 붙여주세요(예: '@image).

데이터가 준비되면 CSV 파일로 내보냅니다.

CSV 가져오기 및 데이터 매핑하기

일러스트레이터로 돌아와서 Window > Variables를 클릭합니다.

그러면 아래 패널이 나타납니다. **가져오기(Import)**를 클릭하고 방금 내보낸 CSV 파일을 선택하세요.

이후 각 데이터 조각을 올바른 위치에 매핑합니다. 이 부분은 동영상에서 자세히 설명하고 있습니다.

이미지 일괄 내보내기

마지막으로 이 모든 데이터를 실제로 내보내야 합니다. 일반적인 방법으로 내보내려고 하면 변형된 디자인을 하나씩 수동으로 처리해야 합니다.

대신 액션(Actions) 패널을 사용하면 모든 항목을 한 번에 일괄 내보내기 할 수 있습니다.

먼저 Window > Actions를 여는 것으로 시작합니다.

새 액션을 생성하면, 일러스트레이터가 그 시점부터 수행하는 모든 작업을 자동으로 기록하기 시작합니다. 그대로 진행하여 내보내기 및 저장 설정을 기록하세요.

마지막으로 패널 메뉴에서 **일괄 처리(Batch)**를 선택하고 내보내기 옵션을 설정합니다. 이 과정을 거치면 지정한 폴더에 모든 변형 결과물이 저장됩니다.

일괄 처리 설정

• 액션(Action): 방금 생성한 액션 선택
• 소스(Source): 데이터 셋(Data Sets)
• 대상(Destination): 두 상자 모두 체크하고 출력 폴더 선택
• 파일 이름(File name): “데이터 셋 이름(Data set name)” 선택

확인(OK)을 클릭하면 선택한 폴더에 모든 파일이 저장됩니다.