@阿隨向前沖 ：面包圈是一種用面粉做成的甜甜圈類型的面包。當它們烤好又閃亮時，看上去真的可口解饞喲！

本教程將會向大家展示如何使用Photoshop強大的圖層樣式功能、以及一些筆刷和濾鏡來創作一些美味的面包圈（效果字體）。

此教程是SDC番茄匠@阿隨向前沖 為大家精心翻譯的，過程非常詳細，小哥還標注了重點，很用心呢。希望各位親愛的編輯同仁們轉載時艾特上小哥，在此深深感謝 : ）

字體教程力作：
用PHOTOSHOP創建真實的折疊紙字體
PS教程：創建漂亮的水紋特效字體
更多photoshop教程請戳 → 優設photoshop教程合集

這是最終效果圖。

注意：

*本教程中使用的Adobe Photoshop CS6，但是你也可以使用CS3以上任何一個版本。

*你可能想要檢查BasixPage 這一頁來了解一些關于Photoshop基本操作技巧的有用主題，例如加載色板和一些快捷鍵。

（譯者注：教程所用的紋理和字體已經打包，微盤下載）

注意：你可能需要加在本教程使用的等高線，所以可以查看這張圖片來了解如何操作。

第一步

新建1250×1250像素大小的文檔（你可以使用任何你想要的寬度值，但是請確保高度值不小于1250）。

選擇矩形工具，設置前景色為#d4d0c9，并拉一個眼神到文檔邊框外一點的矩形。

雙擊矩形形狀圖層，設置如下圖層樣式：

——斜面和浮雕

大小：3

勾選消除鋸齒

陰影模式：正片疊底—顏色# a89a86

——等高線

勾選消除鋸齒

——紋理

圖案：paper_2（譯者注：要把提前下載好的這個圖案在ps中定義成圖案）

深度：318%

——漸變疊加

混合模式：正片疊底

樣式：徑向

縮放：150%

勾選與圖層對齊

創建漸變，你需要單擊漸變條下方添加色標，而在它上面添加不透明度。這里的漸變是用兩種顏色創建的：左側的#ffffff，不透明度為0%，右側的#6e3c32，不透明度是100%

圖案疊加

混合模式：正片疊底

圖案：1181556893.gif（譯者注：要把提前加載下載好的Floral Patterns.pat）

以上將創建主要背景。

第二步

設置前景色為#d8d1b9，選擇橢圓工具并按住Shift鍵，在文檔內單擊拖動創建一個大小適合的圓。

雙擊橢圓形狀圖層，設置如下圖層樣式：

——斜面和浮雕

方法：雕刻清晰

大小：95

光澤等高線：內凹-深

勾選"消除鋸齒"

高光模式：柔光--不透明度：50%

——等高線

等高線：錘形—不對稱

勾選"消除鋸齒"

——紋理

圖案：白色紋理（譯者注：要把提前下載好的這個圖案在ps中定義成圖案）

深度：10%

——光澤

混合模式：線性光

顏色：#767676

距離：73

大小：250

等高線：環形—雙環

——圖案疊加

混合模式：正片疊底

圖案：wood 411.jpeg（譯者注：要把提前下載好的這個圖案pat加載到ps）

——投影

不透明度：24%

距離：55

這就創作了碗/碟子/盤子。你大可隨心設置斜面和浮雕的參數，或者使用你喜歡的不同的顏色以及紋理。

第三步

以大寫字母狀態寫下你想要創作的單詞的第一個字母，使用"Franks"字體（譯者注：需要提前安裝下好的這款字體），顏色為"#e3d1ab"，字體大小為570.

你既可以同時創作所有字母，又可以一個接一個創作，這完全取決于你自己。

如果這個字母內的孔徑（洞）太小，你會需要把它轉換成形狀去刪除這個孔的鋒利邊緣。

如此去做，右鍵點擊文字圖層，然后選擇"轉換為形狀"。

選擇"轉換點工具"，圍繞周圍的尖角單擊拖動以選中它，然后單擊并拖動錨點將鋒利尖角轉換成曲線。

之后，你可能需要選擇直接選擇工具，單擊并拖動錨點來移動他們，或者單擊并拖動方向點以擴大或縮小曲線。

最終的結果沒有必要一定是完美的，實際上，不完美更好。

復制形狀層，改變拷貝層的填充值為0，然后再復制兩次形狀層。因此你會有一個原始的文字層，拷貝、拷貝2和拷貝3層。

第四步

--雙擊原始的文字圖層并設置如下圖層樣式。

——斜面和浮雕

大小：65

軟化：16

陰影模式--顏色：#a98f59

——投影

取消"使用全局光"

角度：80

距離：20

大小：25

這就是一個基本的3D形狀的面包圈了。

第五步

--雙擊B拷貝文字,以設置如下圖層樣式。

——內陰影

顏色：#533416

距離：0

大小：7

——內發光

混合模式：正片疊底

不透明度：85%

填充：選擇漸變填充—稍后我們會創建這個漸變

方法：精確

源：居中

大小：43

等高線：高斯

范圍：80

單擊漸變條以創建漸變

使用的三個顏色和他們的位置如下：

#--顏色—位置

1 – #d17a34 – 0%
2 – #ecd8ad – 45%
3 – #e0c09a – 88%

相應的不透明的參數如下：

# – Opacity –Location
1 – 100% – 0
2 – 100% – 45%
3 – 0% – 100%

為內發光使用漸變將會為字母創建一個從中心照向邊緣的由暗到亮的效果。

第六步

雙擊B拷貝2文字圖層，設置如下圖層樣式

——斜面和浮雕

大小：62

取消"使用全局光"

角度：68

高度：64

光澤等高線：半圓

勾選"消除鋸齒"

高光模式—顏色：#ffe4bd—不透明度：25%

陰影模式—不透明度：0%

——紋理

圖案：White Texture

這會添加一些紋理（凹凸）到文字上。

第七步

--雙擊"B拷貝3"文字圖層，設置如下圖層樣式：

——斜面和浮雕

大小：75

取消"使用全局光"

角度：54

高度：42

光澤等高線：對數

勾選"取消鋸齒"

陰影模式—不透明度：0%

——等高線

等高線：半圓

勾選"取消鋸齒"

范圍：40%

——紋理

圖案：Concrete wall

--這會添加一些光芒效果。在本教程將近結束的時候，光芒將會被旋轉，那會讓它更加生動。

第八步

--Ctrl+單擊任何字母圖層的縮略圖以創建選區

--執行選擇>修改>收縮，收縮量設置成50像素。這會讓選區向內收縮50像素。

--執行選擇>修改>羽化，羽化半徑設置為15.這會使選區的邊緣軟化。

--設置前景色為#994b0d，選擇油漆桶工具，在所有圖層上面新建圖層，命名為"棕色"，往選區內填充前景色。

第九步

--再一次Ctrl+單擊任何一個字母圖層的縮略圖來創建一個選區。新建圖層，命名為"紋理"。前景色設置為#e4c8a0，背景色設置為#936d2f。

我們會應用一些濾鏡效果來創建一個簡單的紋理，這會加強字母的色彩。

--選擇菜單濾鏡>渲染>云彩。然后執行選擇>取消選擇（Ctrl+D）以取消選區。

--選擇濾鏡>濾鏡庫>素描>基底凸現，然后按照下圖改變參數。

你應該得到如下效果。

--選擇濾鏡>濾鏡庫>畫筆描邊>強化的邊緣，同樣按照下圖修改參數。

紋理做好了， 就是這么簡單。

將紋理圖層的混合模式改為柔光。你可以看到這樣做的不同。

第十步

--選擇畫筆工具，打開畫筆面板（窗口>畫筆）。選擇一個柔角畫筆，然后按照如下所示修改它的參數：

畫筆筆尖形態

形狀動態

在所有圖層上新建圖層，命名為"顏色加深筆刷"，改變它的混合模式為顏色加深，它的不透明度為45%，設置前景色為#cac2b7

單擊并稍微移動筆刷以加厚字母的一些區域。這回讓金棕色看上去更加真實。

第十一步

新建圖層，命名為"內陰影"，改變它的混合模式為正片疊底。設置前景色#e7cf93，減小筆刷大小為45px。

在畫筆面板，在畫筆筆尖形狀屬性下，將間距設置降到25%

選擇之前做好的文本，之后圍繞字母的洞繪制更多的陰影。

新建圖層，命名為"外陰影"，改變它的混合模式為"正片疊底"，設置前景色為#e3b96d，調大筆刷大小到175像素。在字母周圍的選區邊緣外稍微繪制一下，以使得邊緣更暗。

做好之后，取消選區（Ctrl+D）

這就是面包圈主體。下一步簡單裝飾下就能得到結果。

第十二步

選擇畫筆工具，打開畫筆面板。選擇一個尖角畫筆，并如下圖所示改變它的參數值。

畫筆筆尖形狀

形狀動態

散布

這就是主要的粒子筆刷。

第十三步

在所有圖層之上新建圖層，命名為"芝麻"。

雙擊芝麻圖層，設置如下圖層樣式：

——斜面和浮雕

勾選"消除鋸齒"

高光模式—顏色：#ecbe8e #c1803a

陰影模式—顏色：#c1803a

——等高線

等高線：錐形

勾選"消除鋸齒"

——投影

不透明度：60%

距離：1

大小：2

復制"芝麻"圖層，重命名為"罌粟籽"

雙擊"罌粟籽"圖層，將斜面和浮雕陰影模式的顏色改成黑色。

設置前景色為#d4ad6c，選擇"芝麻"圖層，然后拖動畫筆在面包圈字母的中間部分"撒芝麻"。

一個有效的小提醒，以彎彎曲曲的運筆方法去畫，這會更好地讓你做出來的芝麻粒效果更漂亮。

改變前景色為#372f2d，減小筆刷大小到7px，選擇"罌粟籽"圖層，然后在面包圈上畫罌粟籽。

第十四步

現在就做好了面包圈字母。所以，合并所有圖層，然后繼續創建其他字母。

全做好后，選擇每個圖層組，執行編輯>自由變換，旋轉移動它到碗里。

單擊"創建新的填充或調整圖層"圖標，載入圖層面板，選擇漸變映射。

將調整圖層的混合模式設置成正片疊底，不透明度為10%

用三種顏色來創建漸變

#--顏色—位置

1--#7b2800—0%

2--#ffb211—60%

3--#ffffc7—100%

最終，你可以在碗里（譯者注：即橢圓1形狀圖層）撒上一些芝麻和罌粟籽

準備好你的面包圈！
希望這個教程能讓你高興，發現它的樂趣。

 

原文地址：textuts
優設網翻茄匠：@阿隨向前沖

轉摘請注明優設網譯文出處，謝謝各位小編。
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量56萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：