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

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

第5步

使用矩形工具(M) ,添加三个28×2像素水平分隔线(#443E3E)垂直堆叠 1像素彼此,合组。

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

第6步

绘制闪光灯本体的侧部的垂直分隔线,绘制64×48像素圆角矩形(#443E3E)圆角半径16像素,在绘制出一个较小的56×40像素一个,圆角半径选择12像素,选择两个形状执行差集 ,距离绘画区域的上下边距如下图所示:

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

第7步

复制步骤1做的图形,和上一步做的图形,选中两个图形右键制作剪辑蒙版,得到下图形状(选择两个形状>右键单击>制作剪贴蒙版)。

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

第8步

添加一个4×8像素的矩形(#443E3E),放在我们刚刚做的图形右侧,确保垂直居中对齐两个。

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

第9步

使用矩形工具(M) ,创建一个28×4像素水平分割线(#443E3E),放在刚刚创建的形状右侧。

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

第10步

绘制闪光灯的上半身的侧部,绘制一个4×4像素圆(#524E4E)添加4像素的外描边(#443E3E)

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

1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/5667.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通