PS教程：創建針織毛線效果字體

@阿隨向前沖 ：在tutsplus網站看到這個字體就很喜歡，于是就拿來練手了，但是因為Filter Forge這個第三方濾鏡不是免費的，而且即便按原作者說的安裝了試用版，但是她教程中提到的幾個圖案也都是需要付費滴，真想跟作者說一句“土豪，俺們做朋友吧”。教程一早翻譯出來了，可是難道就要放棄了嘛，不！！于是，簡單粗暴的在源站下了類似的圖，然后定義成圖案，結合原教程再按自己的方法，也算做了出來，所以呢，下面的教程有翻譯的部分，也有我自己摸索的部分，大家可對比著看，如果有更好的方法實現效果，也請賜教呢。

其實都可以按照自己喜歡的風格去做的，教程是死滴，想法才是萬能的嘛，所以小伙伴們學了方法，就盡情DIY吧。

移步這里素材下載

精品字體教程：
《PS教程：制作美味可口的面包圈字體》
《AI+PS新手教程：打造童話夢境般的3D字體特效》
《PS教程：創建超炫的冰霜特效字體》

正文：

預備工作--載入等高線

在下面的一些圖層樣式操作中，你可能需要載入等高線。請照做，選擇編輯>預設管理器，選擇來自預設類型二級菜單下的等高線。

點擊右上角的小箭頭，選擇等高線。

點擊追加，以添加新的等高線到當前等高線。

第一步

新建文檔，大小為1280×1024像素，文件名為“毛衣字體”。選擇漸變工具，在工具欄點擊徑向漸變圖標。然后，點擊漸變條去創建漸變。

在漸變編輯器中，添加四個顏色點（只要單擊漸變色條的正下方即可）。然后，你可以通過點擊選擇每個色點，按照如下參數設置他們的顏色和位置。

· 1 – 4e341d – 0

· 2 – 412914 – 27

· 3 – 291506 – 61

· 4 – 160600 – 100

然后，點擊文檔中心并拖拽到四個邊角中的一個以便將這個漸變應用到背景中。

第二步

新建圖層，并命名為”木質背景“。打開圖片“wood_39”，選擇編輯>定義圖案，并命名為“木質”。關閉該文件，回到“毛衣字體”文件，選中“木質背景”圖層，選擇編輯>填充，用剛定義的“木質”圖案填充該圖層，并將該圖層混合模式改為“疊加”。

第三步

打開圖片“針織毛線”， 選擇編輯>定義圖案，并命名為“針織毛線”。關閉該文件，回到“毛衣字體”文件，新建文字，顏色#a6a6a6，選擇比劃較粗字體（注意：不要使用加粗，否則沒辦法創建工作路徑）。在字符面板（窗口>字符），大小設為350pt，字符間距設成到100以避免稍后應用圖案時發生重疊。然后雙擊文字圖層去按照如下參數設置圖層樣式。

斜面和浮雕：大小設為13，軟化為2，勾選“取消鋸齒”。然后，改變高光模式為疊加，陰影模式-顏色為#bfbfbf

等高線：只需要勾選“取消鋸齒”。

紋理：選擇“針織毛線”圖案，改變深度到-55.這會用圖案創建一個3D針織效果。

內陰影：距離設成0，大小設為27.

圖案疊加：再次選擇“針織毛線”圖案。這將應用這個真實的彩色圖案

投影：改變不透明度到62，取消勾選“使用全局光“，改變角度為-142°，改變距離值為0，擴散值位21，大小為9.

這會創建3D效果。

第四步

打開畫筆面板（窗口>畫筆），選擇畫筆，然后按照如下參數設置

畫筆筆尖形狀

形狀動態

顏色動態

第五步

右擊文字圖層，選擇“創建工作路徑“

在文字圖層下方新建圖層，命名為“邊緣“。

設置前景色＃f1f1f1，背景色a6a6a6，現在定位鼠標到文檔內的任意地方，確保畫筆工具已經激活，按住回車鍵為路徑描邊。（或者，你能夠選擇直接選擇工具，右擊工作路徑，選擇描邊路徑。然后從工具的下拉菜單中選擇畫筆，單擊OK）

正如你看到的，這個邊緣非常分散。因此多按幾下回車鍵直到你得到豐滿的描邊。當你對邊緣滿意的時候，選擇直接選擇工具，最后一次長按回車鍵去處理工作路徑。

第六步

選擇文字圖層和邊緣圖層（按住ctrl后再選另一個），然后給它們編組（圖層>編組圖層，或ctrl+g），命名為”源文字“圖層。

復制這個組并通過點擊旁邊的小眼睛讓原始組不可見。這樣能保證我們擁有原始文本，以防我們稍后需要它，因為我們馬上要修改這個復制組。

現在單擊復制組，選擇圖層>合并組（ctrl+e）

雙擊柵格化的圖層，設置投影效果，改變不透明度到45，距離10，大小10。

這會使得文本增加更多的深度感。

第七步

打開圖片“木架“，圖像旋轉90°后，選擇編輯>定義為圖案，命名為”木架“。關閉圖片，回到”毛衣字體“文件。選擇矩形工具，在工具欄確認你的形狀選項處于激活狀態，設置淺色填充，無色描邊。

畫一條橫穿文件的高90像素的矩形。

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

斜面和浮雕：高光模式改為柔光，陰影模式-顏色設置成#c1c1c1.

等高線：選擇“錐形-反轉“等高線，勾選”消除鋸齒“。

紋理：選擇”木架“圖案，深度值改為-127.

顏色疊加：混合模式改為正片疊底，顏色設為#616161

圖案疊加：選擇”木架“圖案。

投影：采用默認參數值即可。

這個就是在下一步中懸掛字體的木質橫梁。

第八步

選擇橢圓工具，在“矩形1“圖層上方新建圖層。在工具欄，設定無色填充，淺色5pt寬度的描邊。然后，新建一個61*161px的橢圓。

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

斜面和浮雕：高光模式改為疊加，陰影模式-顏色設為#696969

等高線：選擇環形-雙，勾選“取消鋸齒”

顏色疊加：選擇你喜歡的任意顏色。這里使用的是#772626

投影：使用默認參數即可。

這就是掛繩的風格。

第九步

在橢圓掛繩上新建圖層，使用用橢圓工具，淺色填充，無色描邊，新建一個42*42像素的小圓圈（按住shift鍵拖動鼠標即可創建完美的圓。）

你可以如你所愿地創建更大或更小的圓。雙擊“橢圓2”圖層，設置如下圖層樣式。

斜面和浮雕：大小為2個像素，方法選“雕刻柔和“，光澤等高線選擇“環形”，勾選“取消鋸齒”，高光混合模式改為柔光。

等高線：選擇“錐形-不對稱”等高線，勾選“取消鋸齒”。

圖案疊加：選擇木架圖案。

投影：使用默認參數值即可。

這就是圖釘的樣子。

第十步

將兩個橢圓形狀圖層編組并重命名為“圖釘掛繩”，然后復制圖釘組直到每個字都有一個。順便將“源文字副本”圖層移動到最上方，這樣掛繩就很自然了。

選擇移動工具，然后把每一個圖釘編組移動到每個字后。使用鍵盤上的左右箭頭鍵移動組，保證圖釘對齊。你可以長安shift鍵再按左右箭頭，可以更大間量的移動。

第11步

選擇套索工具，圍繞第一個字繪制一個選區。按Ctrl+J復制選區讓“大”單獨一層，對丈和夫做同樣操作。設置“源文字副本”不可見。

選擇第一個字，然后選擇編輯>變換>旋轉。旋轉15°（如果你旋轉的同時長按shift鍵，你會以15°的間隔旋轉。）單擊回車鍵應用你剛剛做的改變。對剩下的字重復這個過程。接下來，再重新調整“圖釘掛繩”圖層的位置以保證字體是掛在上面的效果。

第12步

點擊“創建新的填充或調整圖層”圖標，選擇漸變映射。要保證調整圖層在所有圖層的最上方，然后把混合模式改為柔光，不透明度改為15%。這會讓最終效果的顏色混合的更好一些。使用如下參數設置漸變條，左邊#613021，右邊#857b72

最終成像

這就是最終的效果。希望你喜歡這個教程并對你有所幫助。歡迎你分享你對這個效果的看法和建議。

原文地址：psd.tutsplus
優設網翻譯：@阿隨向前沖

本文由優設網原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量58萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：