若要在 Inkscape 中建立透明文字切空效果並保持文字可編輯,請使用包含黑色文字的遮罩疊加在白色矩形上。將其套用至您的作品,當您需要修改文字時,即可釋放遮罩。
本教學在 Mac 上建立一個簡單的抽象構圖:重疊的彩色形狀,文字 FORM 以透明開口呈現。完成的 SVG 保留其文字和形狀。編輯文字採用釋放–編輯–重新套用的循環。
為何遮罩能保留可編輯文字
Inkscape 的一般遮罩使用顏色控制可見度:白色保留底層作品,黑色使其透明。普通剪貼蒙版則保留其輪廓內的內容,因此用文字剪貼會產生文字形狀內的作品。官方剪貼與遮罩指南 記載了這項差異。
此構圖的遮罩包含兩個物件:實心白色矩形及其上方的實心黑色文字。矩形保留構圖;字母建立其開口。SVG 遮罩支援群組和文字,因此無需將文字轉為路徑。此構圖遵循 SVG 規格 中定義的遮罩行為。
請保持操作界線清晰:
| 操作 | 功能 | 對後續編輯的影響 |
|---|---|---|
物件 → 群組 |
將物件組合在一起 | 成員仍為獨立物件 |
| 一般遮罩 | 控制作品的可見度 | 釋放它以恢復遮罩進行編輯 |
路徑 → 物件轉路徑(對文字) |
將字母轉為輪廓 | 文字不再可用文字工具編輯 |
路徑 → 差集 |
從另一路徑減去一路徑 | 產生變更的幾何而非可編輯文字遮罩 |
官方 進階教學來源 明確指出轉為路徑會移除文字編輯能力。布林運算手冊 說明布林運算作用於路徑或嘗試轉換。請將這兩個指令排除在可編輯構圖之外。
建構抽象作品與遮罩
使用下列選單指令(在 Mac 上操作)。這避免了依賴特定的鍵盤快捷鍵設定。線上新手指南目前標示為 1.3 版文件;部分選單項目可能使用較長的文字,例如 設定遮罩 而非 設定。
1. 建立並群組彩色形狀
開啟空白文件。繪製一個寬矩形,然後在其邊緣內添加兩個重疊的橢圓。例如,使用藍色矩形、靠左的青綠色橢圓、靠右的橙色橢圓。這些是建議的練習選擇,非必要的尺寸或顏色。
從工具列選取各形狀工具,然後在畫布上點擊拖曳繪製。Inkscape 的 形狀工具指南 描述了此繪製方法。保持形狀舒適地置於頁面內。
開啟 物件 → 填色與描邊。為每個形狀指定純色填色,並在 描邊填色 中使用無填色叉叉移除描邊。將物件不透明度設為完全不透明、模糊設為零以進行此練習。填色與描邊手冊 說明這些控制項。
切換到選取工具,拖曳選取框框選三個形狀,然後選擇 物件 → 群組。這是您的作品群組。群組將構圖保持在一起而不合併其幾何;群組物件指南 也說明如何進入群組編輯其成員。
2. 製作白色遮罩矩形
再繪製一個矩形覆蓋整個作品群組,四周留有少許餘地。給予完全不透明的白色填色、無描邊、零模糊。它會暫時隱藏構圖。
此矩形定義遮罩保留的區域。使其足夠大以涵蓋整個構圖,包括任何突出的形狀。尺寸過小的矩形會隱藏其邊緣以外的作品,遵循 文件化的 SVG 遮罩模型。
3. 在矩形上方添加黑色文字
啟用文字工具,在白色矩形上單擊一次,然後輸入 FORM。單擊一次建立單行普通文字;拖曳則建立文字框。對於此短標籤,使用 撰寫文字 中描述的單擊法。
選擇一個安裝的粗體字體,並放大文字直到其橫跨構圖中心。使用 文字 → 文字與字體 或文字工具列調整字體、大小和間距。Inkscape 使用您電腦上安裝的字體,如 文字樣式設定 所述。
給予文字完全不透明的黑色填色、無描邊、零模糊。保持完整單字在白色矩形內。請勿將文字轉為路徑。
4. 僅群組遮罩元件
使用選取工具,選取黑色文字和白色矩形,然後選擇 物件 → 群組。將彩色作品保留在此群組之外。
套用遮罩前,堆疊順序應為:
- 黑色文字,在遮罩群組內。
- 白色矩形,在同一遮罩群組內。
- 彩色作品群組,在遮罩群組之下。
如有需要,使用 物件 中的升高或降低指令修正順序。官方 堆疊順序指南 記載了這些控制項。白色矩形必須位於黑色字母之後,且它們的群組必須位於作品之上。
5. 套用一般遮罩
同時選取遮罩群組和作品群組。在這個練習文件中,拖曳選取框框選整個構圖很方便,因為沒有其他物件會被包含。
選擇 物件 → 遮罩 → 設定,或若顯示的文字為 設定遮罩 則選擇該項。使用一般遮罩指令。根據其 剪貼與遮罩指南,Inkscape 將最上層的選取物件視為遮罩。
白色矩形和黑色字母應作為可見物件消失。您的彩色構圖應回歸,並在作品群組中的每個形狀上呈現字母形狀的開口。
驗證透明度並證明文字可編輯
白色頁面會使透明開口看起來像白色字母。請使用以下兩項檢查確認結果的兩個部分:透明度與保留的文字編輯。
對臨時背景檢查開口
繪製一個大的紫色矩形並將其降至遮罩作品之後。保持此測試矩形在遮罩群組之外。紫色應透過字母顯示,而周圍的彩色構圖保持可見。
將測試矩形改為另一顏色。字母開口應顯示該新顏色。這是源自遮罩透明度行為的實際檢查:可見顏色來自底部獨立的物件。
檢查後刪除測試矩形。您也可以在 檔案 → 文件屬性 中啟用 棋盤格背景 以檢查空白區域。工作區手冊 說明預設的白色畫布仍可能是透明的。
釋放遮罩並更改文字
選取已遮罩的構圖,選擇 物件 → 遮罩 → 釋放,有時標示為 釋放遮罩。根據 Inkscape 的 文件化遮罩行為,遮罩物件會回到先前被遮罩作品的上方。
白色矩形將再次覆蓋構圖。使用選取工具雙擊釋放的遮罩群組以進入它。啟用文字工具,點擊黑色單字,將 FORM 替換為 ARC。進入和離開群組記載於 群組物件。
如有需要調整字體大小或位置。然後切回選取工具,在群組外部雙擊以離開它。選取完整的遮罩群組和作品群組,再次套用一般遮罩。
新的開口應拼出 ARC。這是可編輯性檢查點:您使用文字工具更改字元,而非重塑字母輪廓。每當文字需要修訂時,重複此循環。
診斷意外結果
在重建效果前檢查結構。這些檢查遵循文件化的遮罩顏色、堆疊順序和群組行為:
| 症狀 | 要檢查的項目 | 修正方法 |
|---|---|---|
| 整個構圖消失 | 是否單獨使用黑色文字作為遮罩? | 釋放它並在文字後方加入白色矩形 |
| 作品處處實心 | 白色矩形是否在文字上方? | 在遮罩群組內將黑色文字移至矩形上方 |
| 白色矩形仍可見 | 套用遮罩時是否選取了正確的配對? | 選取完整的遮罩群組和作品群組 |
| 彩色邊緣意外消失 | 白色矩形是否覆蓋整個構圖? | 釋放遮罩並放大矩形 |
| 字母開口看起來半透明 | 文字是否為灰色、半透明或模糊? | 恢復不透明黑色文字且零模糊 |
| 某個彩色形狀填滿字母 | 該形狀是否在遮罩作品群組之外? | 釋放遮罩、重新群組預期的作品、重新套用 |
若文字工具無法編輯釋放的字母,檢查它們是否先前被轉為路徑。釋放遮罩不會撤銷路徑轉換。恢復先前可編輯的 SVG 或建立新的文字物件;進階教學區分可編輯文字與可編輯路徑節點。
儲存可編輯的 SVG 並匯出透明 PNG
透過 檔案 → 另存新檔 儲存工作文件,選擇 Inkscape SVG。儲存您的作品指南 建議此格式以保留 Inkscape 編輯資料。將此 SVG 作為母檔保留,以便重新開啟進行文字更改。
對於 PNG,從 檔案 開啟匯出對話框。手冊稱此為 匯出 PNG 影像;您的版本可能將指令標示為 匯出。選擇 PNG、選取匯出區域、輸入所需像素尺寸、然後匯出。使用 頁面 獲取頁面版面或 選取範圍 獲取所選構圖的邊界,遵循 匯出 PNG 檔案。
匯出前,移除臨時背景矩形並確保文件背景 Alpha 為零。作品後方的不透明物件或不透明的文件背景會在 PNG 中透過開口提供顏色。工作區指南 說明這兩種背景不透明度影響 PNG 輸出的方式。
PNG 為光柵輸出;後續文字更改屬於 SVG 母檔。重新開啟該 SVG、釋放遮罩、修訂單字、重新套用遮罩、再次匯出。將白色矩形和即時黑色文字保持在一起,可讓您擁有可重複使用的構圖,且有清晰的路徑回歸編輯。
來源
- 剪貼與遮罩 — Inkscape 新手指南。
- 剪貼、遮罩與合成 — W3C。
- 進階 — 教學,官方來源 — Inkscape 文件。
- 布林運算 — Inkscape 新手指南。
- 形狀工具 — Inkscape 新手指南。
- 填色與描邊對話框 — Inkscape 新手指南。
- 群組物件 — Inkscape 新手指南。
- 撰寫文字 — Inkscape 新手指南。
- 文字樣式設定 — Inkscape 新手指南。
- 堆疊順序 — Inkscape 新手指南。
- 釋放筆記 — 剪貼與遮罩 — Inkscape Wiki。
- 管理工作區 — Inkscape 新手指南。
- 儲存您的作品 — Inkscape 新手指南。
- 匯出 PNG 檔案 — Inkscape 新手指南。