新知榜官方账号
2023-09-30 17:36:19
本教程介绍了如何使用AI绘制闪光灯UI图标,包括步骤和技巧。
选择66×24像素的矩形(#595353),通过设置调整半径其左角落到12像素。在添加一个4像素的外描边(#443E3E),距离绘画区域的上下边距如下图所示:

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

添加2×16像素的矩形(#443E3E),我们将中心对齐其右边缘。
先绘制一个16×2像素的矩形,我们将使用颜色#BFB6B6,并给予4PX外描边(#443E3E)。在添加一个小的4×1像素放在底部(#443E3E),合组放在下方。
绘制一个8×2像素的矩形(#968F8F)与4像素的外描边(#443E3E),合组放置在它右边。
在接口下方,添加一个44×4像素的矩形(#443E3E),完成后合并组。
图标完成了,现在在它的下方添加一个阴影,我们这个图标就完成了。
如果这篇教程有帮助到你请不要吝啬下方的点个收藏哟,谢谢。
更多教程欢迎加入UI设计群587751709。
微信扫码咨询
相关工具
相关文章
相关快讯
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49