PS教程！手把手教你創(chuàng)建樸實(shí)精致的3D復(fù)古字體效果

編者按：今天的字體效果非常有舊時(shí)代上海貴族的氣質(zhì)，教程難度不大，新手也可以輕松搞定，素材及源文件已打包微盤，隨時(shí)可以練手 >>>

在開始之前，我們需要準(zhǔn)備以下資源。（我已經(jīng)打包到微盤，如果不能下載，請(qǐng)及時(shí)聯(lián)系我郵箱：manoftang@sina.com）

• Freshman Normal 字體
• 素材圖案
• 源文件PSD

素材打包??微盤下載

創(chuàng)建漸變背景

第一步：

新建一個(gè)800*600px文檔，并將Background圖層創(chuàng)建一個(gè)副本，將其命名為Background_copy。

步驟二：

雙擊Background_copy圖層，勾選漸變疊加，并設(shè)定以下數(shù)值

• 勾選仿色復(fù)選框
• 樣式：徑向
• 縮放：150%

創(chuàng)建漸變，左邊顏色為#c8c5b8，右邊顏色為#aaa593

最后得到一個(gè)漸變背景：

給背景添加雜色

步驟一：

將Background_copy圖層創(chuàng)建一個(gè)副本，然后柵格化該圖層，并命名為Background_copy_2。

如果你使用的Photoshop為CS6或者更早的版本，你需要點(diǎn)擊圖層編組（圖層）圖層編組），然后合并該組（圖層）合并組）來代替。

設(shè)定前景色為#c8c5b8，背景色為#aaa593

步驟二：

點(diǎn)擊濾鏡〉雜色〉添加雜色，調(diào)節(jié)數(shù)量為5，分布模式為平均分布，勾選單色復(fù)選框。

步驟三：

將Background_copy_2圖層的混合模式改為變暗，這將為增強(qiáng)雜色在背景中的效果。

步驟四：

點(diǎn)擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層按鈕，并選擇色階。

步驟五：

調(diào)整陰影值為72、伽瑪值為1.05、高光為236，這將調(diào)節(jié)背景圖層的著色。

創(chuàng)建文字

步驟一：

使用Freshman Normal字體創(chuàng)建一個(gè)全大寫的文字，大小設(shè)定為125pt，顏色為#43a0a8，并設(shè)置字間距為視覺

步驟二：

將文字圖層創(chuàng)建一個(gè)副本，并移動(dòng)到原圖層下面。

步驟三：

選中文字副本圖層，進(jìn)入自由變換模式，編輯〉自由變換（MAC：Command-T，Windows：Ctrl+T），點(diǎn)擊右箭頭鍵一次，然后點(diǎn)擊向下箭頭鍵一次,將其向右和向下分別移動(dòng)一個(gè)像素，然后確定。

步驟四：

點(diǎn)擊鍵盤Option+Command+Shift+T（Windows：Alt+Ctrl+Shift+T）組合鍵10次。

創(chuàng)建3D形狀和陰影的智能濾鏡

步驟一：

選擇所有復(fù)制的文字圖層，將它們的顏色設(shè)置為#c7b299

步驟二：

選中剛復(fù)制的所有圖層，將其轉(zhuǎn)換為智能濾鏡（濾鏡）轉(zhuǎn)換為智能濾鏡），更名為3D_Extrusion。創(chuàng)建該圖層的副本，拖動(dòng)到下方，更名為Shadow。

為最初的文字圖層應(yīng)用圖層樣式

雙擊最初的文字圖層并添加以下圖層樣式：

步驟一：

勾選描邊并設(shè)定以下數(shù)值：

• 大小：2
• 位置：內(nèi)部
• 顏色：#f2eee1

步驟二：

勾選內(nèi)陰影并設(shè)定以下數(shù)值：

• 顏色：#464646
• 不透明度：100%
• 反選使用全局光
• 角度：129
• 距離：5
• 阻塞：50
• 大小：2

步驟三：

勾選圖案疊加并設(shè)定以下數(shù)值：

• 混合模式：柔光
• 圖案：Fine diagonal lines

你可以嘗試一下其它的圖案和混合模式，讓文字看起來更酷。

最后是這樣的效果

為3D Extrusion圖層添加圖層樣式

雙擊3D Extrusion圖層并添加以下圖層樣式：

步驟一：

勾選斜面和浮雕并設(shè)定以下數(shù)值

• 方法：雕刻清晰
• 大小：13
• 反選使用全局光選框
• 角度：82
• 高度：16
• 勾選消除鋸齒選框
• 高光模式的透明度：0%

這樣做是在3D形狀的基礎(chǔ)上創(chuàng)建一個(gè)3D陰影效果。

步驟二：

勾選等高線并應(yīng)用以下數(shù)值：

• 勾選消除鋸齒選框

步驟三：

勾選顏色疊加并設(shè)定以下數(shù)值

• 顏色：#265559

這一步你可以發(fā)揮自己的想象力來選擇你喜歡的顏色。

你能夠看到如何使用一大堆樣式來創(chuàng)建一個(gè)3D文字，當(dāng)然你可以根據(jù)自己的喜好來調(diào)整一些數(shù)值，讓它看起來更酷。設(shè)置完會(huì)是以下效果。

你可以使用移動(dòng)工具來將3D文字圖層移動(dòng)到你喜歡的位置。

制作陰影

步驟一：

選中Shadow圖層，然后點(diǎn)擊濾鏡〉模糊〉動(dòng)感模糊，調(diào)整角度為-55，距離為20像素。你需要和3D文字的角度保持一致。

步驟二：

將Shadow圖層的混合模式改為正片疊底，并使用移動(dòng)工具將它移動(dòng)到你喜歡的位置。

步驟三：

點(diǎn)擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層按鈕，并選擇色相/飽和度。

步驟四：

點(diǎn)擊面板底部的此調(diào)整剪切到此圖層按鈕，并將飽和度值設(shè)置為-65

恭喜！你已經(jīng)完成該教程，最終效果如下：

【新手自學(xué)指南好文全合集】

Top 1：作者自學(xué)成功的親身經(jīng)驗(yàn)，實(shí)用性高！
《超贊！設(shè)計(jì)師完全自學(xué)指南》

Top 2：從新手技巧到高手教程都在這兒了！
《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》

Top 3：集合多位交互大牛的經(jīng)驗(yàn)合集！
《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》

原文地址：design.tutsplus
譯者博客：lynntang.lofter

【優(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í)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量90萬的人氣微博@優(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ì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege