在本教程中,我向您展示了一種使用Photoshop中的圖層效果將透明文本添加到圖像的簡單方法。在上一個教程中,我向您展示了如何使用Photoshop的“混合選項(xiàng)”創(chuàng)建透明文本。但是圖層效果可以為您提供更多有趣和創(chuàng)新的效果,因?yàn)橛刑嘈Ч晒┻x擇!
創(chuàng)建帶有圖層效果的透明文本的技巧是知道如何在保持圖層效果可見的同時使文本本身透明。
步驟1:打開圖片
首先將圖像打開到Photoshop中。
步驟2:選擇文字工具
要添加文本,請從工具欄中選擇“ 文字工具 ”
選擇文字工具
步驟3:選擇字體
然后在選項(xiàng)欄中選擇字體。任何字體都可以,但是較大,較粗的字體效果最好。
我會保持簡單,然后選擇Arial Black:
選擇字體
將字體大小設(shè)置為72 pt,以便我們從最大的預(yù)設(shè)大小開始
設(shè)置字體大小
然后通過單擊色樣為您的類型選擇一種顏色
單擊顏色樣本
由于我們將使文本透明,因此顏色無關(guān)緊要。但是,在將文本添加到圖像時,請選擇一個易于查看的顏色。我會選擇白色。
完成后,單擊“確定”以關(guān)閉“拾色器”
在“顏色選擇器”中將字體顏色設(shè)置為白色
步驟4:添加文字
接下來,單擊文檔并添加您的文本。我將輸入單詞“ SUMMER”
將文本添加到文檔中
要接受它,請單擊選項(xiàng)欄中的復(fù)選標(biāo)記
單擊復(fù)選標(biāo)記
步驟5:使用自由變換調(diào)整文本的大小并重新放置文本
要調(diào)整文本大小并將其移到適當(dāng)位置,我們將使用Photoshop的“ 自由變換”命令。
轉(zhuǎn)到菜單欄中的“ 編輯”菜單,然后選擇“ 自由轉(zhuǎn)換”
進(jìn)入“編輯”>“自由變換”
然后,要調(diào)整文本大小,請單擊并拖動任何手柄。從Photoshop CC 2019開始,自由變換會在您拖動時自動鎖定文本的縱橫比。但是,如果您使用的是早期版本的Photoshop,請在拖動時按住Shift鍵以將縱橫比鎖定在適當(dāng)?shù)奈恢谩?/p>
在這里,我向外拖動左右手柄以使文本變大
通過拖動“自由變換”手柄調(diào)整文本大小。
然后,要重新放置文本,請在“自由變換”框中單擊并拖動。
我將向下拖動以使文本居中于圖像前面
向下拖動文本以使其居中
要接受它并關(guān)閉“自由變換”,請單擊選項(xiàng)欄中的復(fù)選標(biāo)記
單擊復(fù)選標(biāo)記以關(guān)閉自由變換
和在層面板,文本顯示一上型層以上的圖像
Photoshop的“圖層”面板顯示了新類型的圖層
步驟6:將類型圖層的“填充”降低到0%
現(xiàn)在,我們已經(jīng)添加了文本,如何使文本透明?有兩種方法可以做到這一點(diǎn)。一種是通過降低圖層的不透明度值,另一種是通過降低填充值。這兩個選項(xiàng)位于“圖層”面板的右上角
不透明度和填充均可用于使圖層透明
圖層不透明度與填充
不透明度和填充之間的區(qū)別在于,不透明度會同時影響圖層 和已應(yīng)用的所有圖層效果。因此,如果我們將不透明度降低到0%,則文本和效果都會變得透明,這不是我們想要的。
但是“填充”值僅影響圖層本身?;蛘咴谶@種情況下,只有文本。它不會影響陰影,筆觸或應(yīng)用于文本的其他效果。
因此,為了使文本透明,請將Fill值降低到0%
將填充降低到0%
降低“填充”值后,文本消失
降低類型圖層的“填充”值后的結(jié)果
步驟7:向文字添加陰影
現(xiàn)在我們的文本是透明的,我們可以使用圖層效果來顯示字母的形狀。例如,讓我們添加一個投影。
在“圖層”面板中,單擊底部的fx圖標(biāo)
單擊圖層效果圖標(biāo)
然后從列表中選擇“ 陰影 ”
選擇“拖放陰影”
投影的選項(xiàng)在Photoshop的“圖層樣式”對話框中打開。
角度和距離
首先調(diào)整陰影的角度和距離
投影的“角度”和“距離”選項(xiàng)
調(diào)整“角度”和“距離”值的最簡單方法是在文檔內(nèi)部單擊并拖動。并且請注意,即使文本是透明的,陰影仍然隱藏在其后面,從而顯示出字母
陰影顯示透明字母
您也可以在對話框中輸入特定的值。我將“ 角度”設(shè)置為135度,將“ 距離”設(shè)置為16個像素。您需要的值將取決于您的圖像
設(shè)置角度和距離
不透明度
使用“ 不透明度”滑塊調(diào)整投影的透明度。我將不透明度提高到50%,以使陰影變暗
增加投影的不透明度值
尺寸
您可以通過增加“ 大小”值來柔化陰影邊緣。我將我的像素增加到16像素
通過增加大小來柔化陰影邊緣
到目前為止,這是我的結(jié)果
陰影顯示透明的文本
顏色
默認(rèn)的陰影顏色是黑色,但是您可以通過單擊色樣來更改它
單擊陰影的色樣
然后從“拾色器”中選擇一種新顏色,或者從圖像中采樣一種顏色。
我將單擊以從沙子中采樣顏色
單擊圖像可為陰影添加新顏色
然后在“顏色選擇器”中,選擇該顏色的較暗的飽和版本。
然后,我將單擊“確定”關(guān)閉“顏色選擇器”
深色,飽和色與陰影效果最佳
這就是結(jié)果。只需添加陰影,我們就可以看到透明文本
第一層效果已添加到文本中
步驟8:在文字周圍添加筆觸
讓我們添加更多效果。仍在“圖層樣式”對話框中,從左側(cè)的列中選擇“ 描邊 ”。我們可以使用筆觸在字母周圍添加邊框
添加描邊圖層效果
顏色
通過單擊顏色樣本為筆劃選擇一種顏色
單擊筆觸顏色色板
然后,就像投影一樣,從“拾色器”中選擇一種新的筆觸顏色,或者從圖像中采樣一種顏色。
我將通過從沙子最亮的部分采樣顏色來選擇接近白色的顏色。然后,我將單擊“確定”關(guān)閉“顏色選擇器”
從圖像中采樣新的筆觸顏色
位置
“ 位置”選項(xiàng)將筆劃移動到文本的邊緣內(nèi),邊緣外或居中。我將選擇“ 外部”
設(shè)置筆觸的位置
尺寸
然后通過拖動“ 大小”滑塊來設(shè)置筆觸的寬度。我將尺寸增加到6像素
設(shè)置筆觸的大小
這是我同時應(yīng)用了陰影和筆觸的透明文本
筆觸使查看透明字母更加容易
第9步:添加漸變疊加
我們要添加的第三個也是最后一個效果是“ 漸變疊加”。通過添加漸變,然后更改漸變的混合模式,我們可以增加文本內(nèi)部圖像的對比度。
從左欄中選擇“漸變疊加”
添加漸變疊加效果
第10步:選擇黑色,白色漸變
然后通過單擊漸變色樣旁邊的箭頭來選擇漸變
選擇其他漸變
通過雙擊其縮略圖選擇黑色,白色漸變。
在Photoshop CC 2020和更高版本中,漸變被分組到文件夾中。您需要旋轉(zhuǎn)打開Basics文件夾以找到漸變
選擇黑色,白色漸變
漸變將暫時阻止圖像可見
具有“漸變疊加”效果的初始結(jié)果
步驟11:將漸變的混合模式更改為疊加
然后將漸變與圖像混合,將漸變的混合模式從“正常”更改為“ 疊加”
將混合模式更改為疊加
現(xiàn)在,文本內(nèi)部圖像的對比度比周圍的圖像更強(qiáng)
應(yīng)用了“漸變疊加”效果的透明文本
關(guān)閉其他圖層效果
要更清楚地看到“漸變疊加”效果,請取消選中“筆觸”和“陰影”效果
取消選中“描邊和陰影”
現(xiàn)在,我們看到對比度如何產(chǎn)生字母
該效果僅使用“漸變疊加”效果
嘗試柔光混合模式
如果對比度太強(qiáng)(與我的圖像一樣),請嘗試使用柔光混合模式
將漸變的混合模式更改為柔光
柔光會產(chǎn)生類似但不那么強(qiáng)烈的結(jié)果
將漸變的混合模式更改為柔光后的結(jié)果
重新打開其他效果
要重新啟用“描邊和陰影”,請再次在其復(fù)選框內(nèi)單擊
打開描邊和陰影
步驟12:關(guān)閉“圖層樣式”對話框
此時,您可以嘗試添加其他圖層效果,或者可以通過單擊“確定”關(guān)閉“圖層樣式”對話框來接受您擁有的效果
單擊確定按鈕
在“圖層”面板中,我們添加到文本中的效果顯示在文字圖層下方。
您可以單擊效果名稱旁邊的可見性圖標(biāo)以打開或關(guān)閉效果。或者,您可以直接在名稱上雙擊以重新打開“圖層樣式”對話框,并根據(jù)需要編輯效果
圖層效果應(yīng)用于文本
步驟13:選擇文字
因此,我們學(xué)習(xí)了如何通過降低類型圖層的“填充”值然后添加圖層效果來創(chuàng)建透明文本。但是我們可以通過加亮,變暗或向周圍的圖像添加顏色來進(jìn)一步增強(qiáng)效果。為此,我們首先需要選擇文本周圍的區(qū)域。
在“層”面板中,按住鍵盤上的Ctrl(Win)/ Command(Mac)鍵,然后單擊類型層的縮略圖
單擊文字圖層的縮略圖
這會在字母周圍加載一個選擇
文本本身被選中
步驟14:反轉(zhuǎn)選擇
然后要選擇除文本之外的所有內(nèi)容,請通過選擇菜單并選擇反選來反轉(zhuǎn)選擇
要選擇>反向
第15步:選擇圖像層
返回“圖層”面板,單擊圖像圖層以將其選中
選擇圖像層
然后單擊“ 新建填充或調(diào)整層”圖標(biāo)
單擊新建填充或調(diào)整層圖標(biāo)
并選擇一個純色填充層
添加純色填充層
在顏色選擇器中,為填充層選擇一種顏色。我現(xiàn)在將選擇黑色,但是稍后我將向您展示如何更改顏色。
完成后,單擊“確定”
從“拾色器”中選擇填充層的顏色
現(xiàn)在,顏色填充了文本周圍的區(qū)域
添加黑色純色填充層后的結(jié)果
在“層”面板中,填充層出現(xiàn)在圖像和文字層之間。
填充層不影響字母內(nèi)圖像的原因是因?yàn)镻hotoshop使用了我們所做的選擇來創(chuàng)建層蒙版,如我們在層蒙版縮略圖中所看到的。
蒙版上的白色區(qū)域是可見的填充層,黑色區(qū)域是其隱藏的位置
圖層蒙版控制填充層的可見性
步驟16:降低填充層的不透明度
要將顏色與圖像混合,請降低填充層的不透明度。
我將我的比例降低到60%
降低填充層的不透明度
降低不透明度后,圖像將通過填充層顯示。由于我的填充顏色是黑色,因此會產(chǎn)生暗化效果
使透明文本周圍的區(qū)域變暗后的結(jié)果
如何更改填充層的顏色
要嘗試其他顏色,請雙擊填充層的色樣
雙擊顏色樣本
然后再次從拾色器或圖像中選擇一種新顏色。
由于我一直在直接從圖像中采樣顏色,因此我將通過單擊椅子的背面選擇橙色。然后,我將單擊“確定”關(guān)閉“顏色選擇器”
從圖像中采樣新的填充顏色
更改填充層的混合模式
由于這次我選擇了一種實(shí)際的顏色,因此我將填充層的混合模式從“正常”更改為“ 顏色”
將填充層的混合模式更改為顏色
具有新的填充顏色和混合模式的結(jié)果
降低填充層的不透明度
最后,我將填充層的不透明度降低到25%左右,以降低顏色的強(qiáng)度
降低填充層的不透明度
您可以打開或關(guān)閉填充層,以通過單擊可見性圖標(biāo)將效果與原始圖像進(jìn)行比較
單擊填充層的可見性圖標(biāo)
最終的透明文字效果