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

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

更多photoshop教程請(qǐng)戳 → 優(yōu)設(shè)photoshop教程合集

步驟一

打開Photoshop,，新建文檔，寬高像素分別是1920*1200,，因?yàn)檫@個(gè)作品會(huì)被拿來(lái)做壁紙,，所以分辨率設(shè)置成72像素/英寸就好。

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

步驟二：

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

步驟三

我用了Piervincenzo制作的“soft grunge”（微盤下載）紋理中的兩種來(lái)給背景填充紋理,。新建圖層，選擇編輯-填充,，打開紋理庫(kù),，點(diǎn)擊對(duì)話框右上側(cè)的小箭頭。然后,，點(diǎn)擊“載入圖案”,，選擇剛剛下載的“soft grunge”圖案。如果你不是會(huì)員,，可以嘗試用“soft grunge”紋理來(lái)實(shí)現(xiàn)相同的效果,。

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

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

步驟四

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

按住ctrl+I,，反轉(zhuǎn)圖層顏色,；再按住shift+ctrl+u，去色,。

圖層混合模式設(shè)置成“濾色”,，調(diào)成70%不透明度。

步驟五

至此背景就搞定了,，我們可以開始設(shè)計(jì)字母了,。每一個(gè)字母的處理方法都是如出一轍，所以我僅演示如果創(chuàng)建第一個(gè)字母,，然后,，大家可以用同樣的方法來(lái)處理其他字母。

你需要一個(gè)粗體無(wú)襯線字體,。我用的是Nevis（譯者注：已經(jīng)幫小伙伴們download下來(lái)轉(zhuǎn)存到微盤了哦微盤下載,，這是非常棒的一個(gè)免費(fèi)字體。選擇橫排文字工具,，寫下第一個(gè)字，在我的案例中是F,。字體大小設(shè)置成260pt,，當(dāng)然具體多大取決于你的畫布大小。

按住ctrl+T,，使用自由變化工具,，旋轉(zhuǎn)字母。通過(guò)對(duì)字母的不同角度的旋轉(zhuǎn),，我們最終得到一個(gè)更為真實(shí)的效果,。

按ctrl+J，復(fù)制字母圖層,，并將它移動(dòng)到源圖層的下邊,，隱藏它的可見(jiàn)性。我們稍后用它創(chuàng)造陰影效果,。

步驟六

右鍵點(diǎn)擊“F”字母圖層,，選擇混合選項(xiàng)的顏色疊加,，顏色選擇淺灰色（#f6f6f6）

接下來(lái)，為了使用加深和減淡工具,，我們需要?jiǎng)h除樣式,，因?yàn)闃邮酱嬖诘那闆r下，這倆工具不可用,。因此,，我們需要的是一個(gè)不帶任何樣式的灰色字母F形狀的圖層。這有一個(gè)竅門來(lái)實(shí)現(xiàn)這個(gè)效果,。很簡(jiǎn)單,，新建空白圖層，然后選擇它和”F”圖層,，按CTRL+E合并圖層,。搞定！

步驟七

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

按CTRL+ENTER,把路徑轉(zhuǎn)換成選區(qū)。

按CTRL+J,，把剛才的選區(qū)復(fù)制到一個(gè)新圖層?，F(xiàn)在，你既有了一個(gè)字母圖層,，又有了一個(gè)僅帶剛才的選區(qū)的圖層,。

步驟八

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

步驟九

如果你隱藏形狀圖層的可見(jiàn)性，就會(huì)看到有一條白色邊框,，我們需要?jiǎng)h除它,。

刪除它，選擇蒙版,，使用一個(gè)黑色筆刷涂滿它,。

步驟十

選擇形狀圖層并勾選可見(jiàn)性。然后，選擇菜單編輯-變化-扭曲,，將左上角的錨點(diǎn)一點(diǎn)點(diǎn)拖動(dòng)到右下角,。

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

步驟11

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

現(xiàn)在選擇主字母圖層,，選中加深工具，在折疊紙張的限定區(qū)域內(nèi)涂滿,，這樣就創(chuàng)建了一個(gè)柔和的陰影效果,。

步驟12

用創(chuàng)建第一個(gè)折疊紙張效果的方法，在右上角創(chuàng)建第二個(gè),，這次在它上面使用加深工具,。

步驟13

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

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

不透明度降到10%以營(yíng)造較為柔和的效果,。

步驟14

選中目前為止創(chuàng)建的所有圖層，合并它們?，F(xiàn)在,，你是否還記得我們?cè)陂_始的時(shí)候（步驟5）復(fù)制的字母圖層？恰如我寫道的,，我們這就用它創(chuàng)建陰影效果。因此,，勾選它的可見(jiàn)性,，給它添加一個(gè)黑色的顏色疊加。

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

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

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

步驟15

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

直到你滿意后,，CTRL+單擊字母圖層（所有圖層合并在一起了）以建立選區(qū),，給紋理添加圖層蒙版。當(dāng)然如果你想要更強(qiáng)的效果,，可以復(fù)制這個(gè)紋理圖層,。

這就是創(chuàng)建所有字母的方法，只需（調(diào)整）字母角度和陰影的不透明度來(lái)完成這個(gè)單詞或者詞組,。下面就是我得到的結(jié)果：

步驟17

最后一步,，選擇所有圖層，按shift+alt+ctrl+e,，建立蓋印可見(jiàn)圖層,，選擇菜單濾鏡>渲染>光照效果，設(shè)置一點(diǎn)來(lái)自右上角的光源,。

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

 
優(yōu)設(shè)網(wǎng) SDC翻茄匠：微博：@阿隨向前沖
原文地址：wegraphics

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