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

AI教程!适合零基础学习的质感电话图标教程

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

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

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

关于教程

本期教程继续为大家带来质感电话图标的绘制教程,零基础新人也可以快速上手的AI设计小技巧!

教程效果图

AI教程!适合零基础学习的质感电话图标教程

关键步骤提示

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

Step 01 图形绘制

用基础图形勾勒出图标的造型,注意电话圆角的调整和wifi对称圆弧的绘制。

AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程

Step 02 渐变添加

依次给图标中的各个部件添加一层渐变色彩,让整体的光影质感更加鲜明。

AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程

Step 03 内发光

给图标中的各个部件添加一层内发光效果,让质感更加晶莹通透。

AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程

Step 04 高斯模糊投影

绘制出部件的投影色块形状,然后添加高斯模糊效果。

AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程

Step 05 磨砂

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

AI教程!适合零基础学习的质感电话图标教程 AI教程!适合零基础学习的质感电话图标教程

最终效果图

AI教程!适合零基础学习的质感电话图标教程


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

未经允许不得转载:百木园 » AI教程!适合零基础学习的质感电话图标教程

相关推荐

  • 暂无文章