当前位置:设计先锋 > 设计教程

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

来源:网络  作者:热心网友  发布时间:2017-03-05  浏览次数:96

一个AI绘制闪光灯UI图标设计教程,一起先看看效果图

Illustrator绘制复古风格的闪光灯图标,PS教程,设计先锋网

步骤1

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

Illustrator绘制复古风格的闪光灯图标,PS教程,设计先锋网

第2步

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

Illustrator绘制复古风格的闪光灯图标,PS教程,设计先锋网

第3步

创建一个44×20像素的圆角矩形(#443E3E)设置圆角半径2像素,在添加一个36×12像素的矩形(#C19468),我们将合并组。距离绘画区域的上下边距如下图所示:

Illustrator绘制复古风格的闪光灯图标,PS教程,设计先锋网

第4步

添加一个反射到黄色面板,绘制一个32×8像素的矩形,填充的颜色设置为白色(#FFFFFF),其混合模式为叠加,其不透明度为40% 。

Illustrator绘制复古风格的闪光灯图标,PS教程,设计先锋网

标签:ui图标教程

分享到

网站首页|电脑版|返回顶部