透明毛玻璃效图标的制作教程

大家期待的透明毛玻璃效果的制作教程,今天它终于来了!

应大家的留言需求,今天给大家出个详细的教程,来教大家制作 “透明毛玻璃效果图标”

相关文章:透明毛玻璃效果图标设计

透明毛玻璃效果图标

所用工具

由于我们制作的是「图标」,那我们就用矢量软件吧 。所用到的工具是 Adobe Illustrator。如果你是 macOS 用户,还可以使用 Sketch 这个软件,会更加的方便和简单。

今天我会把 Illustrator 和 Sketch 两种软件的操作都讲一讲。

几个要素

在开始动手前,我先说一些我自己觉得的几个要素:

  1. 图标:图标一定是要有前后可拆分的层次,一个在前作为毛玻璃层,一个在后作为颜色层,最好是 2~4 层效果较好。
  2. 颜色:你的图标颜色的选择最好是单一颜色,颜色多了我个人总觉的怪怪的,也不太好看。
  3. 高光:高光是点金之笔,加上后的感觉更好。
  4. 阴影:增加一些淡淡的阴影更有质感。

操作步骤

  1. 拆分层次并绘制基础图形;
  2. 填充颜色和叠放;
  3. 对浅色图形进行高斯模糊;
  4. 颜色补充;
  5. 高光;
  6. 阴影。

准备好了吗,我们开始发车了。我挑选了3个实例给大家讲解,这3个实例在一些地方的处理上还是有些不同的,所以挑选了这三个具有代表性的。其中实例一、实例二用 Illustrator 操作,实例三用 Sketch 操作,也兼顾了大家不同的学习需求。

继续阅读“透明毛玻璃效图标的制作教程”