学习笔记——图标临摹2

这是6月末的又一波图标临摹，有的是一开始就临摹，慢慢的是临摹之前会进行分析，回过头再来边看边分析的时候，发现学到很多，主要是惊叹于色彩的熟练度，真的很多你看别人随便调下就很好看的渐变，如果是自己对色彩敏感度、熟练度没有到，就会调很久。

临摹了这几套下来，终于学到一点非常重要的：一个图标，轻质感的图标一定是有高光和阴影的，有这两项加持就一定会有质感。

原图

特点分析：

1、注重反光和投影，利用强放光和投影来表现造型，丰富图标细节；

2、色彩十分丰富，从红、黄、橙、绿、靛青、蓝色、紫色；

主色渐变，渐变光源强调亮部和暗部；（饱和度降低，明度提高；）

3、渐变的方法：3-4个颜色，光源色占比非常少，强调亮，中间有一个中间色，面积较大，下方稍暗，最下方强调暗色；

光源表现在图标上：

1、注意光影方向：从左上-右下，很多背面的阴影可以展现图标厚度；

2、图层相交处有阴影；注意投影的颜色和大小；

临摹

总结归纳特点：

1、邻近色渐变；hsb变化：高饱和，低明度；低饱和度，高明度。

2、微投影，距离1px;微高光，1px; 高光模糊浅1px;投影模糊3px;

3、公共形状：全圆角矩形；圆角矩形；圆角由6px_8px——10px;

原图2

特点分析：

1、光源方向： 左上—右下；

2、彩色衬底统一，白色造型；主要是：4px圆角矩形，大多规整；造型元素上下衔接，上面的图层有阴影，大多是y轴2px，4px模糊，下面的相同；

3、利用波浪弧形的渐变来表现光影，增加图标的细节感，用色为：底板色-低饱和度（s:30-40之间）——白色之间的渐变，光影效果：中间部分较亮，两侧颜色较深；

光源表现在图标上：

1、上方打光，顺延，就会有阴影；最上方会有反光；

2、图层相交处有阴影；注意投影的颜色和大小；

临摹2

总结归纳特点：

1、邻近色渐变；hsb变化：色相在10-20，高饱和，低明度；低饱和度，高明度。

2、微投影，距离1px;微高光，1px; 高光模糊浅1px;投影模糊3px;

3、公共形状：全圆角矩形；圆角矩形；圆角由6px_8px——10px;

原图3

特点：

1、风格属于质感风；

2、造型：圆角矩形较多，图标造型描边为白色渐变，主要用色为：主色渐变，

白色和主色邻近深色；深色用做部分点缀和深色背景，白色用做描边；

3、注重主体造型中的高光，用白色渐变表现；

临摹3

临摹感受：

1、光源从 右上方打过来，注意造型内受光源的影响；

比如第4个，上方是凸出来的物品，那么光源从上往下，是从强到弱；第5个也是

上方凸出物，受到光源下方比较亮，光打下来，下方会有光影；

2、难点：政策的书籍左侧的凹陷感，

既要表现出凹陷，但是又不能太突兀，渐变是从右上——左下，上方颜色较浅，下方

较深一点；

3、造型中，上下形状，上面的就会有阴影，这个颜色是下层颜色深一些；

然后模糊很小，像素1px; 整体造型与背景之间也会有；

原图4

特点：

1、白色质感图标；呼吸感强，强调投影；

2、造型：圆角矩形较多，圆角6px; 主要用渐变，右下方用弧形表现丰富的层次，白色-底板色渐变，对应角度有暗部表现造型厚度，也是为了丰富图标细节；

3、光影方向为90度；从上-下；

临摹4

休息的两天过的太快了，现阶段主要在夯实技法，同时训练色彩敏感度，今天在家练习勋章，非常精致好看的勋章，继续加油吧～