欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Illustrator绘制简约复古的闪光灯图标

程序员文章站 2022-12-31 22:55:46
今天我们来学习用Illustrator绘制简约复古的闪光灯图标方法,主要使用Illustrator的一些基础工具就可以绘制出一个好看的图标,此教程适合新手来练习和熟悉Illustrator,一起来看看吧... 16-12-08...

这篇教程是向的朋友分享illustrator绘制简约复古的闪光灯图标方法,教程真的很不错,值得大家学习,推荐到的朋友,喜欢的朋友可以参考本文,来看看吧!

先看看效果图

Illustrator绘制简约复古的闪光灯图标

步骤1

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

Illustrator绘制简约复古的闪光灯图标

第2步

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

Illustrator绘制简约复古的闪光灯图标

第3步

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

Illustrator绘制简约复古的闪光灯图标

第4步

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

Illustrator绘制简约复古的闪光灯图标

第5步

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

Illustrator绘制简约复古的闪光灯图标

第6步

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

Illustrator绘制简约复古的闪光灯图标

第7步

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

Illustrator绘制简约复古的闪光灯图标

第8步

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

Illustrator绘制简约复古的闪光灯图标

第9步

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

Illustrator绘制简约复古的闪光灯图标

第10步

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

Illustrator绘制简约复古的闪光灯图标