用Illustrator绘制复古闪光灯图标(二)

用户头像
北京/UI设计师/9年前/1997浏览
用Illustrator绘制复古闪光灯图标(二)
用户头像
154054334

今天我们来学习用Illustrator绘制复古闪光灯图标,主要使用Illustrator的一些基础工具就可以绘制出一个好看的图标,此教程适合新手来练习和熟悉Illustrator。

如何创建闪光灯

步骤1

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


998c5846837fa801219c77a09f61.jpg


第2步

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

第3步

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


0e8c584683ada8012060c837be93.jpg


第4步

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


e385584683c2a8012060c8689168.jpg

第5步

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



6939584683e7a801219c7711dca6.jpg


第6步

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


c827584683fba801219c779ab4f4.jpg


第7步

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


239758468415a801219c77938c27.jpg


第8步

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


515c58468439a801219c770599ff.jpg


第9步

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


b5a65846844da8012060c856c261.jpg


第10步

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



d08e58468467a8012060c831fff0.jpg


第11步

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


c2795846847ea8012060c8d8cf4d.jpg


第12步

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


1dd25846849da801219c77eb97fd.jpg


第13步

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

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


3524584688d8a8012060c8b44b85.jpg


第14步

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


6ea7584688eaa8012060c8172aec.jpg


第15步

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


420b58468901a8012060c836206f.jpg


第16步

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



2d8358468915a801219c77cfc810.jpg


第17步

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


18435846892ea801219c777367ca.jpg


第18步

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


6e8158468943a801219c77761672.jpg


第19步

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

第20步

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


fc8a58468975a8012060c8b7b0d1.jpg


第21步

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


d7a65846898ba8012060c877ba9f.jpg


步骤22

图标完成了,现在在它的下方添加一个阴影,我们这个图标就完成了。如果这篇教程有帮助到你请不要吝啬下方的点赞哟,谢谢。


8a1a584689a6a8012060c85819b0.jpg



17
阅读原文
|
举报
|
27
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
平面设计 吊牌设计
课程海报,平面素材
空的平台平面和自然景观
平面插画情侣/矢量
城市园林平面布局航拍
平面插画设计女孩喝咖啡
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
古风平面仕女与瓷器
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
海底世界插画
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
倒计时,海报,平面
牛奶乳液层次平面平铺平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
学习,优惠券,平面,海报
你可能喜欢
大家都在看
登录注册