radiobutton更改图标大小_「UI设计」UI设计零基础入门,用AI软件绘制简单的UI图标...

d44616d92909965a155357166f296a62.png
385bed668c147bfbc142724871952c1a.png

效果图

今天给大家分享一个简单的UI图标绘制教程,

本教程适合零基础小白,即使没有软件基础的小白,也可以跟着教程一步步完成最终效果。

下面就是绘制步骤了,有AI软件的小伙伴,可以跟着一起操作哦!

第一步:打开AI软件,新建文档(教程使用的软件版本为 Illustrator CC2018)

af67f5b160a9a203c01324ccb5e6ece8.png

第一步

新建文档的尺寸可以提前设置好,也可以后面导出再做画板设置。

第二步:画一个矩形

在矩形工具组中,选择圆角矩形工具,绘制一个长方形。

9926e69b606dd8c56772139899d0eae2.png

第二步

第三步:把给矩形圆角拉到最大,如图所示:

3ea65baf354d90e8007208dceeb03986.png

第三步

第四步:在矩形工具组找到椭圆工具,绘制一个正圆,如图所示:

3bf1ef7cef327344766a0f00e42a0408.png

第四步

第五步:将画好的矩形与圆形合并,如图所示

合并方法:选中矩形与圆形,打开“窗口”菜单栏的“路径查找器”,点击形状模式第一个按钮,合并。

83432cd23fd6f0c426bfda8578aca9c2.png

第五步

第六步:再用椭圆工具画一个小圆

9424aa5d48e2fbcea65eca58bebcce1a.png

第六步

第七步:用圆角矩形工具画一个正的矩形,并且给矩形做一定的圆角,角度并固定

0adc1bcec54230c6f828fa24ac0301a2.png

第七步

第八步:用渐变工具给矩形上色

渐变工具选择颜色时,默认是灰度的,一定要更改,选择RGB模式。

276a23ac743860a2b8b8625468f4ad34.png

第八步:选择好两个颜色,类型选择“径向”,并调整好大小,位置

38d07317120a3145de26df81423970de.png

第八步

第九步:原先绘制好的矩形与圆组合图形,为免出错,复制一份,用吸管工具吸取大矩形的颜色,并调整好渐变位置,如图所示。

fa06856513c2339e2e68d0ad30da6ed1.png

第九步

第十步:上好颜色的图形,给增加描边

5accb60ed5e052199b13dc8bc7fad41e.png

第十步

第十一步:组合图形在大矩形中对齐好位置,放置在矩形正中。

d39e2d59c6bcb7d80274730a2dae406e.png

第十一步

第十二步:给组合图形加投影:

打开效果菜单栏,选择“风格化”“投影”

5bc4b690021c874c71cae7da3057fb2e.png

第十二步

第十三步:注意投影参数,设置时可预览后再确定

f184f6f89b224258ab9523932fb612ce.png

第十三步

第十四步:完成效果,如果不喜欢矩形图标,也可以做圆形

7774dda3d040292ec73077a15cfc85cf.png

第十四步

最后,可以更改自己喜欢的颜色。

26b9efe2123f202b64c07244f80d6434.png

最终效果

今天的教程就到这里啦!

感谢大家的观看,如果有哪里不明白的,可以关注作者与评论留言哦。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值