AI教程!零基础也能学会的质感按键图标教程

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

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

关于教程

本期教程以一个按键图标为例,继续为大家带来轻质感图标系列的设计教程,简单易上手,快来试试吧!

教程效果图

AI教程!零基础也能学会的质感按键图标教程

关键步骤提示

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

Step 01 图形绘制

用圆角矩形和圆形搭建出基本的形状和造型。

AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程

Step 02 渐变添加

为图标中的各个色块添加渐变色,塑造出自然光下的光影和质感。

AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程

Step 03 内、外发光&投影

为图标中的小零件添加发光和投影效果,初步塑造图标的立体感和通透感。

AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程

Step 04 高斯模糊层次

用图层蒙版做出色块之间的嵌套关系,然后添加高斯模糊效果,实现颜色的层次感。

AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程

Step 05 磨砂

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

AI教程!零基础也能学会的质感按键图标教程 AI教程!零基础也能学会的质感按键图标教程

最终效果图

AI教程!零基础也能学会的质感按键图标教程

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注