PS教程!手把手教你绘制效果逼真的黑板粉笔字 - 优设网 - UISDC

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

2015/03/02 78651评论区

Photoshop-chalk-fonts-effect-1

编者按:过几天就开学了,今天@P大点S微博 同学来一篇应景的教程,带大家重温一下黑板粉笔字的绘制方法,效果特别真实,教学界面全中文,非常适合练手 >>>

教程素材:

  • 黑板纹理
  • 木材纹理
  • 最终源文件

素材打包  微盘下载

最终效果:

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

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

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



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

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

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

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

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

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

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

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

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

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


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

目前为止,我们得到如下的效果。

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

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

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

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

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

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

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

勾选平滑和保护纹理。

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

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

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

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

评论有妹子看到效果已不能自拔:
《PS教程!手把手教你绘制精致舒服的播放器图标》

一秒钟俘获直男的心,木有之一!
《PS进阶教程!30分钟拟物图标速成记之直刀篇》

评论区一片盛赞!简单好学效果经验!
《PS新手教程!教你快速绘制精致有格调的马赛克背景》

原文地址:tieba.baidu
作者:@P大点S微博

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量91万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-chalk-fonts-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里