編者按：今天的教程是一枚質感強烈的3D字體，教程特點是參數明確，過程清晰，有利于同學們熟悉圖層樣式的運用，拿來練手非常合適，素材已打包，直接學習戳 >>>

我們先來看一下最終效果

 

教程資源

在開始之前，我們需要準備以下資源。（我已經打包到網盤，如果不能下載，請及時聯系我郵箱：manoftang@sina.com）

• Intrepid ExtraBold 字體
• 紋理
• 筆刷
• 筆刷
• 漸變樣式，本教程我們只需要CHROMES.grd

素材打包 微盤下載

為了后續方便使用，我們需要打開編輯>預設>預設管理，并從預設類型下拉菜單中選擇等高線，然后點擊右邊的小齒輪按鈕，選擇等高線，點擊追加，你將會得到更多的等高線。除此之外，我們還需要加載PS默認的漸變樣式，在剛才的預設類型下拉菜單中選擇漸變，繼續點擊右邊的小齒輪按鈕，選擇協調色1，點擊追加。

創建背景

第一步：

新建一個900*675px的文檔，設置前景色為#2c353c，背景色為#191919，然后點擊漸變工具，選擇線性漸變，最后從左下角到右上角創建一個漸變效果，更名圖層名為：Background。

第二步：

打開texture31 紋理圖片，放到Background圖層上方，更名為Background_Texture，混合模式選擇正片疊底，然后點擊圖像>調整>去色。

創建字體圖層

第二步：

使用Intrepid ExtraBold字體創建一個全大寫的文字，顏色為#e5eaec，大小230pt，字距微調設置為視覺，字距為100。

第二步：

將文本圖層復制4份，依次命名為：clean_copy_1~4然后將所有復制的文字圖層填充改為0。

創建描邊圖層

第一步：

雙擊最初的文本圖層，在圖層樣式面板中勾選描邊，并設置以下數值

大小：10

位置：外部

顏色：#7e7e7e

你將會看到如下效果

第二步：

將最初的文本圖層復制一份，更名為Stroke 1，右鍵點擊柵格化圖層樣式，并將填充改為0。

如果你使用的PS為CS6或更早的版本，你需要創建圖層組（圖層>圖層編組），重命名組為Stroke1，然后點擊圖層>合并組，并將填充改為0。

復制Stroke 1圖層，重命名為Stroke 2，然后放到最初文本圖層的下方。

為描邊圖層添加樣式

雙擊最初的文本圖層，我們需要為它添加一些圖層樣式。

第一步：

在圖層樣式面板中勾選斜面和浮雕，并設置以下數值

• 樣式：描邊浮雕
• 光澤等高線：錐形—不對稱
• 勾選消除鋸齒復選框
• 高光模式：亮光
• 不透明度：100%

第二步：

勾選等高線，并設置以下數值

• 等高線：半圓
• 勾選消除鋸齒復選框

你將會看到如下效果

為頂層描邊圖層添加樣式

雙擊Stroke 1圖層，并應用以下圖層樣式：

第一步：

在圖層樣式面板中勾選斜面和浮雕，并設置以下數值

• 大小：2
• 勾選消除鋸齒復選框
• 陰影模式顏色：#676767

第二步：

勾選等高線，并設置以下數值：

• 等高線：錐形—反轉
• 勾選消除鋸齒復選框

第三步：

勾選漸變疊加，并設定以下數值：

• 混合模式：柔光
• 不透明度：51%
• 樣式：對稱的
• 使用stove pipe 150 漸變填充

你將會看到如下效果

添加投影

雙擊Stroke 2 圖層，在圖層樣式面板中勾選投影，并設置以下數值：

• 距離：15
• 大小：7

你將會看到如下效果

為文本副本添加圖層樣式

雙擊剛復制的text_copy_1文本副本并添加如下樣式

第一步：

在圖層樣式面板中勾選描邊，并設置以下數值：

• 大小：1
• 填充類型：漸變
• 樣式：對稱的
• 角度：90
• 使用steel pipe 60 漸變填充

第二步：

勾選內陰影，并設置以下數值：

• 混合模式：正常
• 顏色：#2c6c99
• 不透明度：100%
• 距離：0
• 大小：18

第三步：

勾選投影，并設置以下數值：

• 距離：17
• 大小：9

你將會看到如下效果

為文本副本添加圖層樣式

雙擊text_copy_2文本副本并添加如下樣式

第一步：

在圖層樣式面板中勾選斜面和浮雕，并設置以下數值：

• 深度：297
• 大小：35
• 反選使用全局光復選框
• 角度：108
• 高度：42
• 勾選消除鋸齒復選框
• 高光模式：亮光
• 不透明度：64%
• 陰影模式—不透明度：0%

點擊光澤等高線，彈出等高線編輯器，在曲線上點擊兩個點，并設置輸入和輸出值，記得勾選邊角，讓兩點之間變成直線。

上面的點：71-72

下面的點：42-34

第二步

勾選等高線，并設置以下數值：

• 等高線：內凹—深
• 勾選消除鋸齒復選框

第三步：

勾選描邊，并設置以下數值：

• 大小：1
• 填充類型：漸變
• 角度：90
• 使用stove pipe 155b 漸變填充

你將會看到如下效果

為文本副本添加圖層樣式

雙擊text_copy_3文本副本并添加如下樣式

第一步：

在圖層樣式面板中勾選斜面和浮雕，并設置以下數值：

• 大小：21
• 反選使用全局光復選框
• 角度：53
• 高度：64
• 勾選消除鋸齒復選框
• 高光模式：亮光
• 陰影模式—不透明度：24%

第二步：

勾選等高線，然后勾選消除鋸齒復選框

你將會看到如下效果

為文本副本添加圖層樣式

雙擊text_copy_4文本副本并添加如下樣式

第一步：

在圖層樣式面板中勾選斜面和浮雕，并設置以下數值：

• 大小：21
• 反選使用全局光復選框
• 角度：108
• 高度：74
• 勾選消除鋸齒復選框
• 高光模式：亮光
• 陰影模式—不透明度：0%

第二步：

勾選等高線，并設置以下數值：

• 等高線：對數
• 勾選消除鋸齒復選框

你將會看到如下效果

創建文字紋理

第一步：

設置前景色和背景色為黑和白（快捷鍵：d），新建一個圖層放到最上面，更名為：Text_Texture，然后點擊濾鏡>渲染>云彩

第二步：

點擊濾鏡>濾鏡庫>畫筆描邊>強化的邊緣，然后設置邊緣寬度為2，邊緣亮度為38，平滑度為5

你將得到一個簡單的紋理

第三步：

將Text_Texture圖層的混合模式改為柔光

第四步：

選中Text_Texture圖層，然后按住ctrl單擊一下下方的文字圖層，建立選區

第五步：

繼續選中Text_Texture圖層，點擊圖層面板下方的添加矢量蒙版按鈕。

變更紋理的顏色

第一步：

繼續選中Text_Texture圖層，點擊圖層面板下方的添加創建新的填充或調整圖層按鈕，然后選擇色相/飽和度。

第二步：

在色相/飽和度面板中，點擊此調整剪切到此圖層按鈕并勾選著色復選框，然后設置色相值為200，飽和度值為25

第三步：

選擇該調節圖層，將混合模式改為柔光

為背景添加濺潑的水的效果

第一步：

選擇筆刷工具，然后在Water Splash Brushes 筆刷類別中選擇一個你喜歡的樣式，并設置前景色為#e8ecef，創建一個新的圖層，放到Background Texture圖層的上方，更名為Splash，然后調節筆尖到你喜歡的大小，最后添加到文字后面。

第二步

雙擊Splash圖層，并添加如下圖層樣式

勾選斜面和浮雕，并設置以下數值

• 光澤等高線：環形
• 勾選消除鋸齒復選框
• 高光模式：亮光

第三步：

勾選等高線，并設置以下數值：

• 等高線：半圓
• 勾選消除鋸齒復選框

第四步：

選擇Splash圖層，將混合模式更改為亮光，填充值為35%

添加星光和調節整體著色

第一步：

創建一個新的圖層，并放到最上面，更名為Sparkles，然后將混合模式更改為亮光。選擇Stars and Flares Brush Set筆刷，降低它的大小，并在文字邊緣增加一些星光。你還能夠調節這些星光筆刷的角度來達到完美的效果。（窗口>畫筆）

第二步：

繼續選中Sparkles圖層，點擊圖層面板下方的添加創建新的填充或調整圖層按鈕，然后選擇漸變映射。

第三步

使用橘黃色、藍色、紫紅色、黃色來填充漸變條，然后將調節圖層的混合模式改為正片疊底，不透明度為3%。這個效果是非常微妙的，但能提升整體作品的效果。

恭喜你已經完成該教程！

?【優設近期熱門字體教程合集】

效果以假亂真的牛仔布縫字教程！
《PS進階教程！手把手教你繪制牛仔布上縫字的效果》

初中時火遍QQ空間的字體效果有木有？
《PS新手教程！手把手教你創建星光閃爍的文字效果》

鋼鐵俠家里的字體效果教程！
《PS新手教程！手把手教你創建未來科技感的掃描字體效果》

 

投稿者：@三石兄兄

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量90萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege