什麼是「透明文字」?為什麼它如此實用?
透明文字指「文字本體不顯色,僅保留邊緣投影、描邊或發光效果」,使文字像鏤空一樣顯示背景圖像,同時保持閱讀辨識度。廣泛應用於海報排版、UI 按鈕、水印設計、極簡風版面。核心原理極其簡單:文字圖層填充度設為 0% + 圖層樣式保留。
標準製作流程(4 步完成)
步驟 1:準備背景與文字
開啟素材圖片 → 文字工具 (T) 輸入文字 → 字體建議粗體無襯線、字號視畫面比例調整 → 文字顏色任意(後續會隱藏)。
步驟 2:添加投影樣式(關鍵)
雙擊文字圖層 → 投影 設定:
- 混合模式:正片疊底
- 顏色:#000000(或取背景深色)
- 不透明度:50%
- 角度:120°、取消「使用全域光」
- 距離:0px(關鍵!貼合文字邊緣)
- 擴展:10%-15%
- 大小:10-20px(視字號大小)
- 雜質:0%
步驟 3:填充度歸零——魔法時刻
在圖層面板上方,將「填充」滑桿拖至 0%。神奇的一幕發生了:文字本體消失,只剩下投影輪廓懸浮在背景上!
步驟 4:進階變化與應用
- 描邊替代投影:描邊 2px、外部、漸層填充、混合模式「疊加」
- 內發光/外發光:打造霓虹管、全息投影感
- 斜面與浮雕:內部斜面 + 填充 0% = 鏤空浮雕效果
- 組合拳:投影 + 描邊 + 外發光 疊加,豐富視覺層次
實戰應用技巧
場景一:極簡海報標題
大號透明文字置中,搭配極簡版面,資訊層級清晰,視覺呼吸感強。
場景二:UI 介面按鈕/標籤
半透明文字按鈕適配深色/淺色模式切換,只需調整投影顏色與不透明度。
場景三:品牌水印
公司 Logo 文字化,填充 0% + 白色描邊 1px + 外發光,批次處理圖片版權保護。
避坑指南
- 不要混淆「不透明度」與「填充度」:前者影響整個圖層(含樣式),後者僅影響像素內容
- 投影距離必須設 0px,否則會出現「文字本體隱形但投影位移」的離奇效果
- 文字過細(<20pt)投影易斷裂,建議加粗或增大描邊寬度