在 Illustrator 中使用「變數」面板,您可以將資料來源檔 (CSV 或 XML 檔) 合併 Illustrator 文件,輕鬆建立多樣變化的圖稿。舉例來說,您可以直接使用資料合併功能來為不同的輸出介面快速並準確地製作上百個範本變數,而不需在範本中手動修改物件。同樣地,您可以更改活動徽章中的參與者姓名或網頁橫幅和明信片上的圖片,而不必重做您的圖稿。只需建立一個設計,然後讀入資料來源檔案中的姓名或圖片,即可快速產生變化。

variable-panel
使用「變數」面板,為不同專案的設計範本建立自訂變化,例如印刷海報、網頁橫幅和活動徽章。

先決條件

您的資料合併僅需資料來源檔及目標文件即可。 

  • 資料來源檔案包含隨目標文件的每次反覆運算而所不同的資訊,例如格式信件收件者的姓名、相片與地址。資料來源檔可以為逗號分隔檔案 (.csv) 或是可延伸標記語言檔案 (.xml)。
  • 目標文件是 Illustrator 的文件,其包含可以做為範本的基底圖稿。此文件可以包含資料欄位的預留位置及在每一合併文件反覆項目中的相同項目。

存取資料合併功能

您可在 Illustrator 的「變數」面板中使用資料合併 (「視窗 > 變數」)。文件中各變數的類型與名稱會列於面板中。如果變數連結到物件,當物件出現在「圖層」面板時,「物件」直欄內就會顯示連結物件的名稱。您可按一下標頭列中項目來排序橫欄: 使用變數名稱、物件名稱或變數類型。

變數面板
變數面板

A. 資料集 B. 面板選單 C. 在資料集間切換 D. 連結物件名稱 E. 變數名稱 F. 變數類型 G. 鎖定變數 H. 製作物件動態 I. 製作可見度動態 J. 解除連結變數 K. 建立變數 L. 刪除變數 

合併資料的快速步驟

  1. 建立要當作範本使用的 Illustrator 文件。

  2. 設定您的資料來源檔為 CSV 或 XML 格式。如需詳細資訊,請參閱準備資料來源檔案

  3. 使用「變數」面板,在 Illustrator 中讀入資料來源檔案。如需詳細資訊,請參閱讀入資料來源檔案

  4. 在您的範本中將變數連結至物件。如需詳細資訊,請參閱將變數連結至物件

  5. 在您轉存所有檔案之前,請以每個資料集預視文件。如需詳細資訊,請參閱以每個資料集預視文件

  6. 使用 Illustrator 中的「動作」面板從資料轉存一批檔案。如需詳細資訊,請參閱使用「動作」面板轉存檔案

準備資料來源檔案

資料來源檔案應以逗號分隔 (.csv) 或可延伸標記語言 (.xml) 格式儲存。

設定您的 CSV 來源檔案

在逗號分隔 (.csv) 檔案中,記錄是由段落分段所分隔;欄位則是由逗號或 Tab 字元來分隔。資料來源檔案也可包含文字或可檢視磁碟上影像的路徑。在讀入 CSV 檔案之前,請先執行下列動作,讓 Illustrator 識別變數類型。

  1. 開啟您的試算表。

  2. 在您的試算表第一列指定您的資料欄位名稱。接著,按照以下方式執行:

    • 在資料欄位名稱的開端輸入「@」符號,插入文字或參考影像檔案的路徑。「@」符號只有第一行需要;後續行應包含影像的路徑。
    • 同樣地,在資料欄位名稱的開端輸入「百分比」符號 (%) 做為圖表用途,以及「雜湊標記」符號 (#) 以提升可見度。

    註解:

    • 您試算表上的資料欄位名稱不得包含空格。例如,您可以將資料欄位指定為 Company_Name,而不是 Company Name
    • 同樣地,參考影像和圖表檔案的路徑也不得包含空格。例如,影像檔案的路徑應該是  C:\Photos\BillTucker ,而不是 C:\Photos\Bill Tucker
    • 與資料來源檔案相連結的所有圖表檔案應儲存為逗號分隔 (.csv) 檔案。
    • 如果在欄位的開端輸入「@」符號時,出現了錯誤訊息,請在「@」符號前輸入半形單引號 (') (例如 '@Photos) 來驗證該函數。某些應用程式會保留「@」符號以供函數使用,例如 Microsoft Excel。

    (Windows) 資料來源檔案中的影像和圖表參照範例

    Name Age @Photos %Graphs
    Bill Tucker 36 C:\Photos\BillTucker.jpg C:\Photos\BillTucker.csv
    Dat Nguyen 53 C:\MyDocuments\dat.jpg C:\MyDocuments\dat.csv
    Maria Ruiz 26 C:\Photos\Ruiz.jpg C:\Photos\Ruiz.csv

    (macOS)  資料來源檔案中的影像和圖表參照範例

    Name Age @Photos %Graphs
    Bill Tucker 36 /Users/photos/BillTucker.jpg
    /Users/photos/BillTucker.csv
    Dat Nguyen 53 /Users/family/photos/dat.jpg
    /Users/family/photos/dat.csv
    Maria Ruiz 26 /Users/alpha/photos/Ruiz.jpg /Users/alpha/photos/Ruiz.csv
  3. 在試算表中輸入您的資料。

  4. 執行下列任一項動作:

    • 將使用最新版本 (2016 年版) Microsoft Excel 所建立的試算表儲存為以下檔案格式:
      • CSV (逗號分隔) (*.csv)
      • CSV (MS-DOS) (*.csv)
    • 將使用 Apple Numbers 建立的試算表儲存為 CSV 格式並使用 Unicode (UTF-8) 編碼。

    註解:

    目前,Illustrator 支援轉存為上述格式的 CSV 檔案。其他 CSV 檔案格式,例如 Macintosh 的逗號分隔檔 (.csv) 就不支援資料合併。

準備一個 XML 檔案

  1. 在您的文件中定義變數。如需詳細資料,請參閱將變數連結至物件

  2. 按一下「變數」面板中的「擷取資料集」按鈕 ()。或者,從「變數」面板選單中選擇「擷取資料集」

  3. 建立所需數量的資料集後,從「變數」面板功能表中選擇「儲存變數資料庫」,將資料集另存為 XML 檔案。請指定檔名和位置,然後按一下「儲存」

    save-variable-as-xml-file
    將您在 Illustrator 中建立的變數轉存成 XML 檔案
  4. 現在,在文字編輯應用程式,如 Notepad ++ (Windows) 或 TextWrangler (macOS) 中,編輯 XML 檔案,將資料集包含在此檔案中。

    example-XML-file
    範例: 使用任何文字編輯應用程式來編輯 XML 檔案

    A. 取代影像路徑 B. 取代文字字串。 
  5. 在 Illustrator 中讀入您的 XML 檔案,然後在「變數」面板功能表中選擇「載入變數資料庫」。選取 XML 檔案,然後按一下「開啟」

    load-variable-to-data-set
    將變數讀入至 Illustrator

讀入資料來源檔案

若要將變數連結至想要的資料,請在「變數」面板中讀入資料來源。每份文件只能選取一個資料來源檔案。

  1. 選擇「視窗 > 變數」

  2. 按一下「變數」面板中的「讀入」

    import-data-set_1
    使用「變數」面板讀入資料來源檔案
  3. 在「載入變數資料庫」對話框中,選取 CSV 或 XML 格式的資料來源檔案,然後按一下「開啟」

    select-a-data-source-file_1
    選取 CSV 或 XML 資料來源檔案
  4. (選用) 透過先從下拉式選單中加以選擇,然後編輯其選項的方式,資料集您日後就可以編輯、重新命名或刪除資料集。

    • 若要在資料集間進行切換,請選取「變數」面板中的「資料集」清單中的資料集。或者,按一下「上一個資料集」按鈕 (),或「下一個資料組集」按鈕 ()。
    • 若要將工作區域上的資料套用至目前資料集,請從「變數」面板選單中選擇「更新資料集」。
    • 若要重新命名資料集,請直接在「資料集」文字方塊中編輯文字。或者,按兩下「資料集」一詞 (在文字方塊資料集左側),輸入新的名稱,然後按一下「確定」
    • 若要刪除資料集,請按一下「刪除」圖示。或者,從「變數」面板選單中選擇「刪除「變數」面板選單的「資料集」

將變數連結至物件

變數可用來定義範本中變更您想要的元素。您可以定義四種變數類型:「可見度」變數、「文字字串」變數、「連結檔案」變數,以及「圖表資料」變數。變數類型指出哪一個物件屬性為可變 (動態)。文件中各變數的類型與名稱會列於面板中。如果變數連結到物件,當物件出現在「圖層」面板時,「物件」直欄內就會顯示連結物件的名稱。

變數類型 指出變數類型的圖示
定義
「可見度」變數 顯示或隱藏圖稿。
「文字字串」變數 取代文字字串。
「連結檔案」變數 使用其他檔案的物件來取代工作區域中的物件。
「圖表資料」變數 取代圖表中的值。
「無類型」(未連結) 變數 未連結至任何物件。

若要在 Illustrator 中定義變數請執行下列動作:,

  1. 選取物件。

  2. 在「變數」面板 (視窗 > 變數) 中,選取您要連結的變數。

  3. 若要將物件連結至變數,請執行下列任一項動作:

    • 按一下「製作物件動態」() 按鈕。
    • 從面板選單中選擇「製作物件動態」

若要建立變數而不將其連結至物件,請執行下列動作:

  1. 按一下「變數」面板中的「新增變數」按鈕 (),或從面板選單中選擇「新增變數」

  2. 如果之後要將物件連結到變數,請選取該物件及變數,然後按一下「製作可見度動態」按鈕 () 或「製作物件動態」按鈕 ()。或者,從面板選單中選擇其中一個選項。

處理變數

您可以編輯變數的名稱或類型,解除連結變數,並使用「變數」面板鎖定變數。

解除連結變數會切斷變數與其物件之間的連結。鎖定變數將使您無法建立變數、刪除變數及編輯變數選項。然而,您可以將物件連結至已鎖定的變數,或解除物件連結。

變更變數名稱與類型

  1. 在「變數」面板中按兩下變數。或者,選取「變數」面板中的變數,然後從「變數」面板選單中選擇「變數選項」

解除連結變數

  1. 按一下「變數」面板中的「解除連結變數」按鈕 (),或從「變數」面板選單中選擇「解除連結變數」

鎖定或解除鎖定文件中所有變數

  1. 按一下「變數」面板中的「鎖定/解除鎖定變數」按鈕

刪除變數

刪除變數會從「變數」面板移除該變數。如果您刪除連結至某物件的變數,則該物件會變為靜態 (除非該物件也連結至不同類型的變數)。

  1. 選取您要刪除的變數。

  2. 執行下列任一項動作:

    • 按一下「變數」面板中的「刪除變數」按鈕 (),或從「變數」面板選單中選擇「刪除變數」

    • 若要直接刪除變數而不進行確認,請將變數拖移至「刪除變數」按鈕 () 上。

編輯動態物件

您可以藉由編輯變數連結的物件,變更與變數相關聯的資料。例如,如果正在處理「可見度」變數,可以在「圖層」面板中變更物件的可見度狀態。編輯動態物件您建立多個可於範本中使用的資料集。

  1. 在畫板上選取動態物件,或執行下列任一項動作,以自動選取動態物件:

    • 在「變數」面板中,按住 Alt 鍵並按一下變數 (Windows),或按住 Option 鍵並按一下變數 (Mac OS)。

    • 選取「變數」面板中的變數,然後從「變數」面板選單中選擇「選取連結物件」

    • 若要選取所有動態物件,請從「變數」面板選單中選擇「選取全部連結物件」

  2. 依下列方式編輯與該物件相關的資料:

    • 若是文字,請在畫板上編輯文字字串。

    • 針對連結檔案,請使用「連結」面板或「檔案 > 置入」指令來取代影像。

    • 針對圖表,請在「圖表資料」對話框中編輯資料。

    • 針對所有含動態可見度的物件,請在「圖層」面板中變更該物件的可見度狀態。

使用 XML ID 來識別動態物件

當動態物件出現於「圖層」面板中時,「變數」面板就會顯示這些動態物件的名稱。如果您以 SVG 格式儲存範本以便與其他 Adobe 產品一起使用,則這些物件的名稱必須符合 XML 的命名規則。例如,XML 名稱必須以字母、底線或冒號開頭,且不能包含空格。

Illustrator 會自動指派有效的 XML ID 至每一個您所建立的動態物件。如果要使用 XML ID 來檢視、編輯及轉存物件名稱,請選擇「編輯 > 偏好設定 > 單位 」(Windows) 或「Illustrator > 偏好設定 > 單位」 (Mac OS),然後選取 XML ID。

以每一個資料集預視文件

若要查看圖像最後的外觀,您可以在轉存之前先預視所有檔案。使用「變數」面板中「資料集」旁邊的方向鍵來導覽並預視您文件中的資料集。

使用「動作」面板轉存檔案

定義了變數以及一或多個資料集之後,您就可以在批次處理模式中,使用資料集數值輸出圖稿。請執行下列動作:

  1. 使用「動作」面板 (「視窗 > 動作」),記錄動作以將您的文件儲存成所需的格式。如需詳細資訊,請參閱藉由動作加以自動化

  2. 從「動作」面板選單中選擇「批次」,然選取您在上一步驟中建立的動作。

  3. 在「來源」中,選取「資料集」來播放目前檔案每一資料集的動作。

  4. 在「目的」中,指定您想對處理過的檔案進行的動作。您可保持檔案開啟而不儲存變更 (無)、將所有檔案儲存在其目前位置並關閉 (儲存並關閉),或將檔案另存到不同位置 (檔案夾)。

    視所選取的「目標」選項而定,可設定儲存檔案的其他選項。如需詳細資訊,請參閱在整批檔案上播放動作

  5. 按一下「確定」

儲存資料合併的範本

當您在 Illustrator 文件中定義變數時,即建立了一個資料合併的範本。您可以將範本儲存為 SVG 格式以供其他 Adobe 產品使用,例如 Adobe® Graphics Server。例如,一個使用 Adobe Graphics Server 的開發者可以將 SVG 檔案中的變數直接連結到資料庫或其他資料來源。

  1. 選擇「檔案 > 另存新檔」,輸入檔案名稱,選取 SVG 作為檔案格式,然後按一下「儲存」

  2. 按一下「更多選項」,並選取「包含 Adobe Graphics Server 資料」。此選項包括 SVG 檔案中所有替代變數所需的資訊。

  3. 按一下「確定」

讀入 CSV 檔案時發生問題嗎?

如果您在上傳 CSV 資料來源檔案時收到以下的錯誤訊息: 傳入的變數資料庫無效,請檢查下列項目:

  • 您的 CSV 檔案不是空白檔案。
  • 您使用最新版 Microsoft Excel 建立的試算表已儲存為 CSV (逗號分隔) (*.csv)  或 CSV (MS-DOS) (*.csv) ,且使用 Apple Numbers 建立的那些試算表已儲存為 CSV 格式並使用 Unicode (UTF-8) 編碼。資料來源檔案是否儲存為其他檔案格式,例如 Macintosh 逗號分隔檔 (.csv) 就不支援資料合併。
  • 所有欄位都有資料欄位名稱。例如,資料來源檔案中的欄位包含資料,但沒有資料欄位名稱時,Illustrator 就會顯示錯誤訊息。
  • 資料來源檔案在填滿的欄位間沒有空白欄位。例如,在您的資料來源檔案中,欄位 B 和 D 包含資料,但欄位 C 為空白時,Illustrator 就會顯示錯誤訊息。
Example-errors-while-importing-CSV-files
範例: 設定 CSV 來源檔案以進行資料合併時發生錯誤

A. 某個欄位沒有資料欄位名稱 B. 填滿的欄位之間出現空白欄位 
  • 試算表上的資料欄位名稱並未包含空格。
  • 來源資料檔案中參考影像和圖表的路徑未包含任何空格。
  • 與資料來源檔案相連結的所有圖表檔案已儲存為逗號分隔 (.csv) 檔案。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策