AI绘制闪光灯UI图标设计教程

新知榜官方账号

2023-09-30 17:36:19

AI绘制闪光灯UI图标设计教程

本教程介绍了如何使用AI绘制闪光灯UI图标,包括步骤和技巧。

步骤1:创建闪光灯的上半身的侧部

选择66×24像素的矩形(#595353),通过设置调整半径其左角落到12像素。在添加一个4像素的外描边(#443E3E),距离绘画区域的上下边距如下图所示:

步骤1

第2步添加使用闪光灯的上半身的前部48×24像素的圆角矩形并设置圆角半径4PX,填充颜色#7C7575,给4PX外描边(#443E3E),然后组合并组。距离绘画区域的上下边距如下图所示:

步骤2

步骤18:添加2×16像素的矩形

添加2×16像素的矩形(#443E3E),我们将中心对齐其右边缘。

步骤19:绘制闪光灯的接口

先绘制一个16×2像素的矩形,我们将使用颜色#BFB6B6,并给予4PX外描边(#443E3E)。在添加一个小的4×1像素放在底部(#443E3E),合组放在下方。

步骤20:添加一个8×2像素的矩形

绘制一个8×2像素的矩形(#968F8F)与4像素的外描边(#443E3E),合组放置在它右边。

步骤21:添加一个44×4像素的矩形

在接口下方,添加一个44×4像素的矩形(#443E3E),完成后合并组。

步骤22:完成图标

图标完成了,现在在它的下方添加一个阴影,我们这个图标就完成了。

如果这篇教程有帮助到你请不要吝啬下方的点个收藏哟,谢谢。

更多教程欢迎加入UI设计群587751709。

本页网址:https://www.xinzhibang.net/article_detail-14550.html

寻求报道,请 点击这里 微信扫码咨询

关键词

闪光灯 UI设计 图标

分享至微信: 微信扫码阅读

相关工具

相关文章

相关快讯