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

AI教程!教你制作扁平轻质感图标!

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=417503111&as_wide=1

封面作者:Benjamin den Boer

教程作者:AI肖博士

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

关于教程

AI教程!教你制作扁平轻质感图标!

上图是作者Benjamin den Boer所绘制的Framer图标,整体简约但有质感。

AI教程!教你制作扁平轻质感图标!

下面,我会教大家制作扁平轻质感图形。

教程步骤

AI教程!教你制作扁平轻质感图标!

首先,绘制出纯扁平的图形。

AI教程!教你制作扁平轻质感图标!

接着,给每一块图形添加上相应的线性渐变,渐变的具体参数可查看视频。

AI教程!教你制作扁平轻质感图标!

AI教程!教你制作扁平轻质感图标!

继续,在叠加处,添加渐变图形。(可复制下层内容,然后用剪切蒙版去除多余部分),适当修改添加图形的渐变颜色后,将混合模式改为柔光,得到透明叠加的效果。具体操作和渐变设置,可查看视频。

AI教程!教你制作扁平轻质感图标!

下一步,制作投影层次,需要添加投影的部分,先加入相对深色的色块,然后使用高斯模糊,即可得到柔和的投影效果。具体操作可查看视频。

AI教程!教你制作扁平轻质感图标!

最后,在上层图形的边缘,加入渐变的细高光。并且在内部手柄图形上加入淡淡的内阴影,就能得到最终的效果了。具体操作可查看视频。

本周作业题

原创作业:用上述骚操作,原创图形一个。

临摹作业:临摹下图。

AI教程!教你制作扁平轻质感图标!

AI教程!教你制作扁平轻质感图标!

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


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

未经允许不得转载:百木园 » AI教程!教你制作扁平轻质感图标!

相关推荐

  • 暂无文章