使用手冊 取消

建立資料導向圖形

使用資料導向圖形來處理在 Photoshop 中建立的範本

以下為您提供一個使用情境:

這是您工作的第一週,您必須使用單一的範本設計,來建立出五個版本的網頁橫幅,各自包含不同的文字與影像。

您知道資料導向圖形是完成這項工作的最佳方式嗎?

請依照下列的一般步驟,使用資料集建立具有不同文字和影像的一致性設計:

  1. 建立要做為範本使用的基本圖像。 

    使用圖層將您想變更的圖形元素分離出來。

  2. 在圖形中定義變數。如我們所知,變數會指定影像中需要變更的部分。

  3. 建立或匯入資料集。您可以在範本中建立資料集,或是從文字檔匯入資料集。

  4. 用各個資料集預覽文件。轉存檔案前,請先查看預覽,以瞭解最終影像的外觀樣貌。

  5. 使用資料轉存以產生圖形。建議使用 Photoshop (PSD) 格式。

    使用變數在 Photoshop 中建立不同版本的影像
    使用變數建立不同版本的影像

變數

變數可用來定義範本中需要變更的元素。您可以定義三種類型的變數。

可見度變數」會顯示或隱藏圖層的內容。

文字取代」變數會取代文字圖層中的文字字串。

像素取代」變數會用其他影像檔案中的像素取代圖層中的像素。

註解:

使用「背景」圖層時無法定義變數。

使用變數

  1. 前往「影像 > 變數 > 定義」。

  2. 從「圖層」彈出式選單選取您偏好的圖層,將其內容定義為變數。

  3. 選取一或多個變數類型:「可見度」、「像素取代」及「文字取代」。

    可見度可顯示或隱藏圖層或圖層群組的內容

    像素取代可用其他影像檔中的像素取代圖層中的像素

    文字取代可取代文字圖層中的文字字串

  4. 請執行下列任一操作:

    • 在「名稱」欄位中輸入變數的名稱。變數名稱開頭可以是英文字母、底線或冒號,但不能包含空格或特殊字元 (句點、連字號、底線和冒號除外)。

      或者,

    • 從「名稱」下拉式選單中選擇現有變數以連結此圖層。連結到相同變數的圖層,會與連結圖示一起顯示在「名稱」選單旁。

  5. 使用「像素取代」變數時,請依照下列步驟進行。

    1. 請選擇您偏好的方式來縮放取代影像:
      • 調整大小」方法會在維持比例的前提下調整影像大小,使其符合邊界方框的大小。
      • 填滿」方法可調整影像大小以填滿邊界方框,同時維持比例。影像可能會在某個維度上與邊緣重疊。
      • 依既有內容」方法會維持取代影像的大小。影像可能會在一或兩個維度上與邊緣重疊。
      • 符合」方法可調整影像大小以填滿邊界方框。影像可能不會維持原始比例。
    2. 選取對齊圖示上的控點,以選擇將影像放在邊界方框內的對齊方式。(此操作不適用於「符合」。)
    3. 勾選「剪裁至邊界方框」,將超出邊界方框的影像區域剪裁掉。只有在選取「填滿」或「依既有內容」取代方法時,才可以使用這個選項。(此操作不適用於「符合」。)
    「調整大小」方法會在維持比例的前提下調整影像大小,使其符合邊界方框的大小。
    「調整大小」方法會在維持比例的前提下調整影像大小,使其符合邊界方框的大小。

  6. 若要為其他圖層定義變數,請從「圖層」彈出式選單中選擇圖層,並選取「確定」。

    包含變數的圖層名稱旁邊會出現星號。您可以使用導覽箭頭在圖層之間移動。

重新命名變數

  1. 前往「影像 > 變數 > 定義」。

  2. 從「圖層」彈出式選單中選擇包含變數的圖層。

  3. 若要重新命名變數,請在「名稱」文字方塊中輸入名稱。

    變數名稱必須以英文字母、底線或冒號開頭,而且不能包含空格或特殊字元 (句點、連字號、底線和冒號除外)。

  4. 取消選取變數以將其移除。

資料集

資料集是變數與相關資料的組合。您可以為想要產生的每一個圖形版本定義資料集。

  1. 請執行下列任一操作:

    • 前往「影像 > 變數 > 資料集」。

    或者,

    • 如果「變數」對話框開啟,請從下拉式選單選取「資料集」,或選取「下一步」。
    註解:

    在編輯預設資料集之前,需要先定義至少一個變數。 

  2. 選取新增資料集按鈕 (),以根據目前的資料集建立新的資料集。

  3. 從「名稱」下拉式清單中選取變數。

  4. 編輯變數資料:

    • 如果是「可見度」變數,請選取「可見」(以顯示圖層的內容),或選取「隱藏」(以隱藏圖層的內容)。

    • 如果是「像素取代」變數,請選取「選取檔案」,然後選取取代影像檔。在套用資料集之前選取「不要取代」,可保留圖層目前的狀態。

    註解:

    如果先前已經套用了其他取代方法,「不要取代」按鈕就不會將檔案重設為原始狀態。

    • 如果是「文字取代」變數,請在「」文字方塊中輸入文字字串。
  5. 為想要產生的每一個圖形版本定義其他資料集。

先從「資料集」選單中選擇資料集,然後編輯各個選項,即可編輯、重新命名或刪除資料集。請使用箭頭圖示在資料集之間移動。點擊「刪除」圖示以刪除資料集。

預覽或套用資料集

將資料集的內容套用至您的基礎影像,但維持變數和資料集不受影響。

這會將您的影像檢視變更為包含資料集的值。使用「預覽」選項,以檢視使用各個資料集時每個版本所呈現的外觀樣貌。

前往「影像 > 套用資料集」,從清單中選取資料集,並在文件視窗中預覽影像。

選取「套用」以套用資料集。如果您只想要預覽基礎影像,並不想變更,那麼請點擊「取消」。

您也可以瀏覽至「影像 > 變數 > 資料集」,然後勾選「預覽」核取方塊,以套用並預覽資料集。

註解:

套用資料集會覆寫您的原始文件。

使用資料集產生圖形

定義變數和一或多個資料集後,您就可以使用這些資料集的值來產生批次模式輸出影像。所產生的輸出會以 PSD 檔案的形式呈現。

  1. 前往「檔案 > 轉存 > 資料集轉存為檔案」。

  2. 為所有產生的檔案輸入基本名稱。您可依需要建立自己的檔案命名規則。
  3. 使用「選取檔案夾」按鈕,為您的檔案選取目的地目錄。

  4. 選擇要轉存的資料集,然後點擊「確定」。

在外部檔案中建立資料集

您可以使用一個包含所有變數資訊的外部文字檔,然後將其匯入至包含變數的 PSD 文件中,便能快速建立大批的資料集。

其中一個做法,就是將資料輸入到文字檔或 Microsoft Excel 試算表,然後將其轉存為以 Tab 或逗號分隔的檔案。

請遵循外部文字檔的指定語法 (在檔案中,以「變數」或「值」起始的每一行就是完整的一行):

VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl>
Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl>
Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl>
Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>
VariableName1<sep>VariableName2<sep> <sep>VariableNameN <nl> 
Value1-1<sep>Value2-1<sep><sep>ValueN-1<nl> 
Value1-2<sep>Value2-2<sep><sep>ValueN-2<nl> 
Value1-M<sep>Value2-M<sep><sep>ValueN-M<nl>

所有變數名稱會列在第一行,而排列順序則按照下面各行的數值順序。隨後的每一行各代表一個資料集,其中包含每一個指定變數的數值。

註解:

若要在資料集的一行文字中建立多行文字,請使用雙引號括住文字,並在以 Tab 或逗號分隔的檔案中,在想要換行的位置插入強迫換行符號。 

外部文字檔 語法元素

<sep>

無論是逗號分隔 (CSV) 還是 Tab 分隔的檔案,都會將每一個變數名稱或值隔開

<nl>

結束每個資料集的換行字元,可以是換列、換行,或是兩者

「true」與「false」

可見度變數的允許值

空格

當剖析檔案時,分隔符號前後的空格會遭到移除;在值字串中單字與單字之間的空格則會保留 (例如,two of a kind),包含在雙引號之間的前端與尾端空格也會保留 (例如,"one kind ")

雙引號

如果雙引號裡面又再加上一對雙引號,那麼裡面的雙引號便屬於值的一部分 (例如,""B"" 便代表資料集中的 "B")

如果 <sep><nl> 屬於該變數值的一部分,則您需要用雙引號括住整個值。

您的 PSD 檔案中定義的所有變數,都必須在文字檔中定義,如果文字檔中的變數數目與文件中的變數數目不符,就會顯示錯誤。

範例資料集

使用保存了鬱金香與向日葵變數的花朵範本來建立文字檔。此檔案的內容可能如下:

{FlowerShow.txt 的內容}
Variable 1, Variable 2, Variable 3
true, TULIP, c:\My Documents\tulip.jpg
false, SUNFLOWER, c:\My Documents\sunflower.jpg
false, CALLA LILY, c:\My Documents\calla.jpg
true, VIOLET, c:\My Documents\violet.jpg
{FlowerShow.txt 的內容} Variable 1, Variable 2, Variable 3 true, TULIP, c:\My Documents\tulip.jpg false, SUNFLOWER, c:\My Documents\sunflower.jpg false, CALLA LILY, c:\My Documents\calla.jpg true, VIOLET, c:\My Documents\violet.jpg
{FlowerShow.txt 的內容} 
Variable 1, Variable 2, Variable 3 
true, TULIP, c:\My Documents\tulip.jpg 
false, SUNFLOWER, c:\My Documents\sunflower.jpg 
false, CALLA LILY, c:\My Documents\calla.jpg 
true, VIOLET, c:\My Documents\violet.jpg
註解:

如果文字檔與影像檔位於同一個檔案夾,您就可以使用相對路徑做為影像位置。例如,上述範例的最後一個項目可以是:true, VIOLET, violet.jpg。

讀入資料集

  1. 執行下列任一項作業:

    • 前往「檔案 > 匯入 > 變數資料集」。

    或者,

    • 前往「影像 > 變數 > 資料集」,然後使用「匯入」按鈕瀏覽要匯入的文字檔。
  2. 設定您的匯入選項。

    • 使用第一欄作為資料集名稱:使用文字檔的第一欄 (列出第一個變數的值) 為每個資料集命名。否則,資料集就會以「Data Set 1」、「Data Set 2」的方式類推命名。
    • 取代現有的資料集:在匯入前刪除任何現有的資料集
  3. 在選取「確定」前,先設定文字檔的編碼,或保留「自動」的設定。

更快、更輕鬆地獲得協助

新的使用者?