illustrator绘制一个漂亮水晶按钮图标

(编辑:jimmy 日期: 2024/10/3 浏览:2)

在很多网页,软件、平面设计中经常看到一种水晶按钮图标效果,让版面看起来十分的漂亮。今天小编就分享下在AI中如何绘制水晶按钮。

步骤:

1、打开AI软件,新建一个画布,大小设置为A4。先点击菜单【编辑】-【首选项】-【参考线和网格】,设置网格线间隔为48 px,次分隔线为1.

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

2、点击左侧工具栏中的矩形工具,按住Shift键,在画布上画出一个正方形,边长为164px,设置填充色和描边色为【无填充】。此时,矩形好像隐藏,当鼠标经过边框时,会显示边框的细线。

illustrator绘制一个漂亮水晶按钮图标

3、点击工具栏中的椭圆工具,在正方形中间绘制一个正圆形,直径140px,边缘留出一些空隙,设置填充色为无,描边为红色,粗细设置为6.

illustrator绘制一个漂亮水晶按钮图标

4、点击工具栏中最上面的选择工具,框选这两个图形,点击【窗口】-【对齐】命令打开对话框,点击右下角选项,在下拉菜单中选择【对齐关键对象】,然后鼠标点击矩形边框,矩形边框显示变粗。最后点击对话框中的【水平居中】按钮和【垂直居中】按钮。

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

5、点击画布空白处取消当前选择,点击选中圆形,然后打开【窗口】-【渐变】,弹出渐变对话框,设置颜色值和不透明度。拖动调节左边滑块可以改变渐变光滑度,大家可以自行感觉下。

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

6、点击切换到【描边】渐变设置,点击增加5个滑块,位置分别为0%,30%,60%,80%,100% ,上面四个滑块均为50%

illustrator绘制一个漂亮水晶按钮图标

7、点击【窗口】-【符号】,打开图形符号窗口,从中选择一个图形,拖入画布,然后点击【断开链接】按钮。如果感觉图形少,可以点击左下角的图标,从类型库中选择。点击【窗口】-【变换】,在弹出的窗口中调整图形符号的大小到感觉舒服为止。

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

8、点击【椭圆】,在画布中绘制一个椭圆,在渐变窗口中调整好渐变颜色和属性值,描边填充为无。并设置透明度属性中模式为滤色。

illustrator绘制一个漂亮水晶按钮图标

illustrator绘制一个漂亮水晶按钮图标

9、最后,整体调整下效果,制作完成。

illustrator绘制一个漂亮水晶按钮图标

以上就是illustrator绘制一个漂亮水晶按钮图标方法介绍,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。