【作者简介】 

娘娘| 探索无极限




你知道吗?上周娘娘被微信公众号后台的娘家人追着夸奖了呢!哎呀,乐坏我了,恨不得满世界嘚瑟去。我以为你们根本都不会点开看我每期辛苦造的技术文呢。谢谢你们呐,给了娘娘更多动力不断更新下去。前段时间可能不是黄道吉日,不是遇到撕逼小选手来挑战,就是看以前的同事们智斗无良公司。啊呀,简直比《欢乐颂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学堂原创,欢迎转载!