在 Mac 上的 Pixelmator Pro 中將文件切分成切片以輸出至 Web
你可以將影像分成多個部分(或稱切片),並以各自的設定輸出。此技術經常用於需要模組化組件且針對特定用途進行最佳化的網頁和介面設計。例如,你可能需要以一種影像格式輸出網站按鈕,並以另一種影像格式輸出標誌。
在 Pixelmator Pro 中,你可以從文件中包含多個圖層的圖層或群組中創作切片。另外,你也可以手動切分圖層。每個切片都會依據你所選的設定進行最佳化。
手動裁切文件
在 Mac 上的 Pixelmator Pro 中,按一下工具列中的
,然後選擇「為 Web 輸出」。
在畫布上的區域上拖移來製作切片,然後再拖移來製作其他切片。
當你製作切片時,Pixelmator Pro 會自動在畫布中加入參考線來建議其他切片區域。每個切片也會列在「為 Web 輸出」面板中。
若要快速建立額外的裁切片段而無需拖移,請按住 Control 鍵並按一下畫布中現有切片以外的任一區域,然後選擇「升級為切片」。
若要修改每個切片的輸出設定,請在「為 Web 輸出」面板中選取切片,然後調整輸出設定。
提示: 在「為 Web 輸出」面板中選取多個切片來一起調整其設定。
執行下列任一操作:
輸出全部切片:按一下「輸出」。
僅輸出所選切片:在「為 Web 輸出」面板中選取一個或多個切片,然後按住 Control 鍵並按一下其中一個切片,然後選擇「輸出」。
從圖層或圖層群組建立切片
在 Mac 上的 Pixelmator Pro 中,按一下工具列中的
,然後選擇「為 Web 輸出」。
將圖層或群組從「圖層」側邊欄拖移到「為 Web 輸出」面板的頂端。
圖層會插入為切片。你可以將其他圖層拖移到「為 Web 輸出」面板來建立更多切片。
若要修改每個切片的輸出設定,請在「為 Web 輸出」面板中選取切片,然後調整輸出設定。
執行下列任一操作:
輸出全部切片:按一下「輸出」。
僅輸出所選切片:在「為 Web 輸出」面板中選取一個或多個切片,然後按住 Control 鍵並按一下其中一個切片,然後選擇「輸出」。
提示: 你可以將手動剪下的切片與圖層切片結合。
編輯切片
新增切片後,你可以編輯切片。
在 Mac 上的 Pixelmator Pro 中,按一下工具列中的
,然後選擇「為 Web 輸出」。
請執行下列其中一項操作:
移動切片:將畫布中的切片拖到新的位置。
調整切片大小:在畫布中選取切片,然後拖移其中一個黑色控點。
重新命名切片:在「為 Web 輸出」面板中,按一下切片,輸入新名稱,然後按下 Return 鍵。
更改切片的堆疊順序:在「為 Web 輸出」面板中,將切片拖移到列表中的新位置。你也可以按住 Control 鍵並按一下畫布中的切片,然後選擇「移到最前」、「向前移動」、「向後移動」或「移到最後」。
刪除切片:按住 Control 鍵並按一下切片,然後選擇「刪除切片」。
刪除所有切片:按住 Control 鍵並按一下畫布,然後選擇「清除切片」。