photoshop教程:制作双环水晶纹理按钮

来源:photoshop资源网 作者: Alfoart 最终效果 1、新建一个300 * 300像素的文件, 把背景填充颜色:#102633 。 按Ctrl + R调出标尺,然后分别在水平和垂直中心位置拉一条参考线,效果如下图。 [/table]2、选择自定义 形状椭圆工具,按住Shift键,从参考线中心向

交互按钮制作教程

本教程我们学习如何用photoshop制作一个简单的按钮,过程不复杂,效果却不错。先看效果图。 新建文档,尺寸自定,背景黑色,建新层,画一正圆,填充白色。 添加图层样式。 副标题 效果如下。 建新层,画一正圆,填充白色。 副标题 用柔角橡皮在下图所示位置点一

来源:photoshop资源网 作者: Alfoart
最终效果
photoshop教程:制作双环水晶纹理按钮插图
1、新建一个300 * 300像素的文件, 把背景填充颜色:#102633 。 按Ctrl + R调出标尺,然后分别在水平和垂直中心位置拉一条参考线,效果如下图。
photoshop教程:制作双环水晶纹理按钮插图(1)
[/table]

2、选择自定义 形状椭圆工具,按住Shift键,从参考线中心向外拉出一个正圆。
photoshop教程:制作双环水晶纹理按钮插图(2)
选择下图中的选项,按Shift从参考线向外拉,将圆中间消减去一部分。
photoshop教程:制作双环水晶纹理按钮插图(3)
再选择添加区域选项,按上面的方法,在中间拉出一个小圆。
photoshop教程:制作双环水晶纹理按钮插图(4)

3、在形状图层上单击右键-栅格化图层,然后双击图层 ,设置图层样式,参数设置如下图。
photoshop教程:制作双环水晶纹理按钮插图(5)
photoshop教程:制作双环水晶纹理按钮插图(6)
photoshop教程:制作双环水晶纹理按钮插图(7) photoshop教程:制作双环水晶纹理按钮插图(8)
photoshop教程:制作双环水晶纹理按钮插图(9)
photoshop教程:制作双环水晶纹理按钮插图(10)
photoshop教程:制作双环水晶纹理按钮插图(11) photoshop教程:制作双环水晶纹理按钮插图(12)
photoshop教程:制作双环水晶纹理按钮插图(13)
photoshop教程:制作双环水晶纹理按钮插图(14)
photoshop教程:制作双环水晶纹理按钮插图(15)

各项参数设置好的效果。


photoshop教程:制作双环水晶纹理按钮插图(16)

4、新建一个图层,再在中间画一个稍小的圆,然后栅格化图层,双击形 状2图层,设置图层样效果如下。


photoshop教程:制作双环水晶纹理按钮插图(17)

涂层样参数。


photoshop教程:制作双环水晶纹理按钮插图(18)

5、按住Ctrl 键,同时点击图中红色圈处载入选区。


photoshop教程:制作双环水晶纹理按钮插图(19)

保持选区,新建一个 图层,选择编辑 描边,参数设置如下图。


photoshop教程:制作双环水晶纹理按钮插图(20)

继续执行滤镜 模糊 高斯模糊,半径为3。


photoshop教程:制作双环水晶纹理按钮插图(21)

6、选择椭圆选框工具,在里面画一个正圆,在选项栏中选从区域减去,将多余部分减掉。新建一个图层,选一种稍 浅的颜色填充,选择:滤镜 模糊 高斯模糊,半径:7像素。效果如图。


photoshop教程:制作双环水晶纹理按钮插图(22)

7、按住Ctrl键同时点击形状2,载入选区,执行:选择 修改 收缩,数 值为3;保留选区,新建一个图层,在上面拉一个白色线性渐变,并将图层不透明改为:13%,效果如图。


photoshop教程:制作双环水晶纹理按钮插图(23)

8、新建一个图层,添加一个蒙版,给蒙版拉一个黑白径向 渐变,选择一个蝴蝶或其它画笔,在图层上点画笔,并双击图层4设置图层样式。


photoshop教程:制作双环水晶纹理按钮插图(24)

图层样式参数。


photoshop教程:制作双环水晶纹理按钮插图(25)


photoshop教程:制作双环水晶纹理按钮插图(26)

9、新建一个图层,参照第6步用椭圆做出如下选区,填充白色或浅色,不透明度改为:18%。


photoshop教程:制作双环水晶纹理按钮插图(27)

10、新建一个 图层,选择画笔工具,在蝴蝶头左上和右下方点两个白点,图层不透明度改为:48%:执行:滤镜 模糊 高斯模糊,数值为8。


photoshop教程:制作双环水晶纹理按钮插图(28)

11、新建一个图层,在外围上重复上一步操作。


photoshop教程:制作双环水晶纹理按钮插图(29)

12、新建一个图层,按Ctrl键同时点击形状2载入选区,再用椭圆工具将 选区两边减去一部分,形成一个沙漏状,保持选区,给选区填充淡一点的颜色,图层不透明度该为:14%,再给此图层添加一个蒙版,拉一个黑 色线性渐变。


photoshop教程:制作双环水晶纹理按钮插图(30)

[table]

13、新建一个图层,用椭圆工具加/减选区项,作出如下选区,按Alt + Shift + D羽化数值为4,保持选区,填充颜 色,图层不透明度为:70%。


photoshop教程:制作双环水晶纹理按钮插图(31)

14、新建一个图层,再作出以下 两个区域,填充白色图层不透明度改为20%。


photoshop教程:制作双环水晶纹理按钮插图(32)

最后下载一个星 星画笔点上完成最终效果。


photoshop教程:制作双环水晶纹理按钮插图

搜索更多相关主题的帖子:
ps网页设计
photoshop教程

来源:photoshop资源网 作者: Alfoart
最终效果
photoshop教程:制作双环水晶纹理按钮插图
1、新建一个300 * 300像素的文件, 把背景填充颜色:#102633 。 按Ctrl + R调出标尺,然后分别在水平和垂直中心位置拉一条参考线,效果如下图。
photoshop教程:制作双环水晶纹理按钮插图(1)
[/table]

2、选择自定义 形状椭圆工具,按住Shift键,从参考线中心向外拉出一个正圆。
photoshop教程:制作双环水晶纹理按钮插图(2)
选择下图中的选项,按Shift从参考线向外拉,将圆中间消减去一部分。
photoshop教程:制作双环水晶纹理按钮插图(3)
再选择添加区域选项,按上面的方法,在中间拉出一个小圆。
photoshop教程:制作双环水晶纹理按钮插图(4)

3、在形状图层上单击右键-栅格化图层,然后双击图层 ,设置图层样式,参数设置如下图。
photoshop教程:制作双环水晶纹理按钮插图(5)
photoshop教程:制作双环水晶纹理按钮插图(6)
photoshop教程:制作双环水晶纹理按钮插图(7) photoshop教程:制作双环水晶纹理按钮插图(8)
photoshop教程:制作双环水晶纹理按钮插图(9)
photoshop教程:制作双环水晶纹理按钮插图(10)
photoshop教程:制作双环水晶纹理按钮插图(11) photoshop教程:制作双环水晶纹理按钮插图(12)
photoshop教程:制作双环水晶纹理按钮插图(13)
photoshop教程:制作双环水晶纹理按钮插图(14)
photoshop教程:制作双环水晶纹理按钮插图(15)

各项参数设置好的效果。
photoshop教程:制作双环水晶纹理按钮插图(16)
4、新建一个图层,再在中间画一个稍小的圆,然后栅格化图层,双击形 状2图层,设置图层样效果如下。
photoshop教程:制作双环水晶纹理按钮插图(17)
涂层样参数。
photoshop教程:制作双环水晶纹理按钮插图(18)
5、按住Ctrl 键,同时点击图中红色圈处载入选区。
photoshop教程:制作双环水晶纹理按钮插图(19)
保持选区,新建一个 图层,选择编辑 描边,参数设置如下图。
photoshop教程:制作双环水晶纹理按钮插图(20)
继续执行滤镜 模糊 高斯模糊,半径为3。
photoshop教程:制作双环水晶纹理按钮插图(21)

6、选择椭圆选框工具,在里面画一个正圆,在选项栏中选从区域减去,将多余部分减掉。新建一个图层,选一种稍 浅的颜色填充,选择:滤镜 模糊 高斯模糊,半径:7像素。效果如图。
photoshop教程:制作双环水晶纹理按钮插图(22)
7、按住Ctrl键同时点击形状2,载入选区,执行:选择 修改 收缩,数 值为3;保留选区,新建一个图层,在上面拉一个白色线性渐变,并将图层不透明改为:13%,效果如图。
photoshop教程:制作双环水晶纹理按钮插图(23)

8、新建一个图层,添加一个蒙版,给蒙版拉一个黑白径向 渐变,选择一个蝴蝶或其它画笔,在图层上点画笔,并双击图层4设置图层样式。
photoshop教程:制作双环水晶纹理按钮插图(24)

图层样式参数。
photoshop教程:制作双环水晶纹理按钮插图(25)
photoshop教程:制作双环水晶纹理按钮插图(26)
9、新建一个图层,参照第6步用椭圆做出如下选区,填充白色或浅色,不透明度改为:18%。
photoshop教程:制作双环水晶纹理按钮插图(27)
10、新建一个 图层,选择画笔工具,在蝴蝶头左上和右下方点两个白点,图层不透明度改为:48%:执行:滤镜 模糊 高斯模糊,数值为8。
photoshop教程:制作双环水晶纹理按钮插图(28)
11、新建一个图层,在外围上重复上一步操作。
photoshop教程:制作双环水晶纹理按钮插图(29)
12、新建一个图层,按Ctrl键同时点击形状2载入选区,再用椭圆工具将 选区两边减去一部分,形成一个沙漏状,保持选区,给选区填充淡一点的颜色,图层不透明度该为:14%,再给此图层添加一个蒙版,拉一个黑 色线性渐变。
photoshop教程:制作双环水晶纹理按钮插图(30)
[table]

13、新建一个图层,用椭圆工具加/减选区项,作出如下选区,按Alt + Shift + D羽化数值为4,保持选区,填充颜 色,图层不透明度为:70%。
photoshop教程:制作双环水晶纹理按钮插图(31)
14、新建一个图层,再作出以下 两个区域,填充白色图层不透明度改为20%。
photoshop教程:制作双环水晶纹理按钮插图(32)
最后下载一个星 星画笔点上完成最终效果。
photoshop教程:制作双环水晶纹理按钮插图
搜索更多相关主题的帖子: ps网页设计 photoshop教程

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部