Illustrator 디자인 베리에이션을 쉽고 빠르게 하는 방법

 

"클릭 한번으로 100개의 상품 카드 만들기 가능할까?"

 

---

 
안녕하세요 여러분, 덕디입니다.
일러스트 레이터 스크립트를 이용하여 수십개의 베리에이션 단숨에 하는 법을 알려드리고자 합니다
 

엑셀로 전달받는 파일의 내용을 하나하나 입력하자니 시간도 오래걸리고 언제 다 끝내나 싶으시죠?

 
오늘 소개해드리는 이 스크립트 하나만 있으면,
단 3분이면 10개, 30개, 50개 그 이상까지 어렵지 않게 쉽고 빠르게 만드실 수 있습니다.
 
 

---

 

 

---

 

이렇게 많은 썸네일 / 카드 배너 / 상품 정보 형식의 디자인을

빠르게 만들 수 있는 스크립트를 만들어 왔습니다.

 

 

 

직접 제작한 상품 정보 디자인(좌)이나

스마트 채널 / 비즈보드처럼 매체에서 받은 템플릿(우)도 빠르게 제작할 수 있습니다.

 

 

 

 

템플릿이 묶여있는 레이어의 이름을 00.Art_board로 변경해주세요

 

 

 

 

변경하실 이미지 1개를 포함(Embed) 해주세요

 

 

 

 

변경하실 텍스트 위치를 !A / !B / !C / !D... 형식으로 변경해주세요

제 엑셀파일을 예시로 보여드리자면,

 

번호 정보가 들어갈 위치 → !A

리뷰 정보가 들어갈 위치 → !B

브랜드명 정보가 들어갈 위치 → !C

제품명 정보가 들어갈 위치 → !D

원단 정보가 들어갈 위치 → !E

사이즈 정보가 들어갈 위치 → !F

쿠폰 정보가 들어갈 위치 → !G

할인 전 가격 정보가 들어갈 위치 → !H

할인 후 가격 정보가 들어갈 위치 → !I

 

위 예시처럼 변경해 주시면 됩니다

 

 

 

 

블로그 하단에 있는 스크립트를 다운로드 해주세요

 

 

 

일러스트레이터에서 File → Scripts → Other Script...를 클릭해서

방금 다운로드 받아주신 스크립트를 불러옵니다

 

 

 

복제할 아트보드의 수를 조정한 뒤

이전에 입력해둔 !A / !B / !C... 항목에 맞는 데이터를 복사해 넣어줍니다.

 

 

 

텍스트 배치가 완료되면

01 / 02 / 03 / 04 / 05... 형태로 이름이 지정된 이미지들이 들어 있는 폴더를

지정하여 이미지도 적용될 수 있도록 합니다.

 

 

 

완료를 누르면, 모든 이미지와 텍스트가 교체된 모습을 확인하실 수 있으실 겁니다.

---

스크립트 사용 방법

1. 파일 다운로드 및 압축 해제
   먼저, 제가 공유해드리는 파일을 받아 압축을 풀어주세요.
2. 파일 준비
   1. 상품 정보가 리스트 되어 있는 엑셀 파일 / 2. 각 상품의 순서에 맞게 01, 02, 03 ... 형태로 넘버링 된 이미지들이 모여있는 폴더 / 3. 일러스트레이터에서 디자인 했거나, 포토샵 psd파일을 일러스트레이터로 불러와서 변환시킨 템플릿 파일이 필요합니다.
3. 레이어 세팅
   작업 템플릿이 묶인 레이어의 이름을 00.Art_board로 변경하고, 변경할 이미지 1개를 포함시켜주세요. 엑셀에 있는 상품 정보 리스트가 들어갈 자리를 !A, !B, !C... 형식으로 대입시켜 교체해두세요.
4. 스크립트 사용
   일러스트레이터의 좌측 상단 메뉴에서 File > Scripts > Other Script를 선택하세요. 그런 다음 다운로드 받은 파일 중 확장자가 jsx인 파일을 열어주세요. 베리에이션 숫자와 간격, 정렬 기준을 조정하고, !A / !B / !C... 에 해당하는 데이터를 엑셀에서 붙여넣어주세요. 텍스트 교체가 완료되었다면, 이미지 교체 여부를 확인하고 이미지 파일이 모여있는 폴더를 선택해주세요.
5. 정리 완료
   작업이 완료되면 가이드라인에 잘 맞나 확인하고 최종 전달하면 됩니다.

 

---

 

스크립트 사용 시 주의 사항

• 이 스크립트는 무료로 공유드리고 있지만, 제삼자에게 배포하거나 상업적으로 판매하는 것은 금지되어 있습니다.
• 스크립트를 공유하고자 하실 때는 반드시 덕디 유튜브 채널 URL을 전달하는 방식으로 공유해주세요.
• 이 스크립트는 어도비일러스트레이터 2023 영문을 기준으로 제작되었습니다. 사용하는 버전에 따라서 스크립트 작동에 차이가 있을 수 있습니다.
• 이 스크립트를 작동하기 전 Ai파일을 저장하는 것을 권장드립니다. 일러스트레이터에서 폰트나 텍스트 레이어의 내용을 변경할 때 생기는 응답없음 현상이 다수의 레이어를 자동 복제하는 과정에서 멈출 수 있습니다.

Usage Notes for the Script

· This script is shared for free, but redistribution to third parties or commercial sale is prohibited. When sharing the script, please ensure to provide the URL to the DeokDi YouTube channel.

· This script is designed based on Adobe Illustrator 2023 in English. There may be differences in script functionality depending on the version you are using.

· It is recommended to save your Ai file before running this script. There may be instances where Illustrator becomes unresponsive, particularly during the process of automatically duplicating layers when modifying fonts or text layers.

 
 

디자이너 덕디 [Deok Di]

 

스크립트 다운로드

Variation_script_Youtube @Deokdi.zip

0.09MB