若要在 Mac 上從單一 Affinity 文件匯出多張已遮色片處理的影像,請為每個完整的遮色片素材建立以圖層為基礎的切片,然後將勾選的切片匯出為 PNG。關鍵在於同時選取影像及其遮色片,而不是在影像周圍繪製匯出矩形。
本指南涵蓋目前的 Affinity 桌面介面,以及如何產生外觀保留遮色片效果、可分開重複使用的影像。目前的說明文件將匯出工作區稱為 切片工作室。此工作區可用多種格式和尺寸匯出圖層、群組、物件及畫板。使用切片工作室匯出
每個匯出的素材應包含哪些內容?
先找出構成每張完成影像的完整圖層結構。Affinity 遮色片可以附加至特定圖層、群組或物件;獨立的父層遮色片也可能影響其下方的圖層。因此,單獨選取遮色片不一定會選取它所控制的影像。圖層遮色片
在此工作流程中,將一個完成的素材視為一個匯出目標:包含附加遮色片的影像,或包含該素材所需元件的群組。如果某個遮色片目前影響多個分開的素材,請先整理好圖層結構,再建立切片。否則,匯出個別子圖層時,可能會漏掉影響其外觀的父層元件。
以下決策參考表綜合了 Affinity 說明文件所述的遮色片與切片行為:
| 文件中的結構 | 準備的匯出目標 |
|---|---|
| 一張附有遮色片的影像 | 影像的父層項目,包括附加的遮色片 |
| 多個圖層構成一個已遮色片處理的圖像 | 包含完整圖像及其遮色片的群組 |
| 一個已遮色片處理的群組包含多個預定素材 | 先為個別素材準備各自完整的目標,再匯出 |
| 多個圖像已合併成一張影像 | 先準備個別的遮色片圖層或群組;單靠矩形切片無法隔離互相重疊的圖像 |
這項區別很重要,因為 Affinity 說明了兩種不同的切片行為:從 匯出圖層 項目建立的切片只包含該圖層的內容;使用 切片工具 繪製的切片則會包含矩形範圍內所有可見圖層。若要獨立匯出已遮色片處理的素材,且不包含相鄰圖像,請使用從圖層建立的切片。使用切片工作室匯出
這些匯出檔會呈現完成後的遮色片外觀。這不是用來還原未變更的原始影像檔,也不能在 PNG 中交付可編輯的遮色片。請保留可編輯的 Affinity 主檔:儲存會保留專案資訊,而匯出則會產生可分享的格式。儲存
為每張已遮色片處理的影像準備一個完整目標
使用 檔案 > 另存新檔,為現有文件建立工作副本,再重新整理圖層。目前的 Affinity 文件使用 .af 副檔名。另存新文件可讓你保留先前儲存的版本。儲存
在圖層面板中,展開第一個素材的項目,找出其影像、遮色片及任何輔助元件。確認遮色片已啟用,而且目標顯示的是預期結果。若遮色片已停用,收合的縮圖上會出現一道紅色斜線;展開的遮色片則有自己的可見度控制項。圖層遮色片
如果多個物件構成一個素材,請選取這些物件,並選擇 圖層 > 群組。套用至群組的遮色片和調整會影響群組內容。建立群組時,請保留既有的影像與遮色片關係;單純將不相關的物件群組起來,本身並不會建立預期的遮色片結構。群組
為每個目標取一個明確且易於辨識的名稱。例如,合成圖可以包含三個名為 circle-grid、rounded-stripes 和 hexagon-dots 的素材。若要重新命名群組,請在圖層面板中按兩下群組名稱,輸入新名稱,然後按 Return。群組
繼續之前,請在圖層階層中逐一檢查每個目標。實際上要確認的是:該項目是否包含算繪其素材所需的所有內容。若合成圖使用共用遮色片,或多個群組上方有調整圖層,這項檢查尤其有用。
建立並匯出以圖層為基礎的切片
1. 啟用切片工作室及其面板
開啟 工作室管理員,啟用 切片工作室,然後切換至該工作室。目前的說明指出,此工作室預設為隱藏,因此在可見的工作區選項中找不到它,不代表無法使用這項功能。切片工作室
透過 Mac 選單顯示所需面板:
- 視窗 > 一般 > 匯出圖層
- 視窗 > 一般 > 匯出選項
- 視窗 > 一般 > 切片
這些是桌面版文件所列的面板位置。匯出圖層面板(切片工作室)、匯出選項面板、切片面板
2. 設定預設值,然後建立各個切片
在 匯出選項 中選取 預設值,選擇預期的 PNG 設定,完成後切回 選取項目。預設值會套用至接下來建立的切片。匯出切片
在 匯出圖層 中選取第一個完整的遮色片目標,然後按一下 建立切片。為其餘目標重複此步驟。請選取影像或完整群組,並讓遮色片保持附加狀態,而不要只選取遮色片項目。此面板支援從圖層、群組、物件及畫板建立切片。匯出圖層面板(切片工作室)
以圖層建立的切片會自動配合所選項目的範圍調整尺寸。請檢查產生的邊界,不要假設它會與可見的不透明像素完全相符:說明文件指出切片會依項目範圍調整尺寸,並未保證會自動修剪至每一條遮色片邊緣。使用切片工作室匯出
3. 設定輸出並執行小型測試
展開 切片 中的每個項目,檢查檔名、格式和尺寸。每個切片可以包含多種匯出格式,每種格式也可以包含多種尺寸。對於上述三個合成素材,先為每個切片設定一個 PNG 輸出,方便檢查初步結果。切片面板
使用個別的匯出控制項匯出一個切片。開啟結果,檢查遮色片輪廓、透明度、像素尺寸,以及是否排除了相鄰圖像。先測試一個素材,較容易找出錯誤的匯出目標或格式設定。
完成測試後,勾選預定匯出的切片項目,並取消勾選整頁或其他不需要的項目。按一下 匯出切片 (n),選擇目的資料夾,然後按一下 匯出。這會匯出勾選切片所設定的格式和尺寸。匯出資料夾只會在目前的編輯工作階段中保留記錄。匯出切片
若要讓輸出設定一致,切片面板提供 將匯出設定複製到剪貼簿 和 從剪貼簿取代匯出設定。先設定一個切片,複製其設定,再將另一個目標切片的設定取代。之後請檢查目的切片,因為取代操作會變更其匯出設定。切片面板
哪些格式和尺寸設定能保留預期結果?
PNG 適合作為已遮色片處理之點陣素材的起始格式,因為 Affinity 明確說明此格式支援透明度。請在 .af 主檔中保留可編輯的遮色片,並將 PNG 用作完成的影像素材。支援的檔案格式、儲存
若輸出檔出現不需要的背景,請檢查匯出的 啞光色 設定:Affinity 將啞光色定義為匯出影像的背景色。也請檢查目標群組內是否有不透明的背景物件,因為匯出完整群組時也會包含該物件。匯出設定
不要假設 1x 一定代表文件現有的像素尺寸。Affinity 將切片縮放與文件 DPI 關聯。其說明文件中的範例指出,尺寸為 64 × 64 像素、DPI 為 144 的文件,匯出時 1x 為 32 × 32 像素,2x 則為 64 × 64 像素。匯出整組素材之前,請先檢查畫面上顯示的匯出尺寸。使用切片工作室匯出
轉換為向量容器時也需要謹慎處理。對於 PDF、SVG 和 EPS,Affinity 的 點陣化 設定決定如何處理不受支援的設計元素。無 會省略不受支援的元素;不受支援的屬性 會將這些元素點陣化;全部 則會將整個設計點陣化。因此,選擇 SVG 不保證會產生完全向量化且可編輯的已遮色片處理影像。匯出設定
對於可編輯的交換檔,請注意 PSD 和 TIFF 的限制,並與 PNG 交付任務區分。Affinity 的格式文件指出,匯出為 PSD 時,文字會被點陣化。TIFF 的 儲存 Affinity 圖層 選項會保留圖層,但只有在 Affinity 中重新開啟時才能讀取。請勿將兩者視為能保證其他應用程式重現完整可編輯文件結構的格式。支援的檔案格式、匯出設定
匯出結果有誤時要檢查哪些項目?
重新建立文件之前,請依照以下順序進行診斷:
- 出現其他圖像: 檢查切片是否使用切片工具繪製。請從匯出圖層中的完整目標建立切片,以隔離該目標的內容。
- 沒有遮色片外觀: 檢查你是否選取了遮色片所附加之父層下的子圖層,或是否只選取了遮色片。請從完整目標重新建立切片。
- 檔案是空白的: 檢查 讓項目在匯出時可見,包括父層的設定。匯出時的可見度與一般項目可見度是分開的。
- 邊界出乎意料地改變: 若你手動調整過以圖層建立的切片尺寸,請使用切片工具選取該切片,並選擇 還原為自動調整尺寸。
- 像素尺寸有誤: 變更圖像之前,請先檢查文件 DPI 和切片縮放比例。
這些檢查依據說明文件中的切片、可見度和尺寸控制項。使用切片工作室匯出、匯出圖層面板(切片工作室)、匯出切片
若只有一個素材有問題,可改用匯出對話框進行診斷:選取其完整目標,選擇 檔案 > 匯出 > 匯出,選取 PNG,並將 區域 設為 僅選取項目。選取區域 會包含重疊的未選取圖層,而「僅選取項目」則會排除這些圖層。匯出素材並檢查結果,確認目標正確後,再回到切片設定。匯出對話框
可靠的擷取流程會先準備完整的遮色片目標,為每個目標建立各自的圖層切片,並在處理整組素材之前先檢查一個匯出檔。確認遮色片、透明度、邊界和像素尺寸都符合預期後,匯出勾選的切片,並儲存可編輯的主檔,以便日後修改。