如何在 Photoshop 中讓文字透明

如何在 Photoshop 中讓文字透明

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

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

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

步驟 1:打開影像

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

原始影像。

步驟 2:新增圖層

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

點選新增圖層圖示。

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

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

新的空白層。

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

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

從編輯選單中選擇填滿命令。

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

將內容設定為白色

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

將圖層塗成白色後的結果。

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

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

降低圖層不透明度。

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

降低圖層不透明度後的結果。

步驟5:選擇文字工具

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

選擇 Photoshop 的文字工具。

步驟 6:選擇字體

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

在選項欄中選擇字體。

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

選擇初始字體大小。

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

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

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

文字現在將變成黑色。

步驟 8:新增文字

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

新增文字。

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

按一下複選標記。

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

新建文字圖層。

步驟 9:更改文字大小

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

選擇自由變換指令。

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

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

寬度和高度必須連結在一起。

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

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

拖曳角落手柄來調整文字大小。

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

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

將文字拖曳到位。

步驟 10:更改混合選項

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

單擊 fx 圖示。

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

選擇混合選項。

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

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

將“Knockout”改為“Shallow”。

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

將填滿不透明度向下拖曳至 0%

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

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

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

結果目前以圖像形式顯示在文字上。

步驟11:選擇第1層

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

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

選擇白色填滿層。

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

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

選擇自由變換指令。

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

取消寬度和高度的連結。

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

調整白色邊框的大小。

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

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

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

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

增加圖層的不透明度。

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

最終結果。

相关文章