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

字體素材 微盤下載

@陌北默??：在本課程中你將學習：如何使用淺浮雕效果；使用外觀面板和散點畫筆相結合創建噴濺的液體。

一、新建文件

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

下一步，去編輯>首選項>常規>鍵盤增量設為1像素。去為單位>常規選為像素。

二、準備文字與圖層樣式

步驟 1

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

步驟 2

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

步驟 3

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

步驟 4

現在，用選擇工具選中所有的字母，運用路徑查找器中的聯集，使所有的字母成一個整體。

三、給文字添加圖層樣式

步驟 1

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

步驟 2

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

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

步驟 3

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

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

您可以將剪切后的組命名為淺浮雕。現在圖層面板上只有淺浮雕組和影子形狀這2個圖層。

步驟4

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

四、添加五顏六色的色斑

步驟 1

新建圖層，使用鉛筆工具（N）沿著文字（如下圖）畫一條路徑。盡可能的與文字的形狀相近，因為你是要把色彩填在字體上，而不是他們周圍的背景上。如果需要的話，你可以用直接選擇工具（A）給路徑做稍微調整。

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

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

步驟 2

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

步驟 3

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

步驟 4

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

步驟 5

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

步驟 6

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

步驟 7

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

步驟 8

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

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

步驟 9

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

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

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

步驟 10

因為這些噴濺太密集了，我們要刪除掉文字周圍的一些噴濺，。在下一張圖片中你可以看到我清理好的例子，你可以按照我的例子或者創造你自己獨特的設計。

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

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

步驟 1

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

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

步驟2

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

步驟3

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

六、添加文字周圍的噴濺

步驟 1

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

步驟 2

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

步驟 3

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

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

步驟 4

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

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

完成咯，給自己來個掌聲。

【優設十一月繪制教程人氣榜】

Top 1：圖標教程！幫你輕松玩轉路徑！
《輕松畫圖標！教你一分鐘玩轉PS路徑描邊》

Top 2：藝術范兒十足的折紙天鵝圖！
《AI教程！手把手教你創建折紙風格的矢量天鵝圖》

Top 3：最佳海報教程！版式設計實戰好文！
《年度最佳海報教程！手把手教你繪制閃亮璀璨的時尚海報》

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量87萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：