需要在圖像中添加文本,但沒有合適的位置插入嗎?嘗試在 Photoshop 中添加透明文字!
本教學將向您展示如何建立透明文字區域,這意味著文字本身將完全透明,從而允許下面的圖像顯示出來。我們用純色塊(通常是白色)包圍文本,露出字母的形狀,然後文本成為主題的框架。對於那些圖像過於繁雜、文字不易閱讀的情況,這是一個很好的設計技巧。
在 Photoshop 中建立透明文字很容易。首先在圖像上方新增一個新圖層並用白色填滿。然後添加您的文字。為了使文字透明,我們將使用 Photoshop 的高級混合選項將排版圖層變成高亮圖層。這將在字母形狀上打孔,直接形成下面的圖像。
步驟 1:打開影像
首先開啟要新增透明效果的影像。例如,我從 Adobe 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%。
增加圖層的不透明度。
增加不透明度後,最終的透明文字區域結果應如下所示。
最終結果。