恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
六步打造玻璃质感精灵球~
0.0°
2018-06-05 原创文章 教程 举报 4520 106 74 8

说到精灵球想象大多数80,90后的小伙伴都不陌生,今天做这个教程也是对之前童年的一份敬意~

Image title



一.建立背景

 Image title

在这一步大家可以随自己的喜好创建画布大小,这么没有特定要求。 





 二.建立外层的玻璃体


Image title

首先,小伙伴们需要用“布尔运算”得到如图的形状



           

Image title

对刚才得到的形状在“混合选项”把填充不透明度变为“0”此时你会发现形状消失了, 没关系, 我们接下来调整参数~ 




Image title

接着就是应用各种“图层样式”,这一步在于先确立一个大概的玻璃球体积感。



Image title

添加第1层“内阴影”确定玻璃球的暗面



Image title

添加第2层“内阴影”确定玻璃球的反光部分



Image title

添加第3层“内阴影”增加玻璃球暗面层次给球体增加体积感




Image title

  添加“内发光”让玻璃球内部平滑过渡





Image title

通过以上参数设置后,最终效果如图 




Image title

接下来我们做衔接部分,用形状画出如图样式。




Image title

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




Image title

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



Image title

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




Image title

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




Image title

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



Image title

添加投影让按钮立体起来~





Image title

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




Image title

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





三.绘制液体部分


Image title

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




Image title

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




Image title

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




Image title

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




Image title

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




Image title

最终得到如图效果




Image title

接下来用上面同样的方法给液体加上后面的厚度部分。(渐变的颜色变深)   





四.绘制气泡


Image title

为了让这个液体看上去生动有趣我们在液体内部加上小气泡,还是先如图画出一个个小圆形。



Image title

然后对刚才画的小圆点进行参数设置。(记得最后把填充变为“0”,气泡的效果才会显现)



Image title

内阴影让小圆点有周围产生体积感




Image title

用内发光效果添加体积感同时做出透光感




Image title

最终得到如图的气泡效果




五.光和投影


Image title

到这步已经快接近完成了,我们来让这个玻璃效果更佳的通透一些,如图我先用形状工具绘制出球体的高光,投影和玻璃球的折射部分。(呵呵,有点生硬对不对,请看下面参数设置)



Image title

 对刚才生硬的形状分别调节羽化参数




Image title

 最终投影和光的羽化效果如图





    六.最终润色

Image title

大致效果已经出来了,最终加上文字,进入润色环节,这里大家可以印盖图章后转为智能对象,然后加cameraraw滤 镜效果进行调节。





Image title

完成



大家可以看到我所用的技法并不是很复杂,都是平时所用到的技能,其实最重要的在于你平时生活中是否留意细节和观 察事物的能力,希望大家能通过此例举一反三~




更新:2018-06-05

收藏

106人已收藏

keychen

合作V:-keychen-

  • 5

    作品

  • 49

    粉丝

  • 3

    关注

  • COME ON!各种姿势来一遍 - 典典养车品牌形象梳理
  • 做“合理”的设计(一)—— 典典养车商家端首页改版思考
  • 用插画提升产品视觉体验
  • 众车纷享REDESIGN

    猜你喜欢

      2018-06-05 原创文章 教程 举报 4520 106 74 8

      六步打造玻璃质感精灵球~

      0.0°

      你确定要举报六步打造玻璃质感精灵球~

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      74
      106
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录