在設(shè)計(jì)中，一個(gè)恰到好處的文字效果能直接震撼訪客的視覺(jué)，在購(gòu)物網(wǎng)站尤為常見。這些驚人的文字效果是怎么做出來(lái)的呢？今天分享一個(gè)教程：利用 Photoshop 創(chuàng)建一個(gè)復(fù)古風(fēng)格強(qiáng)烈的彩色金屬文字，你可以在臨摹中學(xué)習(xí)一下作者的思路。

字體教程：
《PS教程：創(chuàng)建可愛的哆啦A夢(mèng)風(fēng)格字體》
《PS教程：簡(jiǎn)單幾步創(chuàng)建典雅的鉆飾文字效果》
《PS新手教程：教你創(chuàng)建一枚巧克力奶油文字》

最終效果預(yù)覽：

第一步：

首先我們需要定義一種點(diǎn)狀樣式. 建立一個(gè)100×100像素的新文件，分辨率設(shè)置為300像素/英寸。背景填充為黑色。采用橢圓選擇工具，設(shè)置為固定尺寸，高度和寬度都為24像素。在畫布的任何地方點(diǎn)擊，然后在選擇框里點(diǎn)擊，拖動(dòng)并置于畫布的左上角。

將選區(qū)填充為白色，拖出一條水平和垂直輔助線置于選區(qū)的中心。按下SHIFT鍵并保持，按4下方向鍵將選區(qū)向下移動(dòng)40像素。填充為白色?，F(xiàn)在將選區(qū)向上和向右分別移動(dòng)20像素，再次填充白色。接下來(lái)將選區(qū)向下和向右分別移動(dòng)20像素并填充白色。

現(xiàn)在按下圖再拖出兩條輔助線置于選區(qū)的中心。將選區(qū)向上移動(dòng)40像素然后再次填充白色?，F(xiàn)在用矩形選擇工具選取交叉的輔助線之間的區(qū)域，見下圖。然后執(zhí)行編輯〉定義樣式，命名為"孔"?，F(xiàn)在可以關(guān)閉文件了。

第二步：

新建一個(gè)寬1450px 高700px的文件，分辨率為300px/inch。確保顏色模式為RGB。選擇水平文字工具輸入文字。我這里采用字體Arial Black,大小為116pt。

第三步：

現(xiàn)在我們將應(yīng)用兩種圖層樣式。首先應(yīng)用描邊（Stroke）樣式，設(shè)置如下：尺寸10像素，位置為內(nèi)部，混合模式為正常。不透明度為100%，顏色為黑色。然后應(yīng)用圖案疊加樣式（Pattern Overlay），設(shè)置如下：混合模式為正常，不透明度100%，樣式設(shè)置為"孔"，比例設(shè)置為50%。

第四步：

將背景層隱藏，在最上面建立新層命名為"2 透明"，執(zhí)行圖像〉A(chǔ)pply Image and check Invert.。 該操作將當(dāng)前可見圖層的選區(qū)變平并反轉(zhuǎn)。

第五步：

按住Ctrl并點(diǎn)擊"2 透明"層以載入選區(qū)，并按下Ctrl+C復(fù)制。進(jìn)入通道面板，建立新通道。按下Ctrl+V粘貼。然后Ctrl + D取消選擇。

第六步：

進(jìn)入圖層面板，現(xiàn)在我們不需要"2 透明"這個(gè)層，所以將它刪除。將PSD層的圖案疊加樣式設(shè)為隱藏，將文字顏色設(shè)為白色。這里圖層命名為PSD是因?yàn)槲覀冚斎氲氖荘SD。你可以按你自己的文字命名。

第七步：

在最上面建立新層，再次命名為"2 Alpha"因?yàn)檫@個(gè)層將作為alpha通道。確保背景層仍然為隱藏。執(zhí)行圖像〉A(chǔ)pply Image and uncheck Invert

第八步：

現(xiàn)在Ctrl+單擊"2 Alpha"圖層載入選區(qū)。然后Ctrl+ C 復(fù)制，進(jìn)入通道面板建立新通道，點(diǎn)擊Ctrl+ V粘貼。保持在通道面板，Ctrl+單擊"Alpha 1"通道載入選區(qū)

第九步：

進(jìn)入到圖層面板建立新層命名為"文字"，通過(guò)ALT+退格鍵將前景色設(shè)置為80%的灰度。然后取消選擇。

第十步：

由于我們的最終圖上是黑色背景。那么最好現(xiàn)在就將背景調(diào)暗。將背景層填充為90% 灰度?，F(xiàn)在對(duì)"文字"層應(yīng)用2種樣式。第一種為圖案疊加，設(shè)置為：柔光，不透明度100%，樣式為"黑色大理石"，范圍為100%。第二個(gè)樣式為投影。設(shè)置為：正片疊底，100%不透明度，角度為120。距離16像素，平鋪30%，大小為15像素。

第十一步：

執(zhí)行層〉復(fù)制圖層命名為"上色"。將本層的樣式拖到層面板的垃圾箱里（即刪除樣式）。

第十二步：

進(jìn)入通道面板建立新通道。執(zhí)行濾鏡〉渲染〉云彩。然后執(zhí)行濾鏡〉渲染〉分層云彩。然后按下CTRL+ F再應(yīng)用兩次濾鏡。現(xiàn)在執(zhí)行圖像〉調(diào)整〉反相。 圖像〉調(diào)整〉色階（CTRL+L）,輸入為200，1，255。此圖的白色區(qū)域?qū)⒆鳛殇P蝕部分。CTRL+ 單擊通道載入選區(qū)。

第十三步

選擇"著色"層按下DELETE刪除選擇區(qū)域。執(zhí)行層〉復(fù)制圖層命名為"顆粒"?，F(xiàn)在將"顆粒"曾設(shè)置為隱場(chǎng)。取消選區(qū)。

第十四步：

回到"著色"層，應(yīng)用投影樣式。設(shè)置為：正片疊底，不透明度100%，角度120，距離和分布為0，大小5像素。應(yīng)用內(nèi)發(fā)光，設(shè)置為：顏色加深，不透明度35%，大小1像素。應(yīng)用線性疊加，設(shè)置為：疊加，不透明度60%，漸變?yōu)楹诎?，樣式為線性，角度90。將"著色"的混合模式設(shè)置為柔光

第十五步：

在"著色"層上新建一層命名為"顏色".選擇漸變工具,打開線性選擇工具,選擇:藍(lán)色,紅色,黃色。設(shè)置為線性漸變并按如下方式填充圖層。按下ALT鍵，點(diǎn)擊"著色"和"顏色"層中間的分隔線，以將"著色"層定義為剪貼蒙板。將"顏色"層的混合模式改為差異。

第十六步：

選擇"顆粒"圖層，設(shè)為可見。執(zhí)行濾鏡〉藝術(shù)化〉薄膜紋理。 顆粒設(shè)置為10，高光區(qū)和強(qiáng)度為0，圖層混合模式為顏色減淡。

第十七步：

CTRL+單擊"文字"層以載入選區(qū)。在其上面建立新層命名為"高光"。選擇橢圓選擇工具，用方向鍵將選區(qū)向左和向上移動(dòng)1像素。將選區(qū)填充白色。將選區(qū)向右和向下移動(dòng)一像素回到原處。按下DELETE刪除。對(duì)"高光層"應(yīng)用外發(fā)光層樣式，設(shè)置：疊加，不透明度100%，大小2像素

第十八步：

進(jìn)入通道面板，CRTL+單擊"ALPHA 2"載入選區(qū)?；氐綄用姘澹谏厦娼⑿聦用麨?高光2"。將選區(qū)向右和向下移動(dòng)2像素。填充白色。然后將選區(qū)向左和向上移動(dòng)2像素，按下DELETE刪除。取消選擇。

第十九步：

執(zhí)行濾鏡〉模糊〉高斯模糊，應(yīng)用1像素的半徑。用來(lái)將高光變得平滑。

第二十步：

進(jìn)入通道面板，CTRL+單擊"ALPHA2"層載入選區(qū)?；氐綄用姘?，在上面建立新層命名為"陰影"。將選區(qū)向左和向上移動(dòng)2像素。填充黑色。將選區(qū)向右和向下移動(dòng)2像素。按下DELETE刪除。

第二十一步：

CTRL+D取消選擇。執(zhí)行濾鏡〉模糊〉高斯模糊，應(yīng)用1像素半徑。

第二十二步：

CTRL+單擊"PSD"圖層載入選區(qū)。在最上面建立新層命名為"陰影2"。填充黑色。將選區(qū)向上和向左移動(dòng)2像素，按下DELETE刪除。再次CTRL+單擊"PSD"圖層。執(zhí)行濾鏡〉模糊〉高斯模糊。應(yīng)用2像素半徑。

第二十三步

CTRL+單擊"PSD"圖層載入像素。在最上面建立新層命民為"高光3"。將選區(qū)填充黑色。將選區(qū)向下和向右移動(dòng)2像素，按下DELETE刪除。CTRL+單擊"PSD"圖層載入選區(qū)，因?yàn)槲覀儾幌Ｍ烁吖庀蛲饽：，F(xiàn)在執(zhí)行濾鏡〉模糊〉高斯模糊，應(yīng)用1像素半徑。CTRL+D取消選擇。

第二十四步：

在上面建立新層，命名為"紋理"。填充為黑色。執(zhí)行濾鏡〉渲染〉鏡頭光暈。將亮度設(shè)為160%，鏡頭類型為50-300mm 變焦。 然后執(zhí)行濾鏡〉渲染〉分層云彩。接下來(lái)圖像〉調(diào)整〉去色（Desaturate）。 執(zhí)行濾鏡〉扭曲〉玻璃，設(shè)置為：扭曲20，平滑2，范圍（Scale）100%。 最后應(yīng)用漸變疊加樣式，設(shè)置為：正片疊底，不透明度70%。

第二十五步：

通過(guò)改變漸變和"顏色"層的顏色，以及改變"文字"層的圖案疊加樣式的紋理，你可以實(shí)現(xiàn)各種效果。

總結(jié)：

好了?，F(xiàn)在完工了。希望您學(xué)到了新東西，也希望您喜歡本教程。

原文地址：psdreamworks

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

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量69萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：