用ps制作彩色高光下载按钮

本教程学习如何用photoshop的钢笔和图层样式打造一个高光质感下载按钮,先看效果图。 新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色圆角矩形。 副标题 添加图层样式。 效果如下。 建新层,画一个白色正圆。 副

ps网页开关按钮(3)

第8步: 利文字工具在滑动凹槽键输入ON。字体选用Myriad Pro,图层混合模式设置为亮光。 为文字添加投影。 OK,一个非常简单的切换开关按钮就制作完成了。试着改变按钮的颜色来创建更多的按钮吧~

本教程学习如何用photoshop的钢笔和图层样式打造一个高光质感下载按钮,先看效果图。

用ps制作彩色高光下载按钮插图

新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。

用ps制作彩色高光下载按钮插图(1)

效果如下。

用ps制作彩色高光下载按钮插图(2)

建新层,画一个黑色圆角矩形。

用ps制作彩色高光下载按钮插图(3)

添加图层样式。

用ps制作彩色高光下载按钮插图(4)

用ps制作彩色高光下载按钮插图(5)

效果如下。

用ps制作彩色高光下载按钮插图(6)

建新层,画一个白色正圆。

用ps制作彩色高光下载按钮插图(7)

高斯模糊25像素,ctrl+T压扁,图层模式改为叠加。

用ps制作彩色高光下载按钮插图(8)

同样方法作出上面的高光。

用ps制作彩色高光下载按钮插图(9)

建新层,用钢笔做出下图所示选区,填充白色,图层模式柔光。

用ps制作彩色高光下载按钮插图(10)

复制一层,ctrl+T水平翻转,效果如下。

用ps制作彩色高光下载按钮插图(11)

建新层,用钢笔画出白框内的形状,填充白色,复制一层,ctrl+T垂直翻转,合并2个图层。

用ps制作彩色高光下载按钮插图(12)

添加图层样式。

用ps制作彩色高光下载按钮插图(13)

用ps制作彩色高光下载按钮插图(14)

效果如下。

用ps制作彩色高光下载按钮插图(15)

复制几个缩小,效果如下。

用ps制作彩色高光下载按钮插图(16)

输入文字,添加同样的样式。

用ps制作彩色高光下载按钮插图(17)

底部建新层,画一椭圆选区,填充黑色。

用ps制作彩色高光下载按钮插图(18)

去掉选区,高斯模糊15像素,图层模式叠加,效果如下。

用ps制作彩色高光下载按钮插图(19)

加个阴影,最终效果如下。

用ps制作彩色高光下载按钮插图

其它效果。

用ps制作彩色高光下载按钮插图(21)

本教程学习如何用photoshop的钢笔和图层样式打造一个高光质感下载按钮,先看效果图。

用ps制作彩色高光下载按钮插图

新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。

用ps制作彩色高光下载按钮插图(1)

效果如下。

用ps制作彩色高光下载按钮插图(2)

建新层,画一个黑色圆角矩形。

用ps制作彩色高光下载按钮插图(3)

添加图层样式。

用ps制作彩色高光下载按钮插图(4)

用ps制作彩色高光下载按钮插图(5)

效果如下。

用ps制作彩色高光下载按钮插图(6)

建新层,画一个白色正圆。

用ps制作彩色高光下载按钮插图(7)

高斯模糊25像素,ctrl+T压扁,图层模式改为叠加。

用ps制作彩色高光下载按钮插图(8)

同样方法作出上面的高光。

用ps制作彩色高光下载按钮插图(9)

建新层,用钢笔做出下图所示选区,填充白色,图层模式柔光。

用ps制作彩色高光下载按钮插图(10)

复制一层,ctrl+T水平翻转,效果如下。

用ps制作彩色高光下载按钮插图(11)

建新层,用钢笔画出白框内的形状,填充白色,复制一层,ctrl+T垂直翻转,合并2个图层。

用ps制作彩色高光下载按钮插图(12)

添加图层样式。

用ps制作彩色高光下载按钮插图(13)

用ps制作彩色高光下载按钮插图(14)

效果如下。

用ps制作彩色高光下载按钮插图(15)

复制几个缩小,效果如下。

用ps制作彩色高光下载按钮插图(16)

输入文字,添加同样的样式。

用ps制作彩色高光下载按钮插图(17)

底部建新层,画一椭圆选区,填充黑色。

用ps制作彩色高光下载按钮插图(18)

去掉选区,高斯模糊15像素,图层模式叠加,效果如下。

用ps制作彩色高光下载按钮插图(19)

加个阴影,最终效果如下。

用ps制作彩色高光下载按钮插图

其它效果。

用ps制作彩色高光下载按钮插图(21)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部