百木园-与人分享,
就是让自己快乐。

AI教程!轻拟物质感渐变图标

原图作者:Evgeniy Dolgov

教程作者:Showy121

交作业:#优设每日作业#

关于教程

大家好,我是Showy121

节后第一篇设计教程来啦~

为避免大家消化不良

我们来一个上手简单,又出效果的图标设计

这个作业,绝对没难度~

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

基本原理

本案例可以简单的视为一个立方体。

所以,最重要的就是用颜色把立方体的三个面区分出来,形成立体感。

AI教程!轻拟物质感渐变图标

三大面就是黑白灰,物体在受光的照射后,呈现出不同的明暗,受光的一面叫两面,侧受光的一面叫灰面,背光的一面叫暗面。

绘制步骤

第一步,分析原图,在AI软件中绘制一个正六边形。然后以中点为交集点,用钢笔分别勾勒出三个面的形状。

AI教程!轻拟物质感渐变图标

第二步,绘制顶部和右侧面的小元素,并分别给正六边形和四边形一定圆角值。

AI教程!轻拟物质感渐变图标

第三步,先暂时隐藏三个四边形,给到六边形和小元素基础颜色。

AI教程!轻拟物质感渐变图标

第四步,显示三个面,分别给到不同颜色和羽化值,区分块面感;并刻画每个局部的细节。

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

元素拆分图解

AI教程!轻拟物质感渐变图标

第五步,将图标导出PNG透明格式背景,在PS软件中添加一定杂色,完成!

AI教程!轻拟物质感渐变图标

更多优秀参考

作者:Evgeniy Dolgov

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

AI教程!轻拟物质感渐变图标

学完这篇教程的人还在学…


来源:https://uiiiuiii.com/illustrator/1212311674.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!轻拟物质感渐变图标

相关推荐

  • 暂无文章