@阿隨向前沖?今天我們學習如何用Photoshop制作帶刮痕的折紙字體效果。首先，我們用紋理創建背景，再使用鋼筆工具、圖層蒙版，以及使用加深、減淡和變換工具的實用技巧對字體進行處理。下面這個教程非常簡單，所以我建議大家都去嘗試一下。

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

更多photoshop教程請戳 → 優設photoshop教程合集

步驟一

打開Photoshop，新建文檔，寬高像素分別是1920*1200，因為這個作品會被拿來做壁紙，所以分辨率設置成72像素/英寸就好。

*提醒蘋果用戶：ctrl=cmd，alt=option

步驟二：

填充深綠色背景。選擇圖層-圖層樣式-顏色疊加，選擇深綠色（#41514c）（譯者注：無法選擇圖層樣式時，先在圖層面板雙擊背景新建圖層。Ps：直接設置前景色為#41514c，在填充顏色也即可。）

步驟三

我用了Piervincenzo制作的“soft?grunge”（微盤下載）紋理中的兩種來給背景填充紋理。新建圖層，選擇編輯-填充，打開紋理庫，點擊對話框右上側的小箭頭。然后，點擊“載入圖案”，選擇剛剛下載的“soft?grunge”圖案。如果你不是會員，可以嘗試用“soft?grunge”紋理來實現相同的效果。

選擇“pattern2_380，確定以填充背景?！?譯者注：不是該網站會員的，可以使用花崗巖紋理 )

最后，將圖層類型設置為疊加，不透明度設置成50%。

步驟四

再次新建圖層，這次使用“pattern_9_380_hard”填充。（譯者注：練習時，可以使用“藝術表面-紗布紋理”。）

按住ctrl+I，反轉圖層顏色；再按住shift+ctrl+u，去色。

圖層混合模式設置成“濾色”，調成70%不透明度。

步驟五

至此背景就搞定了，我們可以開始設計字母了。每一個字母的處理方法都是如出一轍，所以我僅演示如果創建第一個字母，然后，大家可以用同樣的方法來處理其他字母。

你需要一個粗體無襯線字體。我用的是Nevis（譯者注：已經幫小伙伴們download下來轉存到微盤了哦微盤下載，這是非常棒的一個免費字體。選擇橫排文字工具，寫下第一個字，在我的案例中是F。字體大小設置成260pt，當然具體多大取決于你的畫布大小。

按住ctrl+T，使用自由變化工具，旋轉字母。通過對字母的不同角度的旋轉，我們最終得到一個更為真實的效果。

按ctrl+J，復制字母圖層，并將它移動到源圖層的下邊，隱藏它的可見性。我們稍后用它創造陰影效果。

步驟六

右鍵點擊“F”字母圖層，選擇混合選項的顏色疊加，顏色選擇淺灰色（#f6f6f6）

接下來，為了使用加深和減淡工具，我們需要刪除樣式，因為樣式存在的情況下，這倆工具不可用。因此，我們需要的是一個不帶任何樣式的灰色字母F形狀的圖層。這有一個竅門來實現這個效果。很簡單，新建空白圖層，然后選擇它和”F”圖層，按CTRL+E合并圖層。搞定！

步驟七

選用鋼筆工具的路徑模式，繪制一條如下截圖所示的路徑。

按CTRL+ENTER,把路徑轉換成選區。

按CTRL+J，把剛才的選區復制到一個新圖層?，F在，你既有了一個字母圖層，又有了一個僅帶剛才的選區的圖層。

步驟八

我們必須從字母上刪除這個小選區。以便擁有帶這個小選區的圖層（上一步得到的）和一個不帶這個小選區的圖層。如此來做，選擇字母“F”圖層，然后在小形狀圖層上按CTRL+click，選擇它的像素。按住Alt同時點擊“添加圖層蒙版”按鈕。最后按住CTRL+D，取消選區。

步驟九

如果你隱藏形狀圖層的可見性，就會看到有一條白色邊框，我們需要刪除它。

刪除它，選擇蒙版，使用一個黑色筆刷涂滿它。

步驟十

選擇形狀圖層并勾選可見性。然后，選擇菜單編輯-變化-扭曲，將左上角的錨點一點點拖動到右下角。

你會注意到在字母和形狀之間有一條縫。連接兩個形狀，選擇字母的圖層蒙版，用一把白色筆刷在這條縫上涂滿。

步驟11

在制作折疊效果時，我們必須注意光的方向。我決定把光源設置在右上側，這樣我們已經創建的折疊部分就應該比字母部分更亮。在選中被選中且已經完成折疊的部分，選中減淡工具（設置成高光），然后涂滿它。

現在選擇主字母圖層，選中加深工具，在折疊紙張的限定區域內涂滿，這樣就創建了一個柔和的陰影效果。

步驟12

用創建第一個折疊紙張效果的方法，在右上角創建第二個，這次在它上面使用加深工具。

步驟13

我們必須為這張紙創建陰影。使用基于形狀模式的鋼筆工具，創建一個如下截圖所示的形狀。

選擇菜單濾鏡-模糊-高斯模糊，設定2像素的半徑。

不透明度降到10%以營造較為柔和的效果。

步驟14

選中目前為止創建的所有圖層，合并它們。現在，你是否還記得我們在開始的時候（步驟5）復制的字母圖層？恰如我寫道的，我們這就用它創建陰影效果。因此，勾選它的可見性，給它添加一個黑色的顏色疊加。

選擇菜單編輯>變化>扭曲，拉伸出如下截圖所示的陰影。

選擇菜單>濾鏡>模糊>高斯模糊，設置半徑為5像素。

最后，把不透明度降到30%，如果你想刪除一部分陰影，可以使用橡皮擦工具或是蒙版。

步驟15

最后，我們用一個紋理來創建皺皺巴巴的紙張效果。為此，我使用了“paper?textures”紋理中的“paper1.jpg”。在文檔內粘貼這個紋理，按CTRL+T重設大小，按SHIFT+CTRL+U去色。然后，如果你將圖層模式更改為正片疊底，你就能消除白色部分，看到這個紋理是如何影響字母的。

直到你滿意后，CTRL+單擊字母圖層（所有圖層合并在一起了）以建立選區，給紋理添加圖層蒙版。當然如果你想要更強的效果，可以復制這個紋理圖層。

這就是創建所有字母的方法，只需（調整）字母角度和陰影的不透明度來完成這個單詞或者詞組。下面就是我得到的結果：

步驟17

最后一步，選擇所有圖層，按shift+alt+ctrl+e，建立蓋印可見圖層，選擇菜單濾鏡>渲染>光照效果，設置一點來自右上角的光源。

設置顏色加深的圖層模式，降低不透明度到60%。我們終于做完了！我希望這個教程給你帶去愉悅。

 
優設網 SDC翻茄匠：微博：@阿隨向前沖
原文地址：wegraphics

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