如何在 Photoshop 中讓文字透明

需要在圖像中添加文本,但沒有合適的位置插入嗎?嘗試在 Photoshop 中添加透明文字!

本教學將向您展示如何建立透明文字區域,這意味著文字本身將完全透明,從而允許下面的圖像顯示出來。我們用純色塊(通常是白色)包圍文本,露出字母的形狀,然後文本成為主題的框架。對於那些圖像過於繁雜、文字不易閱讀的情況,這是一個很好的設計技巧。

在 Photoshop 中建立透明文字很容易。首先在圖像上方新增一個新圖層並用白色填滿。然後添加您的文字。為了使文字透明,我們將使用 Photoshop 的高級混合選項將排版圖層變成高亮圖層。這將在字母形狀上打孔,直接形成下面的圖像。

步驟 1:打開影像

首先開啟要新增透明效果的影像。例如,我從 Adob​​e Stock 下載了這張紐約天際線的圖片

如何在 Photoshop 中讓文字透明
原始影像。

步驟 2:新增圖層

在「圖層」面板中,影像位於「背景」圖層上。點選“圖層”面板底部的“新增圖層”圖示。

如何在 Photoshop 中讓文字透明
點選新增圖層圖示。

影像上方出現一個名為「圖層 1」的新空白圖層。

我們將使用此圖層來建立文字周圍的白色區域。

如何在 Photoshop 中讓文字透明
新的空白層。

步驟 3:用白色填滿新圖層

前往功能表列中的「編輯」功能表並選擇「填滿」 ,用白色填滿圖層。

如何在 Photoshop 中讓文字透明
從編輯選單中選擇填滿命令。

在「填滿」對話方塊中,將「內容」設定為「白色」。然後按一下“確定”。

如何在 Photoshop 中讓文字透明
將內容設定為白色

Photoshop 將以白色填滿圖層,暫時遮擋影像。

如何在 Photoshop 中讓文字透明
將圖層塗成白色後的結果。

步驟 4:降低圖層不透明度

在「圖層」面板中,將「圖層 1」的不透明度降低至 75%。

如何在 Photoshop 中讓文字透明
降低圖層不透明度。

當不透明度降低時,圖像現在部分可見,因此我們可以在添加文字時看到。

如何在 Photoshop 中讓文字透明
降低圖層不透明度後的結果。

步驟5:選擇文字工具

在工具列中,選擇文字工具

如何在 Photoshop 中讓文字透明
選擇 Photoshop 的文字工具。

步驟 6:選擇字體

在選項列中,選擇您的字體。此範例將使用 Futura PT Heavy,但任何帶有粗體文字的字體都可以使用。

如何在 Photoshop 中讓文字透明
在選項欄中選擇字體。

仍在選項列中,將字體大小設定為 150 pt。在添加文字後,我們需要調整文字大小,但這應該給我們一個足夠大的起點。

如何在 Photoshop 中讓文字透明
選擇初始字體大小。

步驟 7:將文字顏色設定為黑色

離開選項欄之前,請確保文字顏色設定為黑色。如果沒有,請按鍵盤上的D 鍵重設為預設值。

黑色可​​以讓我們在白色背景前看到文本,但當我們使文本透明時,黑色就會消失。

如何在 Photoshop 中讓文字透明
文字現在將變成黑色。

步驟 8:新增文字

按一下文件內部並新增文字。此範例將輸入單字 NEW YORK CITY。

如何在 Photoshop 中讓文字透明
新增文字。

按一下選項欄中的複選標記以接受。

如何在 Photoshop 中讓文字透明
按一下複選標記。

在「圖層」面板中,新的文字圖層出現在「圖層 1」上方。

如何在 Photoshop 中讓文字透明
新建文字圖層。

步驟 9:更改文字大小

前往選單中的「編輯」選單,然後選擇「自由變換」

如何在 Photoshop 中讓文字透明
選擇自由變換指令。

Photoshop 使用變換框和手把包圍文字。

但在拖曳手把之前,請前往選項列並確保選擇了寬度高度欄位之間的連結圖示。這將在調整大小時鎖定文字的縱橫比,以便字母不會扭曲。

如何在 Photoshop 中讓文字透明
寬度和高度必須連結在一起。

然後拖曳任意手把來調整文字大小。

這裡,範例將使文字變得更大,以盡可能覆蓋圖像。

如何在 Photoshop 中讓文字透明
拖曳角落手柄來調整文字大小。

然後按一下並拖曳變換框內以重新定位文字。這個範例將把文字移動到水邊界的前面。

完成後,按下鍵盤上的Enter (Win) / Return (Mac) 接受並關閉自由變換。

如何在 Photoshop 中讓文字透明
將文字拖曳到位。

步驟 10:更改混合選項

在「圖層」面板中,請確保選擇了文字圖層,然後按一下底部的「圖層效果 (fx)」圖示。

如何在 Photoshop 中讓文字透明
單擊 fx 圖示。

然後,從頂部選單中選擇混合選項。

如何在 Photoshop 中讓文字透明
選擇混合選項。

這將開啟Photoshop 的「圖層樣式」對話框,其中設定主混合選項。

在“高級混合”部分中,將“挖空”“無”更改為“淺”。這會將文字圖層變成挖空圖層,這表示 Photoshop 將使用字母的形狀穿透第 1 層並在背景圖層上顯示圖像。

如何在 Photoshop 中讓文字透明
將“Knockout”改為“Shallow”。

只有將填滿不透明度拖曳至 0% 時,您才會看到效果。

如何在 Photoshop 中讓文字透明
將填滿不透明度向下拖曳至 0%

按一下「確定」關閉「圖層樣式」對話框。

不僅文字本身變得透明,而且文字正下方第 1 層的區域也變得透明,就好像文字被穿透了一樣。

現在可以透過字母看到背景圖層上的圖像。

如何在 Photoshop 中讓文字透明
結果目前以圖像形式顯示在文字上。

步驟11:選擇第1層

調整文字周圍的白色區域的大小,使其不覆蓋整個影像。

按一下「圖層」面板中的「圖層 1」以選取圖層 1。

如何在 Photoshop 中讓文字透明
選擇白色填滿層。

步驟 12:使用自由變換調整圖層大小

返回“編輯”選單並選擇“自由變換”。

如何在 Photoshop 中讓文字透明
選擇自由變換指令。

在拖曳變換手把之前,返回選項欄,這次取消寬度和高度欄位的連結。這將允許我們自由拖曳手柄而不必擔心縱橫比。

如何在 Photoshop 中讓文字透明
取消寬度和高度的連結。

然後將頂部和底部的手柄拖向文字。完成後,按下鍵盤上的Enter (Win) / Return (Mac)。

如何在 Photoshop 中讓文字透明
調整白色邊框的大小。

步驟13:調整圖層不透明度

最後,調整第 1 層的不透明度來微調文字的可見性。

增加不透明度將使文字周圍的白色區域更易讀。降低不透明度將使圖像上的文字區域變得模糊。

此範例將不透明度設為 85%。

如何在 Photoshop 中讓文字透明
增加圖層的不透明度。

增加不透明度後,最終的透明文字區域結果應如下所示。

如何在 Photoshop 中讓文字透明
最終結果。

留下評論

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

遇到 Microsoft Teams 錯誤代碼 2603 而煩惱?我們的逐步指南可協助您快速解決問題,修復最新 2026 更新中的安裝失敗、當機等問題。適用於所有用戶!

如何修復 Microsoft Teams 錯誤 K 安全

如何修復 Microsoft Teams 錯誤 K 安全

遇到 Microsoft Teams 安全錯誤 K 時遇到問題?按照我們的逐步指南即可快速解決—無需任何技術知識。立即恢復流暢協作!

解決 Microsoft Teams 錯誤 N 網路

解決 Microsoft Teams 錯誤 N 網路

還在為 Microsoft Teams 的「錯誤 N」網路問題苦惱嗎?取得解決 Microsoft Teams「錯誤 N」網路問題的逐步指南,從快速重新啟動到進階故障排除,應有盡有。立即恢復流暢的通話和會議體驗!

一步一步教你如何在會議開始前建立分組討論室

一步一步教你如何在會議開始前建立分組討論室

透過這份詳盡的逐步指南,即可在 Zoom 會議開始前輕鬆建立分組討論室,實現無縫協作。預先分配與會者,最大程度提升參與。本指南是教育工作者、團隊和領導者的理想選擇。

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

還在為 Microsoft Teams 中令人抓狂的「Teams 資料夾在哪裡」錯誤而煩惱嗎?我們提供經過驗證的逐步故障排除方法,協助您快速解決問題,恢復流暢的團隊合作。包含最新方法!

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

還在為 Microsoft Teams Mac 版鑰匙圈錯誤而煩惱嗎?我們提供經過驗證的 macOS 逐步故障排除方案,協助您恢復流暢協作。快速解決方案就在眼前!

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

還在為 Microsoft Teams 麥克風聲音模糊或無聲而煩惱嗎?了解如何透過快速有效的步驟解決 Microsoft Teams 麥克風問題。清晰的音訊體驗,等你來體驗!

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

在公共 Wi-Fi 環境下遇到 Microsoft Teams 網路錯誤?立即取得 VPN 調整、連接埠檢查和快取清除等快速修復方法,恢復通話和會議的流暢運作。逐步指南助您快速解決問題。

透過直接連結解決 Microsoft Teams 加入會議錯誤

透過直接連結解決 Microsoft Teams 加入會議錯誤

遇到 Microsoft Teams 加入會議錯誤?點擊連結查看已驗證的解決方法。快速修復,輕鬆加入會議—無需任何技術技能!

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

了解如何使用 Microsoft Teams Copilot 提升 AI 賦能的生產力。逐步指南、關鍵功能和技巧,幫助您輕鬆革新會議、聊天和任務。立即開啟更聰明的協作!