PS教程，教你制作逼真涂鴉文字效果
?
作者：P大點(diǎn)S來(lái)源：部落窩教育發(fā)布時(shí)間：2019-07-02 16:57:12點(diǎn)擊：6486
編按：
前不久分享的人物涂鴉墻效果很受大家的喜歡，因此今天特意為大家找來(lái)了涂鴉文字的教程。可能小伙伴覺得人物我都會(huì)做了文字肯定也會(huì)做啊，話雖如此，但今天帶來(lái)的卻是另一種制作方法哦，人物涂鴉墻我們用到的是濾鏡+圖層樣式，文字涂鴉效果用的是混合顏色帶+圖層樣式，它會(huì)幫助你更進(jìn)一步的了解混合顏色帶。一起來(lái)看看兩種方法的異同吧，文字涂鴉墻效果教程見文末推薦。
我們要?jiǎng)?chuàng)建的文字效果靈感來(lái)自 Envato Market 的涂鴉風(fēng)格。
一、背景的創(chuàng)建
1、打開我們所提供的磚墻素材 Brick-wall.jpg，我們將使用這個(gè)磚墻背景來(lái)建立這個(gè)涂鴉文本效果。在PS中打開 Brick-wall.jpg，這個(gè)圖片是 Jan Stverak 編輯過的，尺寸大小都已經(jīng)調(diào)整好了的，同時(shí)我們也提供了一個(gè)未經(jīng)編輯的原始圖片，大致是調(diào)整了亮度，色階以及飽和度，你可以試試，或者，如果你想嘗試不同的背景，也可以自己查找一下其他背景。
2、我創(chuàng)建了一個(gè)亮度/對(duì)比度調(diào)整層，再稍微降低些亮度。
二、設(shè)置文本
3、選擇文本工具，輸入文字“Vote” ，設(shè)置字體為 Graffogie，大小為285 點(diǎn)。
4、執(zhí)行“編輯——變換——變形”，設(shè)置變形類型為“花冠”，彎曲“21%”，H：-29%，V：22%，我們得到如下變形結(jié)果。
5、從這個(gè)變形結(jié)果來(lái)看，V和O之間的間隔感覺比OTE大一些，所以，選擇住V字，把V字字符的字距調(diào)整為“-75”，這算是個(gè)細(xì)節(jié)問題吧。
6、接下來(lái)，我們打上另外兩個(gè)文本“for”和“Pedro”，同樣的設(shè)置字體為 Graffogie，“for”文字大小為116點(diǎn)，字距75。“Pedro”文字大小為255點(diǎn)，字距75，一個(gè)文本一個(gè)圖層。
7、選擇住三個(gè)文本圖層，CTRL+G創(chuàng)建圖層組，將圖層組旋轉(zhuǎn)-8°。
三、創(chuàng)建涂鴉效果
8、首先，將三個(gè)文本圖層的填充都修改為0，現(xiàn)在文字都不顯示了，只剩下背景，沒關(guān)系，接下來(lái)我們將添加圖層樣式，以形成涂鴉效果。
9、接下來(lái)，我們給Vote文本圖層添加圖層樣式，從下圖中，你可以看到我們添加了好多的樣式。
9.1、首先，我們?cè)O(shè)置混合選項(xiàng)：自定。
混合顏色帶：灰色，在下方的混合顏色帶中，設(shè)置下一圖層，在白色標(biāo)記上按住Alt鍵單擊（mac用戶按住Option鍵單擊）將其拆分，然后將左側(cè)部分設(shè)置為161，將右側(cè)部分設(shè)置為236。
9.2、接下來(lái)，我們?cè)O(shè)置斜面和浮雕。
樣式：內(nèi)斜面，方法：雕刻清晰，深度：144%，方向：上，大?。?span>8像素，軟化：0像素
角度：98度，高度：30度，光澤等高線：線性，勾選消除鋸齒
高光顏色：#035b7c，高光模式：疊加，不透明度：100%
陰影顏色：#ff3000，陰影模式：疊加，不透明度：88%
9.3、接著，我們?cè)O(shè)置內(nèi)陰影。
混合模式：正常，顏色：黑色#000000，不透明度100%
角度-94度，距離：0像素，阻塞：0%，大?。?span>10像素
等高線：錐形，勾選消除鋸齒，雜色：11%
9.4、接下來(lái)，是內(nèi)發(fā)光。
混合模式：正常，不透明度：19%，雜色：61%，顏色：黑色#000000
方法：精確，源：居中，阻塞：1%，大?。?span>10像素
等高線：錐形—反轉(zhuǎn)，勾選消除鋸齒，范圍：50%，抖動(dòng)：0%
9.5、接著，是光澤。
混合模式：疊加，顏色：#64ec87，不透明度：100%
角度：90度，距離：19像素，大小：24像素
等高線：半圓，勾選消除鋸齒，勾選反相
9.6、接下來(lái)，我們?cè)O(shè)置漸變疊加。
混合模式 ：線性加深，勾選仿色，不透明度：6%
漸變顏色為白到黑的漸變（具體參數(shù)請(qǐng)參見下圖）
樣式：線性，勾選與圖層對(duì)齊，角度：90度，縮放：60%
9.7、接下來(lái)，我們?cè)O(shè)置外發(fā)光。
混合模式：線性加深，不透明度：29%，雜色：0%，顏色：黑色#000000
方法：精確，擴(kuò)展：50%，大?。?span>3像素
等高線：線性，勾選消除鋸齒，抖動(dòng)：53%
9.8、最后，我們?cè)O(shè)置投影。
混合模式：正常，顏色：黑色#000000，不透明度：95%
角度：90度，距離：5像素，擴(kuò)展：39%，大?。?span>24像素
等高線：線性，勾選消除鋸齒，雜色：10%
10、接下來(lái)，我們給 for 文本圖層添加圖層樣式，依舊添加了好多的樣式，而且混合顏色帶的運(yùn)用也不一樣了。
10.1、首先，我們?cè)O(shè)置混合選項(xiàng)：自定。
混合顏色帶：灰色，在下方的混合顏色帶中，設(shè)置下一圖層，在白色標(biāo)記上按住Alt鍵單擊（mac用戶按住Option鍵單擊）將其拆分，然后將左側(cè)部分設(shè)置為158，將右側(cè)部分設(shè)置為217。
10.2、接著，我們?cè)O(shè)置斜面和浮雕。
樣式：內(nèi)斜面，方法：平滑，深度：100%
方向：上，大小：8像素，軟化：0像素
角度：90度，高度：30度
光澤等高線：線性，勾選消除鋸齒
高光顏色：白色#ffffff，高光模式：濾色（這個(gè)無(wú)所謂，因?yàn)槲覀兊牟煌该鞫葘⒃O(shè)置為0），不透明度0%
陰影顏色：黑色#000000，陰影模式：正片疊底，不透明度：50%
10.3、設(shè)置一個(gè)描邊。
大?。?span>1像素，位置：外部，混合模式：正常，不透明度：100%
填充類型：顏色，顏色：黑色#000000
10.4、添加一個(gè)內(nèi)陰影。
混合模式：正常，顏色：黑色#000000，不透明度：100%
角度：-94度，距離：0像素，阻塞：18%，大小：5像素
等高線：線性，勾選消除鋸齒，雜色：11%
10.5、添加一個(gè)內(nèi)發(fā)光。
混合模式：正常，不透明度：30%，雜色：61%，顏色：黑色#000000
方法：精確，源：邊緣，阻塞：1%，大小：4像素
等高線：線性，勾選消除鋸齒，范圍：50%，抖動(dòng)：0%
10.6、最后，我們添加一個(gè)投影。
混合模式：正常，顏色：黑色#000000，不透明度：96%
角度：90度，距離：5像素，擴(kuò)展：27%，大?。?span>18像素
等高線：線性，勾選消除鋸齒，雜色：17%
11、接下來(lái)，我們給 pedro 文本圖層添加圖層樣式，依舊添加了好多的樣式，而且混合顏色帶的運(yùn)用也不一樣了。
11.1、首先，我們?cè)O(shè)置混合選項(xiàng)：自定。
混合顏色帶：灰色，在下方的混合顏色帶中，設(shè)置下一圖層，在黑色標(biāo)記上按住Alt鍵單擊（mac用戶按住Option鍵單擊）將其拆分，然后將右側(cè)部分設(shè)置為80。接著，在白色標(biāo)記上按住Alt鍵單擊（mac用戶按住Option鍵單擊）將其拆分，然后將左側(cè)部分設(shè)置為139，將右側(cè)部分設(shè)置為201。
11.2、現(xiàn)在，我們添加一個(gè)斜面和浮雕。
樣式：內(nèi)斜面，方法：雕刻清晰，深度：144%，方向：上，大?。?span>8像素，軟化：0像素
角度：98度，高度：30度，光澤等高線：線性，勾選消除鋸齒
高光顏色：#1faee3，高光模式：疊加，不透明度：100%
陰影顏色：#ce43db，陰影模式：疊加，不透明度：88%
11.3、添加一個(gè)內(nèi)陰影
混合模式：正常，顏色：黑色#000000，不透明度：100%
角度：-94度，距離：0像素，阻塞：0%，大?。?span>10像素
等高線：錐形，勾選消除鋸齒，雜色：11%
11.4、添加一個(gè)內(nèi)發(fā)光
混合模式：線性減淡（添加），不透明度：33%，雜色：47%，顏色：#dd8925
方法：精確，源：居中，阻塞：58%，大?。?span>16像素
等高線：線性，勾選消除鋸齒，范圍：50%，抖動(dòng)：0%
11.5、添加一個(gè)光澤
混合模式：疊加，顏色：#f08d18，不透明度100%
角度：90度，距離：19像素，大小：24像素
等高線：半圓，勾選消除鋸齒，勾選反相
11.6、添加一個(gè)漸變疊加
混合模式 ：線性加深，勾選仿色，不透明度：6%
漸變顏色為白到黑的漸變（具體參數(shù)請(qǐng)參見下圖）
樣式：線性，勾選與圖層對(duì)齊，角度：90度，縮放：60%
11.7、添加一個(gè)外發(fā)光
混合模式：線性加深，不透明度：29%，雜色：0%，顏色：黑色#000000
方法：精確，擴(kuò)展：40%，大?。?span>2像素
等高線：線性，勾選消除鋸齒，范圍：100%，抖動(dòng)：53%
11.8、最后，添加一個(gè)投影
混合模式：正常，顏色：黑色#000000，不透明度：96%
角度：90度，距離：5像素，擴(kuò)展：39%，大?。?span>24像素
等高線：線性，勾選消除鋸齒，雜色：10%
設(shè)置完圖層樣式，我們最終得到這樣的效果，涂鴉的效果有木有，三種不同涂鴉效果的樣式設(shè)置，你GET了嗎？
換成金屬劃痕的背景，效果也不錯(cuò)，換個(gè)字神馬的，都是小意思。
當(dāng)然，我們也可以隨心所欲的修改顏色。
本文配套的練習(xí)素材請(qǐng)加QQ群：143686347下載
做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！
掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：
相關(guān)推薦：
版權(quán)信息：
原標(biāo)題：用圖層樣式+混合顏色帶巧妙制作一個(gè)涂鴉文字效果
來(lái)源： Photoshop 作者：P大點(diǎn)S