如果您喜欢『bt365体育在线投注』,请推荐给您身边的朋友!本站永久域名:Www.pccoo.com

设计复古科学实验仪器矢量图标的AI教程

当前位置 : bt365体育在线投注 > 矢量绘图 > 正文来源:网络作者:网络时间:2019-06-06人气:

在今天的教程中,我们将使用Illustrator的一些基本的工具创建一组复古的科学主题图标。整体的过程比较简单,教程也比较详细,希望大家可以喜欢。

先看看效果图:

设计复古科学实验仪器矢量图标的AI教程

1.创建新文档

启动并运行Illustrator,创建一个新文档(文件> 新建或Control-N):

画板数量: 1

宽度: 800像素

高度: 600像素

单位: 像素

进入“ 高级”选项:

色彩模式: RGB

栅格效果:屏幕(72ppi)

预览模式:默认

设计复古科学实验仪器矢量图标的AI教程

2.创建自定义网格

第1步

转到编辑>首选项>参考和网格子菜单,然后进行以下设置:

网格线: 1 px

细分: 1

设计复古科学实验仪器矢量图标的AI教程

第2步

一旦我们完成了自定义网格,为了确保我们绘制过程中更方便的观察细节,我们可以在“ 视图”菜单下找到“ 对齐网格”选项,这样我们每次进入“ 像素预览”时都会转换为“ 捕捉到像素”模式。

3.创建图层

打开“ 图层”面板,创建四个图层,将它们分别重命名如下:

第1层:参考网格

第2层:试管架

第3层:显微镜

第4层:灯检查器

设计复古科学实验仪器矢量图标的AI教程

4.创建参考网格

第1步

首先锁定除“参考网格”图层以外的所有图层,然后选择矩形工具(M)创建一个128 x 128像素的橙色(#F15A24)方块。

设计复古科学实验仪器矢量图标的AI教程

第2步

创建另一个120 x 120 px的方形(#FFFFFF),放置到橙色方形中心位置留出4 px的描边,我们的有效绘图区域就完成了。

设计复古科学实验仪器矢量图标的AI教程

第3步

使用Control-G键盘快捷键对两个正方形进行分组,然后在彼此相距40 px的位置创建两个副本。

完成后,锁定当前图层并转到下一个图层,我们将开始绘制第一个图标。

设计复古科学实验仪器矢量图标的AI教程

5.创建试管架图标

完成创建参考网格之后我们转移到下一层(第二层),放大第一个参考网格开始工作。

第1步

创建一个12 x 88 px矩形我们开始制作第一个试管#56C1AD,将其放置在距活动绘图区域顶部边缘2 px,距离左侧30 px的位置。

设计复古科学实验仪器矢量图标的AI教程

第2步

在“ 变形”面板的“ 矩形属性”中将矩形底角的半径设置为6 px。

设计复古科学实验仪器矢量图标的AI教程

第3步

使用描边为结果形状赋予轮廓,创建它的副本(Control-C),将其粘贴(Control-F)在图形前面然后将其颜色更改为#5B4032 ,将其粗细设置为4px。

设计复古科学实验仪器矢量图标的AI教程

第4步

使用20 x 4 px矩形(#5B4032)添加试管口,将其定位在试管主体的上部,将其与先前创建的形状中心对齐。

设计复古科学实验仪器矢量图标的AI教程

第5步

使用12 x 6 px矩形(#5B4032)创建试管的阴影,将它对齐到试管口的顶部边缘。完成后,使用Control-G键盘快捷键选择四个形状并组合在一起。

设计复古科学实验仪器矢量图标的AI教程

第6步

选择我们刚刚完成的试管,创建两个副本(Control-C> Control-F两次),然后将它们分布在试管右侧,将彼此距离设置为4 px。完成后,使用Control-G键盘快捷键选择并将所有形状组合在一起。

设计复古科学实验仪器矢量图标的AI教程

第7步

创建4 px轮廓(#5B4032)104 x 16 px大小的矩形(#C48755)创建基座,将对齐到活动绘图区域的底部边缘。

设计复古科学实验仪器矢量图标的AI教程

第8步

使用20 x 8 px矩形(#5B4032)添加试管架的标签,然后在它的左右添加两个较小8 x 4 px(#5B4032)的矩形。选择并将三个形状组合(Control-G)在一起,将它们居中对齐到木制基座,完成之后将创建的形状进行分组。

设计复古科学实验仪器矢量图标的AI教程

第9步

使用两个4 px轮廓(#5B4032)10 x 64 px矩形(#AF7245)创建试管架的侧面部分,将图形分别进行分组(Control-G),然后将其放置在基座的上方,距离绘图区域两边10px的位置。

设计复古科学实验仪器矢量图标的AI教程

第10步

使用4 px轮廓(#5B4032)104 x 12 px大小的矩形(#C48755)添加试管架的上部,将其进行分组(Control-G),然后定位在先前创建形状的顶部。

设计复古科学实验仪器矢量图标的AI教程

 

第11步

使用两个4 x 4 px圆圈(#5B4032)制作小螺钉,将它们放在木条的两端,让他们与木条中心对齐。选择并将它们分组(Control-G)。

设计复古科学实验仪器矢量图标的AI教程

第12步

添加两个10×6像素的矩形(#5B4032)为木架的侧面阴影部分,接着创建三个12×6像素矩形(#5B4032)用做玻璃试管的阴影。

设计复古科学实验仪器矢量图标的AI教程

回顶部