当前位置:首页ps教程Photoshop绘制超靓玻璃球按钮教程
Photoshop绘制超靓玻璃球按钮教程
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop绘制水晶质感的玻璃球按钮,按钮的球面质感和光滑度表现的非常好,相信很多朋友喜欢,下面让我们一起来学习.

效果图

Photoshop绘制超靓玻璃球按钮教程

1、先来制作球托面板,框矩形框,渐变填充

Photoshop绘制超靓玻璃球按钮教程

2、新建图层,载入图层1选区(按住ctrl,鼠标点击图层1即可载入,下同)

选择—修改—收缩2像素,ctrl+alt+D羽化5像素,填充黑色,图层不透明度50%

Photoshop绘制超靓玻璃球按钮教程

3、新建图层,载入图层1选区,径向渐变填充,设为“变亮”

Photoshop绘制超靓玻璃球按钮教程

4、新建图层,使用矩形选框工具框选一细条长方形,前景色和背景色参见下图

Photoshop绘制超靓玻璃球按钮教程

5、选择渐变工具,线性渐变,从矩形选区由上而下拖鼠标

Photoshop绘制超靓玻璃球按钮教程

6、为了方便图层管理,建立一个图层组,命令为“面板”,把刚刚处理的几个图层拖入新建图层组,

命名为“球体”,新建图层,绘制正圆选区

Photoshop绘制超靓玻璃球按钮教程

7、渐变填充,渐变色彩参见下图

Photoshop绘制超靓玻璃球按钮教程

8、在圆内径向渐变拖出。新建图层,载入下图中图层5选区,选择—修改—收缩6像素

Photoshop绘制超靓玻璃球按钮教程

9、渐变填充,渐变色彩参见下图 10、球体制作完成。 11、为便于表述,将上图中的图层5副本重新命名为球颜色图层新建图层组,命名为球面, 新建图层,载入球颜色图层 12、编辑描边,1像素 13、新建图层,载入球颜色

9、渐变填充,渐变色彩参见下图

Photoshop绘制超靓玻璃球按钮教程

10、球体制作完成。

Photoshop绘制超靓玻璃球按钮教程

11、为便于表述,将上图中的“图层5副本”重新命名为“球颜色”图层新建图层组,命名为“球面”,

新建图层,载入“球颜色”图层

Photoshop绘制超靓玻璃球按钮教程

12、编辑—描边,1像素

Photoshop绘制超靓玻璃球按钮教程

13、新建图层,载入“球颜色”图层,选择—修改—收缩2像素,填充白色。

右击鼠标——变换选区

Photoshop绘制超靓玻璃球按钮教程

14、按住shift+alt,鼠标拖动右下角定位点,将选区缩小,回车确定,按delete删除中间多余的白色

Photoshop绘制超靓玻璃球按钮教程

15、ctrl+D取消选择。选择橡皮擦工具,将不透明度设为50%,擦去不需要的白色部分,参见下图

Photoshop绘制超靓玻璃球按钮教程

16、新建图层,载入“球颜色”选区,变换选区,填充白色,不透明度调整为10%

Photoshop绘制超靓玻璃球按钮教程

17、新建图层,选择钢笔工具,绘制出如下图的路径,ctrl+回车确定,填充白色 18、添加图层蒙版,渐变填充 19、满意后在图层蒙版上右击鼠标,应用图层蒙版 20、左侧的高光如法炮制 21、新建图层,绘制椭圆选区,填充

17、新建图层,选择钢笔工具,绘制出如下图的路径,ctrl+回车确定,填充白色

Photoshop绘制超靓玻璃球按钮教程

18、添加图层蒙版,渐变填充

Photoshop绘制超靓玻璃球按钮教程

19、满意后在图层蒙版上右击鼠标,应用图层蒙版

Photoshop绘制超靓玻璃球按钮教程

20、左侧的高光如法炮制

Photoshop绘制超靓玻璃球按钮教程

21、新建图层,绘制椭圆选区,填充白色,不透明度50%

Photoshop绘制超靓玻璃球按钮教程

22、新建图层,用钢笔工具绘制出路径,处理高光,制作方法同上

Photoshop绘制超靓玻璃球按钮教程

23、新建图层,绘制椭圆选区,填充白色,不透明度50%

Photoshop绘制超靓玻璃球按钮教程

24、新建图层,绘制圆形选区,填充白色

Photoshop绘制超靓玻璃球按钮教程

25、用椭圆选框工具将下方的圆删除。添加图层蒙版,渐变填充(方法同上) 26、将图层12的椭圆复制放至最顶层,高斯模糊 27、制作右下方的高光,首先新建图层,绘制圆形选区,填充白色 28、再绘制一个圆形选区,删除多

25、用椭圆选框工具将下方的圆删除。添加图层蒙版,渐变填充(方法同上)

Photoshop绘制超靓玻璃球按钮教程

26、将图层12的椭圆复制放至最顶层,高斯模糊

Photoshop绘制超靓玻璃球按钮教程

27、制作右下方的高光,首先新建图层,绘制圆形选区,填充白色

Photoshop绘制超靓玻璃球按钮教程

28、再绘制一个圆形选区,删除多余的部分。高斯模糊处理

Photoshop绘制超靓玻璃球按钮教程

最终效果!

Photoshop绘制超靓玻璃球按钮教程

参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=447240

温馨提示:

文章标题:Photoshop绘制超靓玻璃球按钮教程

文章链接:https://www.4tu.cn/photoshop/46240.html

更新时间:2024年09月05日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop自由变换工具制作图片折叠效果

2024-9-5 10:09:04

ps教程

Photoshop打造女孩舞动炫光场景效果

2024-9-5 10:10:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索