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

AI教程!零基础速成的质感天气图标教程

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

教程作者:百图特攻队(授权转载)

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

关于教程

本期视频继续为你带来轻质感图标系列的设计教程,需要注意对图形间投影和透光效果的刻画,非常适合零基础新手一边学习一边熟悉软件,快来试试吧!

教程效果图

AI教程!零基础速成的质感天气图标教程

关键步骤提示

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

Step 01 图形绘制

完成软件设置后,用圆形绘制出图标的基本形状,并填充相应的颜色。

AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程

Step 02 渐变添加

为太阳和云朵添加一层基础的渐变色,让光影质感更真实,具体参数如下。

AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程

Step 03 内发光

分别为云朵和太阳添加一层白色的内发光效果,增强质感细节。

AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程

Step 04 叠加效果和投影层次

绘制出云朵在太阳和背景上产生的投影,并做出太阳透过云朵的效果,增强形状之间的层次感和立体感。

AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程 AI教程!零基础速成的质感天气图标教程

Step 05 磨砂

将绘制完成的图标粘贴到PS中,添加一层杂色颗粒,模拟磨砂质感。

AI教程!零基础速成的质感天气图标教程

最终效果图

AI教程!零基础速成的质感天气图标教程


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

未经允许不得转载:百木园 » AI教程!零基础速成的质感天气图标教程

相关推荐

  • 暂无文章