课程咨询 :13964250717 QQ:3040130238

烟台UI培训 > 达内新闻 > 【UI教程】精致的透明玻璃盒子图标
  • 【UI教程】精致的透明玻璃盒子图标

    发布:烟台达内      来源:烟台达内      时间:2015-11-09

  • 本教程重点提供图标制作的过程及思路分析。主要的过程有分解图及过程图提示,具体的操作需要自己慢慢根据作者的提示及过程图发挥。

    最终效果

    1、初步观察图标,发现整个图标可以拆分为一下几个块。新建大小适当的文件,背景填充暗灰色,新建图层用圆角矩形工具拉出圆角矩形画出大体形状,确定大致明暗以及颜色区分透视关系。


    2、为了尽快突出玻璃质感,我先在玻璃质感的变现上下手。玻璃的高光如下图,制作上没有什么技术含量


    3、锁定所有玻璃高光图层,开始制作液体部分,液体部分相当纠结,灵活运用内发光,内阴影。此图标的视觉点也基本集中在液体部分,液体部分完成了,整体基本上基本完成。

    4、盖子部分相对来说比较简单,我就大概分解下图层及渐变,如下图

    5、最后是整个合体后继续在玻璃表面边角添加一些高光折射、地面投影及反光等。

    最终效果

    推荐文章

上一篇:UX/UI设计工具的选择:对设计师的13条重要选择标准

下一篇:8个过气的UI元素

最新开班日期  |  更多

平面设计免费训练营

平面设计免费训练营

开班日期:2015年12月30日

第一阶段 平面设计培训

第一阶段 平面设计培训

开班日期:12.28

第二阶段 AUI 商业美术

第二阶段 AUI 商业美术

开班日期:12.29

第三阶段 网页界面设计培训

第三阶段 网页界面设计培训

开班日期:12.30

  • 地址:海港路25号阳光100城市广场A座0402
  • 课程培训电话:13964250717 QQ:3040130238     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tarena.com.cn
  • 2001-2015 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56

    http://t.cn/RU1NFHv> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fef86a8e0cde22969cb8f7a05c8ef3ef0' type='text/javascript'%3E%3C/script%3E"));