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

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

第11步

绘制闪光灯的本体的下半部分,绘制一个48×60像素的矩形(#7C7575),我们将通过设置调整半径的顶部边角的至4像素。给所得到的形状的4像素外描边(#443E3E)

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

第12步

绘制侧面部分,复制刚刚得到的形状,放置在离右边缘14像素的位置,更改填充形状的颜色#595353。

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

第13步

开始绘制闪光灯的下半部分的前端部,绘制一个32×12像素的矩形(#B55550),我们将通过设置调整半径 的顶部边角的至4像素。

给所得到的形状的添加4像素外描边(#443E3E),在添加一个32×4像素矩形的水平分界线(#443E3E)把两个形状合并组。

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

第14步

创建两个2×16像素的矩形,我们将使用颜色#443E3E,放置在闪光灯前半部分的两侧。

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

第15步

添加两行的2×2像素的圆(#443E3E)位于 2像素彼此水平和垂直方向,距离红色形状2像素。

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

第16步

绘制10×4像素的矩形(#443E3E)在绘制一个6×4像素矩形(#443E3E),间距2像素,然后选择它们内底部锚点调整向往左2像素。 完成后合组,在绘制一个6×6像素的圆(#443E3E)距离间距如下图所示:

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

第17步

复制到闪光灯的的下半部分,放置在它下方离右边6px。

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

1234共4页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通