編者按：過(guò)幾天就開(kāi)學(xué)了，今天@P大點(diǎn)S微博?同學(xué)來(lái)一篇應(yīng)景的教程，帶大家重溫一下黑板粉筆字的繪制方法，效果特別真實(shí)，教學(xué)界面全中文，非常適合練手 >>>

教程素材：

• 黑板紋理
• 木材紋理
• 最終源文件

素材打包 ?微盤下載

最終效果：

新建一個(gè)文檔，我用的大小是1200*800像素。做一個(gè)白色到淺灰的徑向漸變，并添加一個(gè)1像素的雜色。

設(shè)置前景色為# b05f3b，使用矩形工具，畫(huà)一個(gè)1000*600像素的矩形，再畫(huà)一個(gè)900*500的矩形，使用減去頂層形狀模式，交將其命名為“木框輪廓”。

下面，我們給“木框輪廓”設(shè)置一個(gè)圖層樣式。

圖層樣式設(shè)置完畢，我們得到如下效果：

使用矩形工具畫(huà)一個(gè)50*600的矩形，使其與“木框輪廓”的左側(cè)相重合。顏色什么的無(wú)所謂，我們不會(huì)用到。

選擇這個(gè)矩形的右上的錨點(diǎn)，下移50像素，友情提示，SHIFT+向下的箭頭，一次下移10像素，同理，左下的錨點(diǎn)上移50像素，現(xiàn)在我們就得到一個(gè)45度角的梯形了。

同樣的操作手法，畫(huà)出另外的三個(gè)形狀。

下面，我們給四個(gè)形狀添加木紋效果。打開(kāi)我提供的木紋素材，選取你認(rèn)為合適的部分，粘貼到我們的文檔中，放置到左邊的形狀上層，并創(chuàng)建剪貼蒙版。

同樣的操作，為另外三個(gè)邊添加木紋效果。選擇這四個(gè)形狀和四個(gè)木紋圖層，CTRL+G，創(chuàng)建圖層組并將其命名為“木框紋理”。

我們可以看到，現(xiàn)在木紋的顏色灰色太重，不是很漂亮，我們修改一下。將“木框紋理”圖層組轉(zhuǎn)換為智能對(duì)象，創(chuàng)建剪貼蒙版。在其上層，添加一個(gè)#9a5a25 顏色的“純色”調(diào)整層，將圖層混合模式更改為“顏色”，不透明度“80%”，并創(chuàng)建剪貼蒙版。

在“純色”調(diào)整層上，創(chuàng)建一個(gè)“漸變”調(diào)整層，并創(chuàng)建剪貼蒙版。設(shè)置顏色為#8a6618到#bf9846的漸變，漸變樣式：線性，角度：90度。將“漸變”調(diào)整層的圖層混合模式設(shè)置為“柔光”，并更改不透明度為“80%”。

大家都知道，兩個(gè)45度的木板相接的地方，絕對(duì)是會(huì)有痕跡的，下面，我們就來(lái)添加這個(gè)痕跡。使用直線工具，在左上角相接的地方畫(huà)一條直線，并將填充更改為0%。

下面，給這個(gè)直線設(shè)置圖層樣式。

其他三個(gè)邊角直接復(fù)制過(guò)去，翻轉(zhuǎn)就行了。只有一個(gè)需要注意的是，投影的角度需要修改。左上和右下兩個(gè)直線圖層的投影角度都是60度，右上和左下的兩個(gè)直線圖層的投影角度就需要更改為120度了，這個(gè)沒(méi)有什么好講的，你自己設(shè)置一下，就明白是什么意思了。

目前為止，我們得到如下的效果。

下面，我們開(kāi)始添加黑板，用矩形工具畫(huà)一個(gè)900*500的矩形，同樣的居中對(duì)齊。顏色無(wú)所謂，因?yàn)槲覀儾粫?huì)用到，并將其命名為“黑板輪廓”。

為“黑板輪廓”圖層設(shè)置一個(gè)內(nèi)陰影。

載入提供的黑板素材，放置在“黑板輪廓”圖層上層，調(diào)整大小，創(chuàng)建剪貼蒙版。

到這里黑板就算完事了，下面，我給黑板添加幾個(gè)粉筆字。關(guān)于粉筆字的做法，網(wǎng)上多如牛毛，我用的方法和網(wǎng)上流傳的不盡相同，我用的畫(huà)筆描邊來(lái)做的。我覺(jué)得既然是粉筆字，那么寫出來(lái)的字肯定不如字體那樣規(guī)范，所以我選擇使用鋼筆，自己畫(huà)出文字的路徑來(lái)。

下面，設(shè)置畫(huà)筆，基本形狀選擇PS自帶的粉筆筆刷chalk 36像素，這個(gè)筆刷。把大小調(diào)整為8像素，間距1像素。

勾選“紋理”，紋理為PS自帶的灰色花崗巖花紋紙。具體設(shè)置參見(jiàn)截圖。

勾選“雙重畫(huà)筆”，選擇PS自帶的sampled tip 40像素畫(huà)筆。參數(shù)如下圖。

勾選平滑和保護(hù)紋理。

新建一個(gè)圖層，設(shè)置前景色為白色，模式正常，不透明度和流量均為100%，描邊路徑。

描完邊，我們得到如下的效果。

當(dāng)然，如果你喜歡別的顏色的粉筆字，更改下前景色再描邊路徑就行了，不算事。比如下面。

【效果喜歡到哭的教程系列】

評(píng)論有妹子看到效果已不能自拔：
《PS教程！手把手教你繪制精致舒服的播放器圖標(biāo)》

一秒鐘俘獲直男的心，木有之一！
《PS進(jìn)階教程！30分鐘擬物圖標(biāo)速成記之直刀篇》

評(píng)論區(qū)一片盛贊！簡(jiǎn)單好學(xué)效果經(jīng)驗(yàn)！
《PS新手教程！教你快速繪制精致有格調(diào)的馬賽克背景》

原文地址：tieba.baidu
作者：@P大點(diǎn)S微博

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量91萬(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ì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege