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

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

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

素材打包??微盤下載

創(chuàng)建漸變背景

第一步：

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

步驟二：

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

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

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

最后得到一個漸變背景：

給背景添加雜色

步驟一：

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

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

設定前景色為#c8c5b8，背景色為#aaa593

步驟二：

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

步驟三：

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

步驟四：

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

步驟五：

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

創(chuàng)建文字

步驟一：

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

步驟二：

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

步驟三：

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

步驟四：

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

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

步驟一：

選擇所有復制的文字圖層，將它們的顏色設置為#c7b299

步驟二：

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

為最初的文字圖層應用圖層樣式

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

步驟一：

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

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

步驟二：

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

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

步驟三：

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

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

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

最后是這樣的效果

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

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

步驟一：

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

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

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

步驟二：

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

• 勾選消除鋸齒選框

步驟三：

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

• 顏色：#265559

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

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

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

制作陰影

步驟一：

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

步驟二：

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

步驟三：

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

步驟四：

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

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

【新手自學指南好文全合集】

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

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

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

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

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

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