手把手教你绘制效果逼真的黑板粉笔字

分类栏目:经验 - 设计文章

发布于 暂无评论

编者按:过几天就开学了,今天@P大点S微博 同学来一篇应景的教程,带大家重温一下黑板粉笔字的绘制方法,效果特别真实,教学界面全中文,非常适合练手。教程素材:1.黑板纹理2.木材纹理3.最终源文件素材打包 :

7f7851faaf51f3de6a3cae1590eef01f3b2979a0.jpg

新建一个文档,我用的大小是1200*800像素。做一个白色到浅灰的径向渐变,并添加一个1像素的杂色。

793ee3c2d562853536b8c45094ef76c6a6ef63d2.jpg

设置前景色为# b05f3b,使用矩形工具,画一个1000*600像素的矩形,再画一个900*500的矩形,使用减去顶层形状模式,交将其命名为“木框轮廓”。

687dcf2762d0f703e98e84ad0cfa513d2697c576.jpg

下面,我们给“木框轮廓”设置一个图层样式。

2a926fcec3fdfc038152fec9d03f8794a4c22603.jpg


38dae6ed2e738bd4eaf8a040a58b87d6267ff951.jpg


5b5637504fc2d562485acd9ce31190ef77c66ce4.jpg

图层样式设置完毕,我们得到如下效果:

b7951efb43166d22303008e5422309f79152d2ef.jpg

使用矩形工具画一个50*600的矩形,使其与“木框轮廓”的左侧相重合。颜色什么的无所谓,我们不会用到。

b3538a9759ee3d6d2e3d9aba47166d224e4adeb3.jpg

选择这个矩形的右上的锚点,下移50像素,友情提示,SHIFT+向下的箭头,一次下移10像素,同理,左下的锚点上移50像素,现在我们就得到一个45度角的梯形了。

d89d9687e950352a637b39795743fbf2b2118b1c.jpg

同样的操作手法,画出另外的三个形状。

146ddf8da9773912fd429910fc198618377ae2ce.jpg

下面,我们给四个形状添加木纹效果。打开我提供的木纹素材,选取你认为合适的部分,粘贴到我们的文档中,放置到左边的形状上层,并创建剪贴蒙版。

8149ced0f703918fd44321bb553d269758eec4a4.jpg

同样的操作,为另外三个边添加木纹效果。选择这四个形状和四个木纹图层,CTRL+G,创建图层组并将其命名为“木框纹理”。

b4203e58d109b3de703cf819c8bf6c81810a4cab.jpg

我们可以看到,现在木纹的颜色灰色太重,不是很漂亮,我们修改一下。将“木框纹理”图层组转换为智能对象,创建剪贴蒙版。在其上层,添加一个#9a5a25 颜色的“纯色”调整层,将图层混合模式更改为“颜色”,不透明度“80%”,并创建剪贴蒙版。

7545780735fae6cd53f3b4100bb30f2443a70fee.jpg

在“纯色”调整层上,创建一个“渐变”调整层,并创建剪贴蒙版。设置颜色为#8a6618到#bf9846的渐变,渐变样式:线性,角度:90度。将“渐变”调整层的图层混合模式设置为“柔光”,并更改不透明度为“80%”。

4f5af582b2b7d0a2b97d1beccfef76094a369afe.jpg

大家都知道,两个45度的木板相接的地方,绝对是会有痕迹的,下面,我们就来添加这个痕迹。使用直线工具,在左上角相接的地方画一条直线,并将填充更改为0%。

5e5ff06034a85edf6f56e1524d540923dc54755c.jpg

下面,给这个直线设置图层样式。

a44da5f790529822f02227b2d3ca7bcb0a46d419.jpg


332d014bd11373f0b03271eea00f4bfbfbed0424.jpg

其他三个边角直接复制过去,翻转就行了。只有一个需要注意的是,投影的角度需要修改。左上和右下两个直线图层的投影角度都是60度,右上和左下的两个直线图层的投影角度就需要更改为120度了,这个没有什么好讲的,你自己设置一下,就明白是什么意思了。目前为止,我们得到如下的效果。

a35a3b0a304e251f6e66fa89a386c9177e3e5399.jpg

下面,我们开始添加黑板,用矩形工具画一个900*500的矩形,同样的居中对齐。颜色无所谓,因为我们不会用到,并将其命名为“黑板轮廓”。

146ddf8da9773912ff819b10fc198618377ae28f.jpg

为“黑板轮廓”图层设置一个内阴影。

d4bd7939b6003af3a589c511312ac65c1038b67b.jpg

载入提供的黑板素材,放置在“黑板轮廓”图层上层,调整大小,创建剪贴蒙版。

919e2e025aafa40f7faed7acaf64034f79f019c1.jpg

到这里黑板就算完事了,下面,我给黑板添加几个粉笔字。关于粉笔字的做法,网上多如牛毛,我用的方法和网上流传的不尽相同,我用的画笔描边来做的。我觉得既然是粉笔字,那么写出来的字肯定不如字体那样规范,所以我选择使用钢笔,自己画出文字的路径来。

366999fae6cd7b89b9b123f20b2442a7d8330e54.jpg

下面,设置画笔,基本形状选择PS自带的粉笔笔刷chalk 36像素,这个笔刷。把大小调整为8像素,间距1像素。

d8e94550352ac65c8dbe6102fff2b21192138af3.jpg

勾选“纹理”,纹理为PS自带的灰色花岗岩花纹纸。具体设置参见截图。

7281dac6a7efce1b58aacabbab51f3deb58f65a9.jpg

勾选“双重画笔”,选择PS自带的sampled tip 40像素画笔。参数如下图。

a35a3b0a304e251f4a929689a386c9177e3e53cd.jpg

勾选平滑和保护纹理。

cf9b4cfe9925bc319ee373e95adf8db1ca1370f0.jpg

新建一个图层,设置前景色为白色,模式正常,不透明度和流量均为100%,描边路径。

ed4aeea7d933c895c037e50ad51373f0830200e0.jpg

描完边,我们得到如下的效果。

1e6d3e45d688d43f7283ed83791ed21b0ef43b0c.jpg

当然,如果你喜欢别的颜色的粉笔字,更改下前景色再描边路径就行了,不算事。比如下面。

024654hkp0ggu0ixc8bjlg.jpg


原文地址:tieba.baidu
作者:@P大点S微博http://www.uisdc.com/photoshop-chalk-fonts-effect