編者按：今天@AverageJoseph?將給同學(xué)們演示如何創(chuàng)建3D字體，以及用圖層樣式繪制這類高冷的金屬效果。教程參數(shù)清晰，過程細(xì)致，素材已打包微盤，右戳可直接練習(xí) >>>

最終效果

素材下載：微盤下載

一、創(chuàng)建背景

第1步：新建文件，大小：1260x 850像素，復(fù)制背景圖層。

第2步：雙擊復(fù)制的背景圖層，設(shè)置圖層樣式。

添加漸變疊加。勾選：仿色，混合模式：柔光，不透明度：85%，樣式：徑向，縮放：150%，勾選：反向。

第3步：點(diǎn)擊漸變條，設(shè)置起止顏色。從左到右，顏色及位置設(shè)置數(shù)值如下：

顏色：#212121位置：0

顏色：#656667位置：72

顏色：#646565位置：100

第4步：設(shè)置圖案疊加。

用圖案：webtreats_black_leather.jpg（在02壓縮包里放著）

這樣皮革紋理的背景層做好了。

二、創(chuàng)建文字及3D效果圖層

第1步：新建文字圖層，使用字體：SansSerif Exb FLF（在01壓縮包里放著），輸入全大寫字母：GREAT，大?。?00像素，顏色：#504d4a，水平縮放比例：90%。詳細(xì)參數(shù)設(shè)置見下圖。

第2步：?復(fù)制文字圖層，填充值設(shè)置為0，再復(fù)制一層。

第3步：?復(fù)制最初的文字圖層，將其拖至原文字圖層的下一層。

編輯>自由變換，快捷鍵Command+T（或者Ctrl+T），按向右箭頭及向下箭頭各一次，使該復(fù)制層向右向下各移1像素，按回車鍵完成。

第4步：?按Option+Command+Shift+T? 9次（即Windows系統(tǒng)下的Alt+Ctrl+Shift+T，此快捷鍵可以重復(fù)上一次ctrl+T的操作，并且可以累積效果），從而達(dá)到3D效果。

第5步：?選中原文字圖層下的所有文字圖層，點(diǎn)擊濾鏡>轉(zhuǎn)換為智能濾鏡，將此智能對象重新命名為3D，然后再復(fù)制一層，名為：3D拷貝，填充值設(shè)置為0。

三、設(shè)置3D圖層效果

第1步：?雙擊3D圖層，設(shè)置圖層樣式。

斜面和浮雕效果設(shè)置如圖，方法：雕刻清晰，大小10像素，光澤等高線：內(nèi)凹-深，點(diǎn)擊：消除鋸齒，高光模式：線性光。

第2步：?等高線設(shè)置。

點(diǎn)擊：消除鋸齒。

第3步：?內(nèi)陰影設(shè)置。

距離：0像素，阻塞：10%，大?。?像素。

第4步：?漸變疊加設(shè)置。

載入漸變填充：CSPTrue Sky Blue （在05壓縮包里放著）

第5步：?投影設(shè)置。

距離：20像素，大?。?0像素。

3D圖層的漸變效果完成。

如果樂意，待剩余部分完成也可返回此圖層，再試試看其他漸變效果。

四、設(shè)置3D拷貝圖層效果

第1步：?雙擊3D拷貝圖層，設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置如圖，方法：雕刻清晰，大?。?5像素，取消勾選：使用全局光，角度：30度，高度：50度，勾選：消除鋸齒，高光模式下的不透明度：0%，陰影模式下的不透明度：50%。

第2步：?等高線設(shè)置。

等高線：錐形，點(diǎn)擊：消除鋸齒。

第3步：?內(nèi)陰影設(shè)置。

距離：0像素，阻塞：10%，大?。?像素。

第4步：?漸變疊加設(shè)置。

混合模式：疊加，樣式：對稱的，角度：60度，使用faucet30漸變填充（在05壓縮包里放著，名為：CHROMES的漸變文件中可以找到名為faucet30的漸變）。

第5步：?圖案疊加設(shè)置。

混合模式：疊加，不透明度：90%，圖案：metal_2-512px.jpg（在03壓縮包里放著），縮放：75%。此步讓3D效果細(xì)節(jié)更逼真。

五、原始文字圖層效果

第1步：?雙擊最開始的文字圖層，設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置。大小：14像素，取消勾選：使用全局光，角度：76度，高度：69度，勾選：消除鋸齒，高光模式：亮光，顏色：#ffe1c9

第2步：?等高線設(shè)置。使用默認(rèn)數(shù)值即可。

第3步：紋理設(shè)置。

圖案：metal_2-512px.jpg（在03壓縮包里放著），深度：50%。

第4步：描邊設(shè)置。

大?。?像素，位置：內(nèi)部，混合模式：線性光，填充類型：漸變，樣式：對稱的，角度：90度，使用stovepipe 50漸變填充（在05壓縮包里放著，名為：RS_Chrome的漸變文件中可以找到名為stovepipe 50的漸變）。

第5步：內(nèi)陰影設(shè)置。

混合模式：顏色加深，顏色：#123c6b，不透明度：55%，距離：0像素，大?。?0像素，等高線：內(nèi)凹-深，勾選：消除鋸齒。

第6步：內(nèi)發(fā)光設(shè)置。

混合模式：亮光，雜色：15%，顏色：?#f4d9c0，大?。?4像素。

第7步：光澤設(shè)置。

混合模式：顏色減淡，顏色：#9a9a9a，距離：48像素，大?。?9像素，等高線：錐形-非對稱。

第8步：漸變疊加設(shè)置。

混合模式：變亮，使用stovepipe 100漸變填充。

第9步：外發(fā)光設(shè)置。

混合模式：亮光，雜色：10%，顏色：#c6ab6a，大?。?5像素。

第10步：投影設(shè)置。

顏色：#8d5411，距離：10像素，大?。?0像素。

至此，文字效果如下圖：

六、文字拷貝圖層效果

第1步：雙擊第一次拷貝的文字圖層，設(shè)置圖層樣式。

斜面及浮雕效果設(shè)置。大?。?像素，勾選：消除鋸齒，高光模式：亮光，陰影模式：顏色加深，顏色：#74460f

第2步：等高線設(shè)置。等高線：畫圓步驟，勾選：消除鋸齒。

第3步：內(nèi)發(fā)光設(shè)置。

混合模式：亮光，雜色：30%，顏色：?#f3d8aa 源：居中，大小：62像素

此步驟加強(qiáng)了文字中間的光效，效果如圖：

七、第二層文字拷貝圖層效果

雙擊第二層文字拷貝圖層，添加內(nèi)發(fā)光圖層樣式。

混合模式：亮光，不透明度：55%，雜色：30%，顏色：#d5ad89，大?。?4像素。

此步驟加強(qiáng)了文字邊緣的光效，效果如圖

八、添加背景紋理圖片，調(diào)整最終效果圖顏色

第1步：將名為：TextureStainless Steel With Light-deviant 的圖片放置在背景拷貝圖層之上，適當(dāng)調(diào)整大小，混合模式調(diào)整為：柔光

第2步：點(diǎn)擊圖層最下方一排功能鍵?“創(chuàng)建新的填充或調(diào)整圖層”，選擇“色彩平衡”

第3步：?色調(diào)：中間調(diào)，顏色值依次為：-35，-1，+10，勾選：保留明度

至此，大功告成！本期課程，我們創(chuàng)建了一個(gè)簡單的皮革背景，復(fù)制文字圖層，變形創(chuàng)建3D效果，轉(zhuǎn)為智能對象。接著，對各圖層進(jìn)行圖層樣式的添加調(diào)整，設(shè)置數(shù)值，以達(dá)精致紋理，發(fā)光特效。最后，對背景層添加簡單的紋理，再對整體進(jìn)行色彩平衡的調(diào)整。

【優(yōu)設(shè)四月免費(fèi)神器+資源下載人氣榜】

Top 1：超級好用的免費(fèi)切圖神器！
《免費(fèi)了！切圖標(biāo)記外掛神器ASSISTOR PS深入解讀（上）》

Top 2：無代碼做APP動效的最佳幫手！
《SKETCH神助攻！無代碼做動效神器HYPE3入門教程》

Top 3：四月份的免費(fèi)英文字體打包下載
《挑個(gè)任性！四月份高質(zhì)量精選英文字體免費(fèi)打包下載》

原文地址：design.tutsplus
優(yōu)設(shè)譯者：@AverageJoseph

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：