若要在 Inkscape 中建立透明文字切空效果並保持文字可編輯,請使用包含黑色文字的遮罩疊加在白色矩形上。將其套用至您的作品,當您需要修改文字時,即可釋放遮罩。

本教學在 Mac 上建立一個簡單的抽象構圖:重疊的彩色形狀,文字 FORM 以透明開口呈現。完成的 SVG 保留其文字和形狀。編輯文字採用釋放–編輯–重新套用的循環。

為何遮罩能保留可編輯文字

Inkscape 的一般遮罩使用顏色控制可見度:白色保留底層作品,黑色使其透明。普通剪貼蒙版則保留其輪廓內的內容,因此用文字剪貼會產生文字形狀內的作品。官方剪貼與遮罩指南 記載了這項差異。

此構圖的遮罩包含兩個物件:實心白色矩形及其上方的實心黑色文字。矩形保留構圖;字母建立其開口。SVG 遮罩支援群組和文字,因此無需將文字轉為路徑。此構圖遵循 SVG 規格 中定義的遮罩行為。

請保持操作界線清晰:

操作 功能 對後續編輯的影響
物件 → 群組 將物件組合在一起 成員仍為獨立物件
一般遮罩 控制作品的可見度 釋放它以恢復遮罩進行編輯
路徑 → 物件轉路徑(對文字) 將字母轉為輪廓 文字不再可用文字工具編輯
路徑 → 差集 從另一路徑減去一路徑 產生變更的幾何而非可編輯文字遮罩

官方 進階教學來源 明確指出轉為路徑會移除文字編輯能力。布林運算手冊 說明布林運算作用於路徑或嘗試轉換。請將這兩個指令排除在可編輯構圖之外。

建構抽象作品與遮罩

使用下列選單指令(在 Mac 上操作)。這避免了依賴特定的鍵盤快捷鍵設定。線上新手指南目前標示為 1.3 版文件;部分選單項目可能使用較長的文字,例如 設定遮罩 而非 設定。

1. 建立並群組彩色形狀

開啟空白文件。繪製一個寬矩形,然後在其邊緣內添加兩個重疊的橢圓。例如,使用藍色矩形、靠左的青綠色橢圓、靠右的橙色橢圓。這些是建議的練習選擇,非必要的尺寸或顏色。

從工具列選取各形狀工具,然後在畫布上點擊拖曳繪製。Inkscape 的 形狀工具指南 描述了此繪製方法。保持形狀舒適地置於頁面內。

開啟 物件 → 填色與描邊。為每個形狀指定純色填色,並在 描邊填色 中使用無填色叉叉移除描邊。將物件不透明度設為完全不透明、模糊設為零以進行此練習。填色與描邊手冊 說明這些控制項。

切換到選取工具,拖曳選取框框選三個形狀,然後選擇 物件 → 群組。這是您的作品群組。群組將構圖保持在一起而不合併其幾何;群組物件指南 也說明如何進入群組編輯其成員。

2. 製作白色遮罩矩形

再繪製一個矩形覆蓋整個作品群組,四周留有少許餘地。給予完全不透明的白色填色、無描邊、零模糊。它會暫時隱藏構圖。

此矩形定義遮罩保留的區域。使其足夠大以涵蓋整個構圖,包括任何突出的形狀。尺寸過小的矩形會隱藏其邊緣以外的作品,遵循 文件化的 SVG 遮罩模型。

3. 在矩形上方添加黑色文字

啟用文字工具,在白色矩形上單擊一次,然後輸入 FORM。單擊一次建立單行普通文字;拖曳則建立文字框。對於此短標籤,使用 撰寫文字 中描述的單擊法。

選擇一個安裝的粗體字體,並放大文字直到其橫跨構圖中心。使用 文字 → 文字與字體 或文字工具列調整字體、大小和間距。Inkscape 使用您電腦上安裝的字體,如 文字樣式設定 所述。

給予文字完全不透明的黑色填色、無描邊、零模糊。保持完整單字在白色矩形內。請勿將文字轉為路徑。

4. 僅群組遮罩元件

使用選取工具,選取黑色文字和白色矩形,然後選擇 物件 → 群組。將彩色作品保留在此群組之外。

套用遮罩前,堆疊順序應為:

  1. 黑色文字,在遮罩群組內。
  2. 白色矩形,在同一遮罩群組內。
  3. 彩色作品群組,在遮罩群組之下。

如有需要,使用 物件 中的升高或降低指令修正順序。官方 堆疊順序指南 記載了這些控制項。白色矩形必須位於黑色字母之後,且它們的群組必須位於作品之上。

5. 套用一般遮罩

同時選取遮罩群組和作品群組。在這個練習文件中,拖曳選取框框選整個構圖很方便,因為沒有其他物件會被包含。

選擇 物件 → 遮罩 → 設定,或若顯示的文字為 設定遮罩 則選擇該項。使用一般遮罩指令。根據其 剪貼與遮罩指南,Inkscape 將最上層的選取物件視為遮罩。

白色矩形和黑色字母應作為可見物件消失。您的彩色構圖應回歸,並在作品群組中的每個形狀上呈現字母形狀的開口。

驗證透明度並證明文字可編輯

白色頁面會使透明開口看起來像白色字母。請使用以下兩項檢查確認結果的兩個部分:透明度與保留的文字編輯。

對臨時背景檢查開口

繪製一個大的紫色矩形並將其降至遮罩作品之後。保持此測試矩形在遮罩群組之外。紫色應透過字母顯示,而周圍的彩色構圖保持可見。

將測試矩形改為另一顏色。字母開口應顯示該新顏色。這是源自遮罩透明度行為的實際檢查:可見顏色來自底部獨立的物件。

檢查後刪除測試矩形。您也可以在 檔案 → 文件屬性 中啟用 棋盤格背景 以檢查空白區域。工作區手冊 說明預設的白色畫布仍可能是透明的。

釋放遮罩並更改文字

選取已遮罩的構圖,選擇 物件 → 遮罩 → 釋放,有時標示為 釋放遮罩。根據 Inkscape 的 文件化遮罩行為,遮罩物件會回到先前被遮罩作品的上方。

白色矩形將再次覆蓋構圖。使用選取工具雙擊釋放的遮罩群組以進入它。啟用文字工具,點擊黑色單字,將 FORM 替換為 ARC。進入和離開群組記載於 群組物件。

如有需要調整字體大小或位置。然後切回選取工具,在群組外部雙擊以離開它。選取完整的遮罩群組和作品群組,再次套用一般遮罩。

新的開口應拼出 ARC。這是可編輯性檢查點:您使用文字工具更改字元,而非重塑字母輪廓。每當文字需要修訂時,重複此循環。

診斷意外結果

在重建效果前檢查結構。這些檢查遵循文件化的遮罩顏色、堆疊順序和群組行為:

症狀 要檢查的項目 修正方法
整個構圖消失 是否單獨使用黑色文字作為遮罩? 釋放它並在文字後方加入白色矩形
作品處處實心 白色矩形是否在文字上方? 在遮罩群組內將黑色文字移至矩形上方
白色矩形仍可見 套用遮罩時是否選取了正確的配對? 選取完整的遮罩群組和作品群組
彩色邊緣意外消失 白色矩形是否覆蓋整個構圖? 釋放遮罩並放大矩形
字母開口看起來半透明 文字是否為灰色、半透明或模糊? 恢復不透明黑色文字且零模糊
某個彩色形狀填滿字母 該形狀是否在遮罩作品群組之外? 釋放遮罩、重新群組預期的作品、重新套用

若文字工具無法編輯釋放的字母,檢查它們是否先前被轉為路徑。釋放遮罩不會撤銷路徑轉換。恢復先前可編輯的 SVG 或建立新的文字物件;進階教學區分可編輯文字與可編輯路徑節點。

儲存可編輯的 SVG 並匯出透明 PNG

透過 檔案 → 另存新檔 儲存工作文件,選擇 Inkscape SVG。儲存您的作品指南 建議此格式以保留 Inkscape 編輯資料。將此 SVG 作為母檔保留,以便重新開啟進行文字更改。

對於 PNG,從 檔案 開啟匯出對話框。手冊稱此為 匯出 PNG 影像;您的版本可能將指令標示為 匯出。選擇 PNG、選取匯出區域、輸入所需像素尺寸、然後匯出。使用 頁面 獲取頁面版面或 選取範圍 獲取所選構圖的邊界,遵循 匯出 PNG 檔案。

匯出前,移除臨時背景矩形並確保文件背景 Alpha 為零。作品後方的不透明物件或不透明的文件背景會在 PNG 中透過開口提供顏色。工作區指南 說明這兩種背景不透明度影響 PNG 輸出的方式。

PNG 為光柵輸出;後續文字更改屬於 SVG 母檔。重新開啟該 SVG、釋放遮罩、修訂單字、重新套用遮罩、再次匯出。將白色矩形和即時黑色文字保持在一起,可讓您擁有可重複使用的構圖,且有清晰的路徑回歸編輯。

來源