若要在 Mac 版 Affinity 中批次匯出使用相同背景的變體,請在各自的畫板上製作完整版本,使用符號重複使用背景,然後透過切片工作室一併匯出畫板切片。

此工作流程適用於需要多個獨立成品圖像的人,例如三款背景完全相同的幾何卡片設計。本文依循目前 Affinity 桌面版說明文件,採用 向量工作室 和 切片工作室 這兩個名稱。Affinity 說明,切片工作室是一次匯出多個素材的工作區。切片工作室

為什麼匯出各變體群組可能會漏掉背景

關鍵在於切片如何取得內容。Affinity 表示,從 匯出圖層 面板中的項目建立的切片,只會包含屬於該來源圖層的內容。使用 切片工具 繪製的切片,則會包含其範圍內所有可見圖層的內容。使用切片工作室匯出

因此,從前景變體群組建立切片,不會自動將它與文件其他位置的獨立背景圖層合併。重疊地在同一個構圖上繪製多個切片,也不會為每次匯出設定不同的可見度組合:依據文件所述的行為,每個範圍都會包含其中的可見內容。這是兩種切片行為所帶來的實際結果,並非獨立的變體產生功能。

若要確保批次輸出結果符合預期,請讓每個變體都位於一個包含前景與背景實例的完整畫板上。透過 Affinity 的符號功能,背景仍可連結以便編輯,並將變更同步至多個畫板。符號

起始配置 此工作流程的準備方式
多個前景群組重疊於同一個背景上 將每個前景移至自己的畫板,並在其中加入背景符號實例。
已有各自包含完整設計的獨立畫板 檢查背景實例,然後匯出畫板切片。
在單一構圖中透過切換可見度顯示不同變體 批次匯出前,先組成各自完整的畫板。
只需少數檔案,且不想準備畫板 每次匯出一種可見度組合,並逐次檢查匯出範圍。

官方切片說明介紹的是如何匯出範圍和項目;其中並未說明有哪項控制功能能自動將每個同層變體群組與指定背景配對。畫板配置可明確建立這些組合。

使用連結背景建立完整變體

建立第一個畫板

先建立一個符合預期輸出比例的完整構圖。若要建立新文件,請選擇 檔案 > 新增,選取預設或輸入自訂設定,勾選 建立畫板,然後點選 建立。Affinity 也支援在現有文件中新增畫板。新增與移除畫板

以示範專案為例,建立三張 800 × 800 px 的卡片,並命名為 circle、square 和 triangle。每張卡片都包含一個淺色背景矩形和一個前景圖形。這些尺寸和名稱僅為範例,並非 Affinity 的要求。

在圖層面板中,將背景和前景放在畫板的圖層階層內。一種實用配置是將一個背景物件或群組置於一個前景群組下方。背景應涵蓋預期輸出範圍;任何裝飾性背景物件也應納入同一個背景群組。

只將共用背景轉為符號

選取背景物件或群組,然後選擇 圖層 > 建立符號,或在符號面板中點選 建立。Affinity 允許從選取的物件或群組建立符號。符號

將各變體專屬的圖形留在符號之外。否則,在同步符號內編輯前景物件時,變更可能會套用至其他實例。共用元件應只包含你打算重複使用的內容。

複製畫板並變更前景

選取完成的畫板,然後選擇 編輯 > 複製 > 選取項目。Affinity 也說明,在 Mac 上使用移動工具或畫板工具時,可以按住 Command 並拖曳畫板來複製。若要重新命名畫板,請在畫布上方或圖層面板中按兩下其名稱。新增與移除畫板

替換每個複製畫板上的前景,同時保留其背景符號實例。準備匯出前,先稍微修改背景以確認連結正常:展開圖層面板中的符號項目,並編輯其中的物件。啟用同步後,對應的背景物件應會在各個實例間更新。Affinity 特別指出,編輯多物件符號內的物件是讓變更傳播的方式。符號

以此範例來說,文件現在應包含三張完整卡片。每個畫板都能各自檢視,包含自己的圖形和相同的背景設計。完成這項準備後,便可在寫入任何檔案之前,檢視並確認預期的匯出組合。

設定並一併匯出畫板切片

開啟切片工作室並選取完整畫板

開啟 工作室管理員 並啟用 切片工作室;它預設為隱藏,可能需要捲動才能找到。切片工作室

檢查 切片 面板中的畫板項目。Affinity 的多畫板匯出說明會直接使用這些畫板切片。若需明確建立切片,請在 匯出圖層 中選取完整畫板,然後點選 建立切片。選取畫板而非其前景群組,讓來源包含組合完成的構圖。匯出畫板、匯出圖層面板(切片工作室)

若缺少面板,Mac 上文件列出的選單路徑為 視窗 > 一般 > 切片、視窗 > 一般 > 匯出圖層 和 視窗 > 一般 > 匯出選項。切片面板、匯出圖層面板(切片工作室)、匯出選項面板

設定格式、尺寸和檔名

展開畫板切片,檢查其匯出設定。Affinity 支援為畫板切片新增格式、設定多種縮放比例或絕對尺寸,以及變更匯出檔名。第一個範例先選擇 PNG;若需要指定像素寬度,可使用 800w 這類明確設定。匯出畫板

不要假設 1x 一定等於文件標示的像素尺寸。Affinity 說明文件 DPI 與切片縮放比例之間的關係:其範例顯示,64 × 64 px、144 DPI 的文件在 1x 時會輸出為 32 × 32 px,在 2x 時則為 64 × 64 px。請檢查顯示的輸出尺寸,或使用絕對尺寸來取得明確規格的成品。使用切片工作室匯出

設定好第一個切片後,使用 將匯出設定複製到剪貼簿 和 從剪貼簿取代匯出設定,將相同設定套用至另一個目標切片。之後請再次檢查每個檔名。這些控制功能會複製匯出設定,不會組合背景與前景。切片面板

檢查預期切片並執行批次匯出

啟用要匯出的切片項目,停用不需要的項目,包括不需要的整頁項目。匯出切片(n) 會匯出面板中所有已勾選的項目;選取列和勾選匯出是兩種不同操作。切片面板

點選 匯出切片(n),選擇目的地資料夾,再點選 匯出。一個切片可以包含多種格式和尺寸,因此勾選三個畫板可能會產生超過三個檔案。例如,三個畫板各有兩種 PNG 尺寸時,會產生六個輸出檔案。Affinity 的匯出說明確認,批次會包含已勾選切片所設定的所有格式和尺寸。匯出切片

第一次匯出時,每個畫板先使用一種格式和一種尺寸。用 Finder 開啟三個檔案,確認其尺寸、背景和前景,再新增其他輸出變化。

選擇格式時留意匯出限制

共用背景的配置決定每個輸出包含哪些內容;檔案格式和匯出設定則決定如何呈現這些內容。Affinity 可用的控制項會隨所選格式或預設而變動。匯出選項面板

需求 相關說明文件所述的行為
輸出含向量內容的 SVG SVG 匯出提供點陣化選項;不支援的屬性可能需要點陣化。
SVG、PDF 或 EPS 不進行點陣化 點陣化:無 會省略不支援的元素,而非將其轉換。請檢查結果是否缺少內容。
保留不支援的外觀 點陣化:不支援的屬性 會將不支援的元素點陣化;全部 則會將所有元素點陣化。
讓 SVG 文字在沒有原始字型時仍可顯示 將文字匯出為曲線 可保留文字外觀,但會失去文字可編輯性,且可能增加檔案大小。
輸出超大型點陣圖 Affinity 表示,若輸出尺寸超過格式上限,會縮小以符合限制;匯出對話框會在繼續前發出警告。

這些限制說明於 Affinity 的匯出設定中。

若需要 SVG,請檢查切片設定中的格式選項和設定,不要假設 PNG 預設會配置向量輸出。Affinity 將切片的 檔案格式 選擇器與預設及縮放控制項分開。若該設定中沒有所需格式或設定,文件列出的方式是使用匯出對話框;此處可存取所有支援的格式和完整匯出設定。切片面板、關於匯出

若要透過該對話框匯出一個已準備好的變體,請選擇 檔案 > 匯出 > 匯出,選取所需格式或預設,並將 範圍 設為具名畫板。匯出前請檢查預覽。若要依選取項目匯出,選取範圍 會包含重疊圖層,而 僅選取項目 會排除其他重疊圖層,包括另行取消選取的背景。匯出對話框

在此工作中,具名畫板可明確指定每個輸出的構圖。請使用文件列出的 匯出切片 指令來批次建立獨立檔案,不要依賴 整份文件:Affinity 的畫板說明指出,該選項會匯出串接在一起的畫板。匯出畫板

排查背景遺失和輸出異常

先檢查來源結構,再調整格式設定。若背景缺失,請確認切片是從整個畫板建立,而且背景實例位於畫板內。從前景群組建立的切片只會包含該來源的內容。若多個變體一起出現,請檢查手動繪製的切片是否包含所有可見的重疊變體。使用切片工作室匯出

也請檢查匯出圖層面板中的 讓項目在匯出時可見。Affinity 將此選項與 讓項目可見 區分開來:項目在畫面上的可見度和匯出時的可見度是兩種獨立控制。父層設定也可能影響子物件。匯出圖層面板(切片工作室)

若構圖正確,但檔名、數量或尺寸不如預期,請檢查已勾選的切片項目,並展開其格式和尺寸列。再次匯出前,移除不需要的輸出。若要反覆編輯,使用 匯出切片(n) 後,可以開啟 連續,在變更後重新匯出已勾選的切片;Affinity 指出,匯出資料夾只會在目前編輯工作階段中保留。匯出切片

完成時應得到一組已確認的獨立檔案,每個檔案都包含一個預期前景和完整共用背景。在來源文件中保持背景連結,讓每個變體在自己的畫板上保持完整,並在後續匯出時重複使用已勾選的切片設定。

來源