首先,这个教程需要的两款素材已经上传到附件里;然后,英文原版讲的比较细,在这我省略了一部分个人认为不影响理解的部分,因为那样弄起来实在是太长了。最后,如果有哪位同学看不懂或者觉得比较跳跃,可以留言或者私信哈。下面就开始啦~
1.制作背景
①首先把附件里的图案文件、字体文件安装到电脑里。
②创建一个600*500px的文件,分辨率72即可。
③复制背景图层,命名为“Background Pattern”。
![图片[1]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02ab8955c8c83500000172aa124b4d.png)
④给这个图层填充图案,打开图层样式-图案叠加,选择刚才添加的图案,其他参数如下图。每次使用这个图案,不要忘记点一下贴紧原点哦。
![图片[2]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02ff0b55c8c89300000172aa24a5a9.png)
⑤为了让中央部分显得比较亮,需要调节图层样式-内阴影,参数如下,其中的色值为#0e323b。
![图片[3]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02bbb155c8c89300000172aa598233.png)
⑥接下来加一圈反射光,调整图层样式-斜面和浮雕,参数如下。高光色值为#e59804,阴影色值为#333333。
![图片[4]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/028b8e55c8c89300000172aa08148e.png)
光泽等高线参数如下:①输入:25,输出:30,边角不勾选;②输入:50,输出:100,边角勾选;③输入:75,输出:30,边角不勾选。
![图片[5]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02579055c8c89300000172aaefb742.png)
效果如下:
![图片[6]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02605055c8c93700000172aaa50321.jpg)
2.文字部分
①输入文字“SHINE”或者其他单词字母,字体使用刚才安装的,字号180pt,锐利,图层命名为“Shine Top”。
②将文字图层复制两次,分别命名为“Shine Mid” and “Shine Bot”,暂时隐藏这两个图层。
![图片[7]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02244c55c8c93700000172aa02c71e.png)
![图片[8]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02885455c8c93700000172aa26be64.png)
3.调整最上层文字图层-Shine Top
①调整图层样式-图案叠加,选择跟背景一样图案,调整参数,贴紧原点。
![图片[9]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02708755c8c93700000172aa508a2e.png)
②投影,色值#000000。
![图片[10]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/0239da55c8c93700000172aa8c6ded.png)
③渐变叠加。
![图片[11]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02cc1455c8ca3a00000172aa4a053f.png)
渐变左侧位置0,色值#c5d955;右侧位置100,色值#000000。
![图片[12]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/023be055c8ca5600000172aa615a80.png)
④为了更有光泽,调整斜面和浮雕。高光#c5d955,阴影#000000。
![图片[13]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/0281c355c8ca6b00000172aa213afb.png)
等高线:①输入0,输出0,边角不勾选;②输入38,输出0,边角勾选;③输入40,输出51,边角勾选;④输入100,输出100,边角不勾选。
![图片[14]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/029c2755c8ca9100000172aa554111.png)
⑤调整色泽:色值#918800,等高线选默认的内凹-深。
![图片[15]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02d07b55c8caa900000172aa84227c.png)
⑥调整内发光:色值#ffffff,等高线选默认的圆锥。
![图片[16]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02da4055c8cac100000172aa322a06.png)
⑦描边:色值#3f7f4e。
![图片[17]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/027a8b55c8cad300000172aad53f16.png)
⑧外发光:色值#d69c2c,等高线选默认的圆锥。
![图片[18]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/021c2355c8caf200000172aab20e10.png)
效果如下:
![图片[19]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02254255c8cb1500000172aaad0bbf.png)
4.调整中间文字图层-Shine Mid
①为了让文字有透视的效果,需要调整文字的参数。需要注意的是需要让所有文字图层相对画布上下左右居中。
![图片[20]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/027be355c8cb3500000172aadfc85d.png)
![图片[21]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/0223ac55c8cb4900000172aaddb484.png)
②渐变叠加,左侧位置0,色值#0c483a,右侧位置100,色值# 03130f。
![图片[22]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02f25755c8cb6000000172aa271e3b.png)
③内阴影,色值#ffffff。
![图片[23]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/026d7c55c8cb7b00000172aafe92a0.png)
④投影&外发光,色值都为#000000。
![图片[24]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02fccd55c8cba400000172aa47b3ea.png)
![图片[25]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/028ac355c8cbc600000172aa09199e.png)
![图片[26]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/02d2b155c8cbd900000172aa977388.png)
5.最后一步会产生奇妙的效果,调整底部文字图层-Shine Bot。调整文字的参数,色值为#ffd74b。
![图片[27]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/024b8255c8cbec00000172aa30f950.png)
最终成果如下:
![图片[28]-PS字体教程:如何制作一款金属质感的字体-易看设计 - 专业设计师平台](http://img.zcool.cn/community/028ac055c8cc0700000172aabc709e.jpg)
恭喜你,终于大功告成了。
希望大家喜欢这次分享。
里面的参数大家都可以发挥想象自己试着玩的。


















暂无评论内容