当前位置:首页>ps入门教程>ps文字教程>金属字>教程内容

纹理字,设计蜂巢纹理金属字体教程(4)

来源:pdadians 作者:P大点S 学习:8064人次

这个金属字的制作方法是用图层样式做出立体的金属感觉,然后再用填充图案做出蜂巢的纹理。教程不难,适合新手学习。

填充图案:http://www.16xx8.com/photoshop/sucai/2015/r263041.html

图片素材:http://pan.baidu.com/s/1eQKDvMU 密码:3oon

首先,我们来看看我们的最终效果:

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

OK,下面我们开始。新建个文档,我用的尺寸是1920*1080像素,设置前景色为#5d5d5c,背景色为#232323,使用径向渐变做一个渐变背景。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

在素材包中,找到我所提供的纹理背景素材,添加到我们渐变背景层的上层,更改图层混合模式为柔光,不透明度为100%,效果如下图所示:

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

下面,我们完善一下背景,在这里我添加了一个色阶调整层,通过调整色阶,来强化背景的黑白对比度。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

到这里,背景算是完了,我们开始添加文字。

使用文字工具,打上我们要的字,我这里用的是P大点S四个字,然后复制P大点S文字图层两层,得到总共三层的文字图层,等会我们将通过对这三个文字图层设置图层样式来得到我们需要的金属感纹理文字。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

下面,我们首先设置P大点S文字图层的图层样式

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

这里的渐变比较蛋疼,其实也不用非要根据我的数值来做,这里的这个渐变设置,是为了模拟文字外边的金属效果的,通过从白到暗灰的颜色渐变,来模拟金属的光泽感。

大家可以多自己试验几次,看看渐变设置中的各个颜色在文字显示上的各个位置,因为不同的文字,不同的字体,都有可能导致渐变的流畅性和美观程度,可以根据自己的需要,进行适当的调整,总之还是一句话,教程是死的,数值是死的,照抄照搬用处不大,通过理解来做,有了自己的想法,才能得到进步。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

接下来,我们首先将P大点S拷贝图层的填充设置为0%,也许有人要问,填充和不透明度不是一样吗,其实,有很大的差别,从图层样式的设置你就可以清楚的看到区别所在。如果你对图层设置了图层样式,将填充改为0,图层样式会照样显示,而原图层本身不会显示,如果调整透明度的话,是连带图层样式的效果一起调整的,你设置的图层样式也会跟着变透明。这里用一张图来解释一下,直观一些

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

下面,我们设置P大点S拷贝图层的图层样式

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

这里的这个云彩图案是PS自带的图案,为了怕有人还是说找不到,在素材包里,我也提供了这个图案,用预设管理器导入就行。

到现在我们应该得到如下的效果

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

接下来,我们来设置P大点S拷贝2图层的图层样式,一样的,首先先将填充改成0

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

这个图案也在素材包里提供了。

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

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

下面,我们复制一层P大点S文字图层,并将文字颜色改成黑色,置于所有文字图层的下层,并下移一定的尺寸,这个下移多少像素说不清楚,自己把握吧,我们将使用这个图层来做阴影。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

对这个黑色的文字图层执行动感模糊滤镜,设置如下图。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

再执行一次高斯模糊,设置如下。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

有了阴影明显好多了,我们再添加一个高光。同样的,再次复制一层P大点S的文字,将其置于阴影图层的上层,更改文字颜色为白色,执行一个高斯模糊,再将图层混合模式更改为柔光。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

OK,到这里就算完工了,一个简单的图层样式的应用,希望能给大家带来一点帮助,做得不到位的地方,还请包涵,奉上所有图层关系图。

纹理字,设计蜂巢纹理金属字体教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
寒冰殇2018-06-30 09:02
太喜欢了
袅袅生烟2017-05-28 03:08
很好,顶一下老师
维他命蕃茄2017-05-28 03:05
很好,顶一下楼主
慢热香梨2017-05-28 10:20
美美嗒
哭后冷笑2017-05-28 07:41
好棒!

关注大神微博加入>>

网友求助,请回答!