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

AI教程!超简单的轻拟物磨砂质感图标

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

AI教程!超简单的轻拟物磨砂质感图标

教程作者:小北Design(授权转载自公众号:呆呆北的小课堂)

作者微博:@小北Design

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

想做好这种风格的图标,关键就是要get轻质感投影处理手法和颗粒磨砂质感方法~

本节课知识点:

  • 磨砂质感实现方法:效果-纹理-颗粒
  • 图形排列层级关系:置于上一层Ctrl+[    置于下一层Ctrl+]
  • 制作整体投影效果,颜色要有浅色,模糊值大一点

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 绘制形状

用圆形和矩形绘制出基本形状,然后用联集合并图形,为太阳添加一个橘黄色渐变。

AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标

Step 02 模糊遮挡

在内部绘图模式下,为圆形太阳添加模糊效果,然后微调大小和位置,做出磨砂玻璃遮挡处微微透光的效果。

AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标

Step 03 绘制投影

根据预设的光源方向,在云朵的左下角添加一层灰色投影,让图标整体呈现出浮于表面的立体质感。

AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标

Step 04 绘制高光

为太阳和云朵相交的部分单独添加投影效果,然后调整层级关系和锚点位置,使之成为云朵边缘的高光,增强图标立体感。

AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标

Step 05 磨砂质感

为云朵形状单独添加颗粒效果,做出近似于磨砂玻璃的质感。

AI教程!超简单的轻拟物磨砂质感图标 AI教程!超简单的轻拟物磨砂质感图标

最终效果图

AI教程!超简单的轻拟物磨砂质感图标


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

未经允许不得转载:百木园 » AI教程!超简单的轻拟物磨砂质感图标

相关推荐

  • 暂无文章