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

1349542328-0

 

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

 

1349542J5-1

 

 

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

 

13495411G-2

 

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

 

 

 

134954KN-3

 

 

1349541c6-4

 

 

1349541234-5

 

 

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

 

 

1349541634-6

 

 

134954F33-7

 

 

1349543141-8

 

 

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

 

134954Oa-9

 

 

 

最终效果:

 

 

 

1349542328-01

 

来源:站酷

教程作者:明暗

教程原文:https://www.zcool.com.cn/article/ZNDI1MjQ=.html

原设计师作者:mvben

转载请注明:学UI网 » PS设计精致的透明玻璃盒子图标

登录收藏
 
你可能喜欢的:
这些细节,我工作这么多年都没发现!这些细节,我工作这么多年都没发现!
拿捏8种LOGO设计技法!拿捏8种LOGO设计技法!
做这个需求,真是用尽了我的招式!做这个需求,真是用尽了我的招式!
我是真不敢相信,这么简单确这么出效果,绝绝子!我是真不敢相信,这么简单确这么出效果,绝绝子!
为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好
好惨,我竟然被批评了,问我为什么不安排教程?我怕了好惨,我竟然被批评了,问我为什么不安排教程?我怕了
如何强化图标设计的细节?我总结了12个关键点!如何强化图标设计的细节?我总结了12个关键点!
如何设计精美的应用图标?如何设计精美的应用图标?
出色的图标是如何一步步设计出来的?来学学这些实操方法!出色的图标是如何一步步设计出来的?来学学这些实操方法!
详解|图标设计,精致的体力活儿!详解|图标设计,精致的体力活儿!