編者按：有沒有幻想過，吞一大口顏料，噗嗤一聲全噴墻上，然后發(fā)揮想象力盡情創(chuàng)作？今天的字體教程，沾了這點(diǎn)豪氣，有點(diǎn)涂鴉的效果。過程很細(xì)致，素材已打包，屋外寒風(fēng)呼嘯，屋里暖氣咝咝，正是練手好時(shí)節(jié)，別浪費(fèi)這大好時(shí)光了，來學(xué)習(xí)吧。

字體素材 微盤下載

@陌北默??：在本課程中你將學(xué)習(xí)：如何使用淺浮雕效果；使用外觀面板和散點(diǎn)畫筆相結(jié)合創(chuàng)建噴濺的液體。

一、新建文件

打開AI，新建一個(gè)文檔。輸入文件名，設(shè)置畫布大小，然后選擇單位為像素，顏色模式為RGB。

下一步，去編輯>首選項(xiàng)>常規(guī)>鍵盤增量設(shè)為1像素。去為單位>常規(guī)選為像素。

二、準(zhǔn)備文字與圖層樣式

步驟 1

使用文字工具（T）寫上Paint me。 我使用的字體是?LeckerliOne常規(guī)（已打包微盤），字號(hào)為117 pt，選擇對(duì)象>擴(kuò)展?，使文字成下方圖形那樣。

步驟 2

接下來，使用直接選擇工具（A）選中t一半以上的錨點(diǎn)并拖拽它們，使t的頂點(diǎn)與i一樣高 。

步驟 3

再使用直接選擇工具（A）選中t的右邊使其與m的左邊對(duì)齊。

步驟 4

現(xiàn)在，用選擇工具選中所有的字母，運(yùn)用路徑查找器中的聯(lián)集，使所有的字母成一個(gè)整體。

三、給文字添加圖層樣式

步驟 1

選中paint me復(fù)合路徑，將填充顏色設(shè)置為黑色。 接下來，去效果>素描>基地凸現(xiàn)效果（應(yīng)用下圖所示數(shù)據(jù)）。 降低不透明度為40%。 我將本圖層命名為?淺浮雕形狀。

步驟 2

復(fù)制淺浮雕的形狀圖層，并在當(dāng)前層將新復(fù)制圖層放在淺浮雕的形狀下方（Ctrl+B），在外觀面板中刪除新圖層的圖層樣式。

改填充色為顏色（231，219，199），然后去效果 >風(fēng)格化>陰影并應(yīng)用這種效果四次（設(shè)置數(shù)值如下圖）。 我將這個(gè)圖層命名為影子形狀。

步驟 3

如果你放大字母,你會(huì)注意到他們邊緣有鋸齒。要解決這個(gè)問題，你需要建立一個(gè)剪貼蒙板。復(fù)制、粘貼（Ctrl+F）淺浮雕的形狀圖層，在外觀面板中刪除新圖層的圖層樣式。?現(xiàn)在，選中這個(gè)新圖層和淺浮雕形狀圖層，去對(duì)象>剪切蒙版> 建立（Ctrl+7）。

編者注：如果你無法剪切。這里提供一種方法，完成后再進(jìn)行步驟3操作。首先將新圖層通過對(duì)象>路徑>偏移路徑（數(shù)值如下圖）。這時(shí)得到兩條路徑。去對(duì)象>取消編組（Shift+Ctrl+G），刪除最外面的路徑后，再去對(duì)象>編組（Ctrl+G）。

您可以將剪切后的組命名為淺浮雕?，F(xiàn)在圖層面板上只有淺浮雕組和影子形狀這2個(gè)圖層。

步驟4

復(fù)制、粘貼（Ctrl+F）影子形狀，然后把它置于最頂層。去對(duì)象>排列>置于頂層（shift+ctrl+]）。 刪除新圖層的所有樣式，給它填充白色，設(shè)置混合模式為柔光。 因此,你的文本是白色的，我們希望它有五彩繽紛的色斑會(huì)脫穎而出。 我將這層圖層命名為白色形狀。

四、添加五顏六色的色斑

步驟 1

新建圖層，使用鉛筆工具（N）沿著文字（如下圖）畫一條路徑。盡可能的與文字的形狀相近，因?yàn)槟闶且焉侍钤谧煮w上，而不是他們周圍的背景上。如果需要的話，你可以用直接選擇工具（A）給路徑做稍微調(diào)整。

用油墨筆刷描邊此路徑，你可以在窗口>畫筆庫>藝術(shù)效果>藝術(shù)效果_油墨找到油墨潑濺筆刷，選擇如下圖筆刷。在外觀面板中將此路徑的填充色改為藍(lán)色（165，220，243）。保持描邊為1pt，打開路徑的外觀面板，雙擊筆刷窗口，修改下大小和間距。

木有找到潑濺筆刷的同學(xué)，這個(gè)教程有打包：《PS教程：教你打造驚艷的分散特效美女》

步驟 2

添加一個(gè)新描邊，顏色改為紅色（240，45，43），然后雙擊筆刷窗口，修改下大小和間距。

步驟 3

添加一個(gè)新描邊，顏色改為橙色（241，190，41），這次使用窗口>畫筆庫>藝術(shù)效果>藝術(shù)效果_油墨找到油墨漬筆刷，然后雙擊筆刷窗口，修改下大小和間距。

步驟 4

添加一個(gè)新描邊，顏色改為天藍(lán)色（72，163，176），筆刷修改為油墨潑濺筆刷，然后雙擊筆刷窗口，修改下大小和間距。

步驟 5

再次添加一個(gè)新描邊，顏色改為墨綠色（126，167，76），依舊使用油墨潑濺筆刷，然后雙擊筆刷窗口，修改下大小和間距。

步驟 6

添加一個(gè)新描邊，顏色改為棕色（98，52，31），?筆刷使用油墨漬筆刷，然后雙擊筆刷窗口，修改下大小和間距。

步驟 7

添加最后一個(gè)新描邊，顏色改為紫色（140，98，173），繼續(xù)使用油墨漬筆刷，然后雙擊筆刷窗口，修改下大小和間距，紫色的噴濺形狀要設(shè)置得非常小。

步驟 8

現(xiàn)在該用到剪切蒙板的時(shí)候了，在此之前，先復(fù)制噴濺路徑，以供后面步驟使用?，F(xiàn)在復(fù)制白色形狀（Ctrl+c>Ctrl+F），使它處于所有圖層的頂層。刪除它當(dāng)前的圖層樣式。

選中新圖層和路徑圖層，到對(duì)象> 剪切蒙板 > 建立（Ctrl+7）.

步驟 9

我們將在背景層上給文字添加更多噴濺。因?yàn)?，現(xiàn)在文字看起來有點(diǎn)奇怪。選中你之前復(fù)制的噴濺路徑，再復(fù)制一個(gè)新圖層，放在文本層下方。到對(duì)象>擴(kuò)展外觀，是為了使畫筆的描邊可以改成填充。

（小編注：此行你若無法執(zhí)行，直接跳到下一段）在此時(shí)，你的圖層面板上應(yīng)該是一個(gè)大組包含七個(gè)小組，每種顏色都是一個(gè)單獨(dú)的組。在每一個(gè)組中你都可以找到路徑（描邊為無，填充為無）。打開每一個(gè)編組，滾動(dòng)圖層到最底部，刪除它們。其他六組也是一樣刪除。

當(dāng)你完成刪除后，選擇大組，取消編組（Ctrl+Shift+G），取消2，3次，直到你能找到噴濺層的單獨(dú)層或者單獨(dú)小組為止。

步驟 10

因?yàn)檫@些噴濺太密集了，我們要?jiǎng)h除掉文字周圍的一些噴濺，。在下一張圖片中你可以看到我清理好的例子，你可以按照我的例子或者創(chuàng)造你自己獨(dú)特的設(shè)計(jì)。

最重要的是保持較大的飛濺落在文字邊緣（箭頭所示），否則整體看起來會(huì)很怪異。你還可以自由刪文本里的噴濺部分。

五、給文本添加高光和陰影

步驟 1

首先，新建一個(gè)圖層在文本上。 選擇鋼筆工具 （p）或鉛筆工具（N）畫一個(gè)路徑在字母P，a，n，t，m和e的左邊，如下（圖1）所示。

給這六個(gè)路徑用另外一個(gè)教程（英文原文地址：http://design.tutsplus.com，自己用細(xì)筆刷畫也可以）的黑色筆刷涂一下。設(shè)置描邊為2Pt（圖2）。設(shè)置它們的混合模式為疊加，不透明度75%（圖3）。

步驟2

接下來，新建一個(gè)圖層在文本上，畫出路徑如下圖所示的字母（1）。用步驟1里面的筆刷（只是顏色改為白色）給這些路徑刷一刷。 根據(jù)需要設(shè)置描邊為1 – 1.5pt（圖2），設(shè)置它們的混合模式為疊加（圖3）。

步驟3

這里是一個(gè)添加高光、陰影之前和之后的比較圖。未添加時(shí)文本看起來很平坦，但在添加高光/陰影后的文字看起來有光澤，也更豐富。

六、添加文字周圍的噴濺

步驟 1

先將文本圖層和高光、陰影圖層鎖定。 再選擇所有字母周圍的色斑復(fù)制并粘貼在前面（Ctrl+F）（圖1）。保持選中,將它們的填充改為從白色到黑色的漸變（圖2），設(shè)置混合模式為顏色減淡，不透明度為50%（圖3）。

步驟 2

再次選擇所有字母周圍的色斑復(fù)制并粘貼在前面（Ctrl+F）（圖1）。使它們保持選中狀態(tài)，在路徑查找器上使用聯(lián)集將它們合并成一個(gè)形狀。?刪除新創(chuàng)建復(fù)合路徑的所有圖層樣式，并將填充色改為白色。

步驟 3

選中上一步的白色復(fù)合路徑，去效果>風(fēng)格化>投影，應(yīng)用此效果兩次。然后，降低不透明度為0%，否則我們將無法看到的飛濺的顏色。我們只需用到陰影。設(shè)置形狀混合模式為顏色加深。

這些是陰影效果的數(shù)值。注意：?第一個(gè)使用黑色，另一個(gè)使用白色。

步驟 4

在最后一步中我們添加一些有光澤的噴濺。用鋼筆工具（P）或鉛筆工具（N）在大噴濺上畫一些小路徑（圖1）。

給這些路徑使用另一教程（英文原文地址：http://design.tutsplus.com，自己用細(xì)筆刷畫也可以的）的白色混合藝術(shù)畫筆進(jìn)行描邊，大小為100×3像素。根據(jù)飛濺的大小設(shè)置描邊大小為1–2pt之間，根據(jù)你需要的光澤降低不透明在40-75%之間（圖2）。

完成咯，給自己來個(gè)掌聲。

【優(yōu)設(shè)十一月繪制教程人氣榜】

Top 1：圖標(biāo)教程！幫你輕松玩轉(zhuǎn)路徑！
《輕松畫圖標(biāo)！教你一分鐘玩轉(zhuǎn)PS路徑描邊》

Top 2：藝術(shù)范兒十足的折紙?zhí)禊Z圖！
《AI教程！手把手教你創(chuàng)建折紙風(fēng)格的矢量天鵝圖》

Top 3：最佳海報(bào)教程！版式設(shè)計(jì)實(shí)戰(zhàn)好文！
《年度最佳海報(bào)教程！手把手教你繪制閃亮璀璨的時(shí)尚海報(bào)》

原文地址：TUTS+
譯文地址：xueui
譯者：@陌北默?

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(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)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：