用ps制作高光质感网站按钮(7)

本教程学习如何用photoshop椭圆 钢笔工具和图层样式制作一个高光质感的网站按钮,先看效果图。 新建文档1280×1024像素,背景白色,建新层画一个黑色正圆。 复制一层,颜色改为深灰,稍微缩小一点点。 添加图层样式

Photoshop网页设计:网页半透明按钮制作教程(2)

1、新建一个文件,然后用圆角矩形绘制一个圆角巨型。双击图层调出图层样式,选择渐变叠加,参数设置如图1,图2。 图1 图2 2、再设置外发光,参数设置如下图。 图3 3、大致的水晶质感做好了,再在横条的中间位置用画

本教程学习如何用photoshop椭圆 钢笔工具和图层样式制作一个高光质感的网站按钮,先看效果图。

用ps制作高光质感网站按钮(7)插图

新建文档1280×1024像素,背景白色,建新层画一个黑色正圆。

用ps制作高光质感网站按钮(7)插图(1)

复制一层,颜色改为深灰,稍微缩小一点点。

用ps制作高光质感网站按钮(7)插图(2)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(3)

效果如下。

用ps制作高光质感网站按钮(7)插图(4)

复制一层,清除图层样式,颜色白色,缩小一些,位置如下。

用ps制作高光质感网站按钮(7)插图(5)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(6)

用ps制作高光质感网站按钮(7)插图(7)

效果如下。

用ps制作高光质感网站按钮(7)插图(8)

建新层,画一个小的黑色正圆,中心对齐。

用ps制作高光质感网站按钮(7)插图(9)

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

用ps制作高光质感网站按钮(7)插图(10)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(11)

效果如下。

用ps制作高光质感网站按钮(7)插图(12)

建新层,用椭圆和钢笔工具画一些高光形状,填充白色。

用ps制作高光质感网站按钮(7)插图(13)

建新层,椭圆工具减法模式画出下图所示2个月牙选区,分别填充白色和#8d0c0c。

用ps制作高光质感网站按钮(7)插图(14)

建新层,画3个白色椭圆,参数设置如下。

用ps制作高光质感网站按钮(7)插图(15)

刚才忘了一个步骤,左下角的白色月牙层图层模式改为叠加,添加一个阴影,最终效果如下。

用ps制作高光质感网站按钮(7)插图

本教程学习如何用photoshop椭圆 钢笔工具和图层样式制作一个高光质感的网站按钮,先看效果图。

用ps制作高光质感网站按钮(7)插图

新建文档1280×1024像素,背景白色,建新层画一个黑色正圆。

用ps制作高光质感网站按钮(7)插图(1)

复制一层,颜色改为深灰,稍微缩小一点点。

用ps制作高光质感网站按钮(7)插图(2)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(3)

效果如下。

用ps制作高光质感网站按钮(7)插图(4)

复制一层,清除图层样式,颜色白色,缩小一些,位置如下。

用ps制作高光质感网站按钮(7)插图(5)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(6)

用ps制作高光质感网站按钮(7)插图(7)

效果如下。

用ps制作高光质感网站按钮(7)插图(8)

建新层,画一个小的黑色正圆,中心对齐。

用ps制作高光质感网站按钮(7)插图(9)

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

用ps制作高光质感网站按钮(7)插图(10)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(11)

效果如下。

用ps制作高光质感网站按钮(7)插图(12)

建新层,用椭圆和钢笔工具画一些高光形状,填充白色。

用ps制作高光质感网站按钮(7)插图(13)

建新层,椭圆工具减法模式画出下图所示2个月牙选区,分别填充白色和#8d0c0c。

用ps制作高光质感网站按钮(7)插图(14)

建新层,画3个白色椭圆,参数设置如下。

用ps制作高光质感网站按钮(7)插图(15)

刚才忘了一个步骤,左下角的白色月牙层图层模式改为叠加,添加一个阴影,最终效果如下。

用ps制作高光质感网站按钮(7)插图

本教程学习如何用photoshop椭圆 钢笔工具和图层样式制作一个高光质感的网站按钮,先看效果图。

用ps制作高光质感网站按钮(7)插图

新建文档1280×1024像素,背景白色,建新层画一个黑色正圆。

用ps制作高光质感网站按钮(7)插图(1)

复制一层,颜色改为深灰,稍微缩小一点点。

用ps制作高光质感网站按钮(7)插图(2)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(3)

效果如下。

用ps制作高光质感网站按钮(7)插图(4)

复制一层,清除图层样式,颜色白色,缩小一些,位置如下。

用ps制作高光质感网站按钮(7)插图(5)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(6)

用ps制作高光质感网站按钮(7)插图(7)

效果如下。

用ps制作高光质感网站按钮(7)插图(8)

建新层,画一个小的黑色正圆,中心对齐。

用ps制作高光质感网站按钮(7)插图(9)

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

用ps制作高光质感网站按钮(7)插图(10)

添加图层样式。

用ps制作高光质感网站按钮(7)插图(11)

效果如下。

用ps制作高光质感网站按钮(7)插图(12)

建新层,用椭圆和钢笔工具画一些高光形状,填充白色。

用ps制作高光质感网站按钮(7)插图(13)

建新层,椭圆工具减法模式画出下图所示2个月牙选区,分别填充白色和#8d0c0c。

用ps制作高光质感网站按钮(7)插图(14)

建新层,画3个白色椭圆,参数设置如下。

用ps制作高光质感网站按钮(7)插图(15)

刚才忘了一个步骤,左下角的白色月牙层图层模式改为叠加,添加一个阴影,最终效果如下。

用ps制作高光质感网站按钮(7)插图

作者: 791650988

为您推荐