今天我们讲讲图标的设计流程，在工作或者学习中，我们可能会拿到这样一个需求。比如这个

“爱丽丝梦游仙境——章节入口图标设计”

今天暴富老师围绕这个题目，对图标的设计以及绘制两个方向，进行总体的学习与梳理，使同学快速熟悉图标设计制作方法。

Part  1    

设计方法分析

01    提取元素

根据我们爱丽丝梦游仙境的主题，我们头脑风暴一下，提炼出了——蘑菇  树  兔子  怀表  帽子  茶壶  领结  藤蔓  蛋糕  药水  书本  扑克等等元素。

既然章节入口图标，主体可以设计为书本，突出章节的含义，同时挑选其他设计的元素来辅助设计。

（设计元素参考）

02    构图摆放

构图上采用三角形构图，先用主设计元素书本，怀表，兔子来构成主视觉中心点。再用树枝来丰富画面和构图的饱满性。

小贴士：构图时设计的元素可先用方盒子来表示，方便确认摆放位置和摆放角度，同时防止画错透视。

03    确认线稿

根据寻找的元素绘制草图，并对草稿进行整理和丰富，交代清楚结构，确认线稿。

Part  2    

制作方法分析

01    色稿环节

在线稿下面新建1层，绘制2-3个色稿草图，如果图标较简单，可以省略这个步骤，直接在矢量制作的过程中出配色方案。

新手可以寻找一些适合的色彩参考，来分析他的取色范围或是冷暖色运用等，从而来学习他们的配色技巧。但是一定不要直接吸色来绘制，吸色是进步的敌人。

02    确定配色方案

挑选最适合主题的配色方案准备正式制作。

03    矢量制作以及分层

大多数图标采用矢量的绘制方式。我们可以以物体为单位，在矢量绘制的时候对他进行分层，在底层开始勾起，绘制的时候图层尽量分开，方便后期调整修改。

04    体积塑造

确定图标的光源，这边确定为右上方打光，确定后用硬笔刷画出图标的暗部，亮部用渐变工具做出变化，画出物体间的投影，处理整体体积关系。

05    增加细节

物体增加的处理，比如书本的褶皱，兔子衣服布料的细节处理，金属材质的刻画等等，绘制细节的时候注意不要破坏大关系。整体调整到完成度较高的程度。

06    提升光感氛围

调试是否需要勾线或者装饰纹理等，视觉中心点增加光感，对图标整体进行润色， 冷暖色对比和层次细微调整，突出视觉中心点，提高完成度。

小贴士：润色图层注意不要画到图标整体外面哦，防止切图时出现问题。

当当当！最后就完成啦！

这个教程主要为新进入行业的宝贝们熟悉设计逻辑和绘制流程，希望新入行的宝贝儿们能快速适应工作节奏，工作中越来越顺利，爱你们比心~

还没看够？上期还有一篇灯笼主题的分享，供君一览~ 

我们帅气的梁哥给灯笼加上了仙气飘飘的动效，这样的特效灯笼就更加贴近实际项目中的需求了~

看完这个灯笼，想学的小伙伴可以先关注我们的公众号：叶子学堂，最新的动效班级即将开课！学会这一手，升职加薪指日可待！

Powered by Froala Editor