美文网首页
图标临摹学习笔记

图标临摹学习笔记

作者: XJH不会飞 | 来源:发表于2020-06-28 23:41 被阅读0次

    6月一晃就过去了,没有看很多的学习视频,不过好在有坚持临摹图标,从造型揣摩到色彩目测,最后分析总结,学到一些规律。针对性的练习真的很不错,可以把需要加强的知识点进行夯实,总结出有用的方法。

    原图1

    特点分析:

    1、光源方向——左上——右下;;

    2、2种颜色,主色渐变,渐变光源亮色(饱和度降低,明度提高;)

    实际上,通常3个颜色,光源色占比非常少,然后中间有一个中间色;

    暗色:明度加深;

    光源表现在图标上:

    1、上方打光,顺延,就会有阴影;最上方会有反光;

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

    临摹1

    总结归纳特点:

    1、邻近色渐变;hsb变化:高饱和,低明度;低饱和度,高明度。

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

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

    原图2

    特点分析:

    1、光源方向—:右上——左下;光线强烈,左下的反光更为明显;

    2、造型颜色分别为黄色,浅蓝色,橙黄色,特点:都有一个底板,底板色与主体造型颜色为对比/邻近色,色彩较丰富;

    3、整体造型主要为同一色相,邻近色变化,点缀色根据造型进行搭配,光影较为明显,造型边缘的反光也很明显,模糊度需要具体耐心调整;

    4、整体造型与底板衔接处,投影较为重,强调投影感;

    临摹2

    总结归纳特点:

    1、属于造型难度中等,思考根据造型用色表达,书籍翻开的页用近似色表达,

    反光处需要注意,反光角度和大小;

    2、造型的渐变,注意根据光线由深色——浅色;

    3、公共形状:都有衬底,渐变由深——浅——深,1深因为被物体遮住,2浅因为有光

    线过来,3深距离较远了,所以受到光的影响少了。

    原图3

    特点分析:

    1、光源方向—:右上——左下;投影为左上——右下;

    2、双色图标,渐变风格;主体造型大面积是基础色,分别是蓝色、黄色、绿色、玫红、橙黄;点缀色为对比色/邻近色,主要以黄色为主;

    3、造型特别,公共造型为不规则圆角,一个16px,另外三个较为统一,圆弧,点缀为圆圈,高光较明显,颜色对比强烈;

    临摹3

    总结归纳特点:

    1、主体造型渐变色相差范围在20-30;高光渐变差值在10-20;可以直接复制

    主体渐变,进行柔和微调;

    2、内阴影高光1px;内阴影投影-2px;  投影模糊4px;

    3、造型,点缀造型有阴影,投影方向与光源保持一致,基本参数:x轴-1,

    y轴-2;模糊4px,具体结合画面情况调整;

    4、公共形状:不规则圆角矩形,有一个圆角较大16px;其他圆角6px;

    今天整理才发现已经临摹了8套图标,都是自己比较感兴趣的风格,还有一些知识盲区,这种体验不错,继续努力!

    未完待续..整理中...

    相关文章

      网友评论

          本文标题:图标临摹学习笔记

          本文链接:https://www.haomeiwen.com/subject/iwtnfktx.html