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

AI教程!零基础速成的质感卡牌图标教程

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

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

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

关于教程

本期教程继续为大家带来磨砂质感图标的设计教程,每一步都有详细的拆解和参数标注,非常适合零基础新手学习喔!

教程效果图

AI教程!零基础速成的质感卡牌图标教程

关键步骤提示

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

Step 01 图形绘制

用圆角矩形和钢笔绘制出卡片的基本造型,绘制皇冠并拉出圆角。

AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程

Step 02 渐变添加

为卡片和皇冠添加渐变色,让光影质感更加丰富立体。

AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程

Step 03 内发光

为皇冠和卡片添加一层内发光,注意分别调整混合模式及不透明度。

AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程

Step 04 投影层次

复制形状并修改颜色,添加高斯模糊效果,做出不同图形之间的层次感。

AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程AI教程!零基础速成的质感卡牌图标教程

Step 05 磨砂

将绘制好的图标粘贴到PS中,直接添加杂色噪点,即可做出近似磨砂质感的效果。

AI教程!零基础速成的质感卡牌图标教程

最终效果图

AI教程!零基础速成的质感卡牌图标教程


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

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

相关推荐

  • 暂无文章