【Illustrator 教學】做大量圖像時別再土法煉鋼手動輸入資料 — 如何匯入Excel 資料進 Adobe Illustrator

Chester Yu
7 min readAug 6, 2017

--

相信我們都有做大量名牌或是名片的需求過。每當設計師設計好樣板後,最令人頭痛的就是要土法煉鋼的把資料如姓名、電話、Email、職稱甚至大頭照等等一個一個手動更換上去,而且中間還非常有可能會不小心打錯字,造成許多困擾。

而 Adobe 似乎一直一來沒有想要解決Illustrator 裡的這個問題,所以今天要來分享好物,教大家怎麼把excel csv 檔案匯入 Adobe Illustrator,幫所有設計師省下大量的時間與金錢!

Step 1 : 下載外掛

首先,請先到Github這邊來下載我們的外掛程式。

這邊建議大家直接點Raw,然後直接右鍵另存到你的電腦內,

(儲存時,請維持檔案為.jsx,以免不相容喔!)

儲存的路徑這邊要注意,請直接下載到底下這個資料夾內,這樣Illustrator才會抓的到喔!

/Adobe Illustrator CS6/Presets/en_US/Scripts

(這邊如果你用的是別的語言版本,Presets資料夾內請選相對應的語言)

下載好之後,第一部分就完成啦!

Step 2 : 製作CSV檔

把資料整理成CSV資料,並且把資料標頭列清楚。注意標頭這邊不要放任何特殊符號或是空白,以免造成輸入時出現錯誤

上圖你會看到我這邊有一個@Language11的標頭,這個是告訴Illustrator你照片的檔案名稱,至於 Language11不重要,可以改成任何你想要的標題,只要前面有加”@“即可。

Step 3 : 設定你的Illustrator物件名稱

相信有在使用AI的朋友都知道,圖層是一個非常常用的一個工具之一。

那我們現在要來做一個非常重要的設定:在圖層裡更改要當變數的文字字串或是照片的名稱。這裡把名稱改成跟上一步CSV裡的標頭一樣,這樣等等就會神奇地自動連結在一起了囉!

譬如說我上面的例子,我把Jason的名稱改為First2,這樣他等等自動去抓我CSV 裡面的 First2 那一行囉!

至於照片,如下圖,請用一樣的方法,把名稱改為CSV檔案裡面的@XXX(不用輸入@)。這樣等等匯入就會自動連結在一起囉!

注意:欲成為變數的照片請使用”連結”(滑鼠滑過去時會出現一個X),不要嵌入在AI裡面。這樣變數在跑的時候才會跟著被改變喔!

Step 4 : 把CSV檔案輸入至Illustrator

請選取 File → Script 裡面剛剛新植入的 ”VariableImporter”。

點選後,選取Choose Data File並找尋剛剛設定好的CSV檔案。

此時系統會顯示給你電腦已經認出的資料。但由於剛剛影像的部分只有給照片名稱,並沒有跟他說在哪一個資料夾,所以下一步就是去定義影像的來源。

選擇上方的 File Paths

進到此畫面之後,再選擇Prepend Image Path,便可以定義你的照片位址。

選好資料夾後,你甚至可以點選:Show Log 測試一下有沒有輸入錯誤,確認每一個檔案都有抓到。

顯示結果正確後,最後一步輸入,然後就是令人會令人感到滿足的一刻!

Step 5 : 輸入大功告成

輸入成功後,你會發現系統自動地把一樣名稱的變數自動連結再一起囉!

匯入後,你會發現旁邊會出現一個變數Variables的視窗,只要換變數,Illustrator 上的資料就會跟著變囉!

Step 7 : 輸出個別檔案

做出來歸做出來,如何輸出則是個大問題。

別擔心,這邊一步一步教你怎麼輸出。

首先,先視窗裡開啟Actions這個選項。

點開後,選擇Create New Action (製作新指令?)

下一步,你可以任意命名這個指令。命名完,便可以按下Record紀錄開始紀錄動作。

開始紀錄後,滑鼠請點檔案 → Save a Copy (這邊一定要點Save a copy,如果你點Save as 或是 export匯出,出來的檔案都會被覆蓋掉。)

這裡可以選擇你要儲存的地方,也可以選擇你要儲存的格式。

儲存完畢後,便可以按下停止錄影。

接下來,便是輸出的重頭戲。先點選Actions右上角的小按鈕,然後點選”Batch…”,

這邊Actions 選取剛剛命名的”Save A Copy”,按下Ok後,系統便開始自動幫你儲存啦!

(這邊你也可以勾選:Override Actions “Save” Commmands ,覆寫儲存位置)

儲存時大概會長得像這樣:

這樣就大工高程啦!

結語,乍看之下當份量很少的時候好像土法煉鋼還是比較快…但如果今天你有超過數十個甚至百份資料的時候,這個方法可以幫你省下非常多的時間,且可以減少人為的錯誤!

操作上有遇到什麼問題歡迎留言詢問!

Peace, Chester out (Mic Dropped)

--

--