Photoshop绘制金属按钮上面的字体设计

2016-02-16 05:34 19 1 收藏

下面请跟着图老师小编一起来了解下Photoshop绘制金属按钮上面的字体设计,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

上一篇关于LOGO的教程:Photoshop制作金属质感的LOGO标志

效果图:

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第1步

打开上一个教程中我们制作后的Psd文件,隐藏中间的Logo,这样我们才可以在中间制作一个灯光效果。

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第2步

输入你喜欢的文字,我用的是"start",颜色不重要,因为我们最后还会用图层样式制作效果

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第3步

打开图层样式,选择颜色叠加,使用颜色 #5ba0c8

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

第4步

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

选择内发光,混合模式为颜色简单,不透明度为65%,颜色为白色,源为中心,其他设置如下

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第5步

选择外发光,混合模式为滤色,不透明度为42%,颜色#33b5ff,其他设置如下

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第6步

选择内阴影,颜色为黑色,混合模式为颜色加深,不透明度76%

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第7步

下面的步骤非常重要,创建扫描线的效果,要做到这一点,非常简单,新建一个文件,10像素宽度,2像素高度,然后再其中创建一个10X1的黑色矩形,

你会看到一半黑色矩形,一半白色矩形。之后点击编辑定义图案

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第8步

创建新的图层,用刚刚定义的图案填充图层,得到上图的效果,然后选择文字的选取,用图层蒙版,使得扫描线显示在文字的选取中

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第9步

改变混合模式为叠加,得到如下的效果

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

第10步

复制文本层,滤镜模糊高斯模糊,半径为10,将复制后的层归为一组,改变混合模式为,柔光

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

结论

你可以合并所有的图层,并再复制两份,并对复制出来的两份都使用高斯模糊,下方的一个图层,改变混合模式为叠加,上面的一个选择混合模式为滤色

Photoshop绘制金属按钮上面的字体设计,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568665.html

延伸阅读
来源:站酷 作者:Hasaddl 本教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。 最终效果 1、新建一个512 * 512像素的文档,背景填充淡蓝色。新建一个图层,用椭圆工具在画布中心画一个白色圆...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。 添加图层样式。 效果如下。 建新层,画一个小的黑色正圆。 添加图层样式。 效果如下。 建新层,用钢笔或直线套索画一个三角形,填充黑色。 添加图层样式。 效果如下。 建新层,用钢笔做如下选区...
标签: PS PS基础
字体完成效果: 1.新建文件:差不多大就行了。 2.输入一个方正的字体作为蓝本来参照,这里我选的是方正稚艺字体。 3.画出一个方框,比原字体要粗一些,具体看你的字体粗细了。 4.对这个方框进行如下参数设置: 方框此时的效果如下: 载入方框的选区,不要取消选区。 执行滤镜-杂色-添加杂色操作 再...
这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 ...
来源:一起PS吧 作者:不详 图层样式制作金属字是非常快捷的。只需要根据实际文字大小,设定简单的参数,就可以做出大致的金属效果后,然后用多层文字叠加质感较强的金属字。 最终效果 1、新建文档500x300像素,背景填充#711919,输入白色文字,字体Sci Fied,百度一下或用其它字体,尺寸120点。 2、把填充归零,这时候文字消失了。 ...

经验教程

466

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部