Photoshop制作红色高光质感网页按钮

2016-03-18 05:51 9 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作红色高光质感网页按钮,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

最终效果

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

1、新建一个800 * 600 像素的文本,选择渐变工具,颜色设置如图1,拉出图2所示的线性渐变作为背景。

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


图2

2、新建一个图层,用椭圆选框工具在画布的中间位置拉出图3所示的正圆选区。选择渐变工具,颜色设置如图4,拉出图5所示的tulaoshi径向渐变。拉好渐变后暂不要取消选区。


图3


图4


图5

3、新建一个图层,把选区向下移一个像素后填充深灰色:#424242,填色后再把选区向下移动几个像素,按Ctrl + Alt + D 羽化6个像素如图7,然后按Delete 删除,效果如图8。


图6


图7


图8

4、同上的方法再制作顶部的高光带,选择的颜色为:#AEAEAE,如图9,10。


图9


图10

5、新建一个图层,在原正圆的中心位置再拉出图11所示的正圆选区,选择渐变工具,颜色设置如图12,拉出图13所示的径向渐变。


图11


图12


图13

6、新建一个图层,按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层,用钢笔勾出图14所示的选区,羽化15个像素后填充颜色:#0F0F0F。


图14
7、新建一个图层,用钢笔勾出图15所示的选区,羽化15个像素后填充白色,把图层不透明度改为:20%,效果如图16。


图15


图16

8、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充颜色:#323232,图层不透明度改为:50%。


图17

12下一页

来源:http://www.tulaoshi.com/n/20160318/1873833.html

延伸阅读
标签: PS PS基础 PS效果
本教程非常详细的介绍3D按钮的制作方法。重点在3D效果及光感的制作,有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配,能更好的体现按钮的质感。 最终效果 1、开始前老样子先在PS里新建一个文件,设置如下图。 2、使用圆角矩形工具,这里颜色你可以随意,因为你可以在顶部设置圆角矩形的颜色。 3、在顶...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,用椭圆工具做一个黑色圆环,具体方法不给出了,相信大家的实力。 添加图层样式。 效果如下。 建新层,画一正圆,填充白色。 添加图层样式。 效果如下。 如果愿意可以添加一个色相/饱和度调...
来源:腾龙视觉 作者:不详 本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi...
标签: PS PS基础
效果图: 大家好,下面由我来开始教如何做上图效果的简单按钮: 1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件: ①.我们先在图层面板新建一个新的图层,然后把背景图层删除(可按del键快捷键) ②.接着在导航器把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的添加到选...
标签: PS PS基础
先看效果图。 新建文档600x400像素,背景填充#015301,滤镜杂色添加杂色。 输入白色文字,字体Shermlock(点击下载),尺寸162点。 添加图层样式。 当这些样式设置完毕后,把填充归零,最终效果如下,本ps教程结束。

经验教程

765

收藏

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