【作者简介】 

娘娘| 探索无极限！

你知道吗？上周娘娘被微信公众号后台的娘家人追着夸奖了呢！哎呀，乐坏我了，恨不得满世界嘚瑟去。我以为你们根本都不会点开看我每期辛苦造的技术文呢。谢谢你们呐，给了娘娘更多动力不断更新下去。前段时间可能不是黄道吉日，不是遇到撕逼小选手来挑战，就是看以前的同事们智斗无良公司。啊呀，简直比《欢乐颂2》的剧情推进的要快多了，哈哈哈！

差点忘记给自己打个硬广了，给我三秒钟。【想要改变现状，却迟迟对自己下不去手？让娘娘来虐你！第五期桃花庄开启徒儿占坑通道了，想要报名咨询QQ:863678592，仅收10个徒儿，目前还有7个名额】

逍遥派上课的时候，我们探索着，造了一个风格独特的技能icon——灵炎咒，之后准备让孩子们延伸出一套来。在这里也把整个构思的过程和制作的过程展示给大家，想自学的孩子也可以动手尝试一下哦。

1 分析需求

2 提取关键字

2.1 补充个技能icon的常用构图

3 尝试方案，画出草图

4 铺背景氛围

这一步柔边画笔为主铺陈大背景，打造整体氛围。

5 分层勾出剪影

这一步以钢笔工具+修改锚点工具为主，重点勾勒出好看的型，为后续做准备。

6 上明暗，做分层

这一步柔边画笔为主，硬边画笔为辅，主要刻画柔和的光感和局部较为集中的高光。

7 利用滤镜效果，辅助图标做速度感

第5、6步完成后，你就可以感受一下滤镜带来的便利了。当然前提是你得了解每个滤镜效果哦。此处用到了模糊-动感模糊。

8 优化细节，局部添加光效，让整个图标更加饱满一些

一鼓作气，加上blingbling的光点吧，顺便再把看不顺眼的地方进行细化，不管是造型、色彩还是细节，都可以进行二次加工，因为我们用的是——分图层处理，非常方便呢，制作时要注意边看小图边看大图，这样可以确保小图精细，而不会因为太多细节变得杂乱哦。微信号上传的图质量好渣啊...

和平常普通的光效类icon不同的是，我们设计了一枚主题更加突出和饱满的技能icon，层次感非常足，识别度也很高。看完今天的制作过程，你也动手试试吧。

娘娘UI学堂 ∣ 骚气集聚之地

 微信ID：nnuiclass   QQ群：481331690  

骚气 · 爱玩 · 娘家人

※娘娘UI学堂原创，欢迎转载!