当前位置:首页 > PS教程 > 网页设计

图标设计,制作晶莹剔透的玻璃球图标

  • 2022-12-24 18:53:56
  • 来源/作者:互联网/佚名
  • 己被围观

本篇教程通过PS制作一个晶莹剔透的玻璃球图标,这个样式像极了80、90以前玩的弹珠,不知在制作的时候是不是也能想起小时候和小伙伴们玩耍的青春,整个教程比较简单,做过图标的同学们应该驾轻就熟,依然是用我们的好朋友图层样式进行制作,刚兴趣的同学们一起来学习一下

对刚才的衔接部分图形应用“图层样式”里的渐变叠加。

图标设计,制作晶莹剔透的玻璃球图标

然后加上分割线和阴影效果得到如图最终效果

图标设计,制作晶莹剔透的玻璃球图标

接下来到了按钮部分了,首先我们来绘制按钮的底座,如图画出一个圆形。

图标设计,制作晶莹剔透的玻璃球图标

对刚才的形状运用添加渐变叠加给按钮一个底色

图标设计,制作晶莹剔透的玻璃球图标

添加内阴影给刚才的按钮增加质感

图标设计,制作晶莹剔透的玻璃球图标

添加投影让按钮立体起来

图标设计,制作晶莹剔透的玻璃球图标

最终得到按钮底座的效果如图

图标设计,制作晶莹剔透的玻璃球图标

按照底座同样的方式可以去做出如图的按钮。

三、绘制液体部分

图标设计,制作晶莹剔透的玻璃球图标

在这一步我们来给玻璃球里加上液体,先如图绘制一个波浪形。

图标设计,制作晶莹剔透的玻璃球图标

给这个波浪形加上各种参数吧

图标设计,制作晶莹剔透的玻璃球图标

通过添加内阴影的方式绘制波浪暗面

图标设计,制作晶莹剔透的玻璃球图标

添加内发光去使得波浪有透光感

图标设计,制作晶莹剔透的玻璃球图标

添加渐变叠加让波浪的表面更加有层次感

图标设计,制作晶莹剔透的玻璃球图标

最终得到如图效果

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条