百木园-与人分享,
就是让自己快乐。

AI教程!教你绘制一组化学元素主题小图标

AI教程!教你绘制一组化学元素主题小图标

教程作者:设计师就业衔接班08期-07-ki豆

教程指导:如如的设计主页

交作业去这里→#优设每日作业#

关于教程

超级简单的一组化学元素小图标,AI零基础小白也能轻松上手,快来试试吧~

你也想学习自己原创同样可爱的主题图标吗?来这里,让讲师如如一对一教你→优设设计师就业衔接班

教程步骤

步骤1:新建文档

打开AI,新建一个800*600像素的文档,参数如下

AI教程!教你绘制一组化学元素主题小图标

步骤2:绘制显微镜图标

2.1 新建一个矩形,宽为34px,高为8px。关闭填色,描边颜色设置为#662d91,描边粗细为3px。

(接下来的图标描边颜色皆为#662d91,描边粗细皆为3px。)

AI教程!教你绘制一组化学元素主题小图标

2.2 新建四个矩形,参数如图,并将这些矩形如图进行组装。

AI教程!教你绘制一组化学元素主题小图标

2.3 新建一条直线,宽为56px,新建三个矩形,宽和高都为7px,作为显微镜的镜头。新建一个矩形,宽为70px,高为7px。如图进行组装。

AI教程!教你绘制一组化学元素主题小图标

2.4 点击椭圆工具,按住shift键,在图中相应位置画一个宽高各为60px的正圆。点击剪刀工具,分别点击圆形与两个矩形的相交处添加锚点,选中圆形的右边,按delete键删除右边,得到图中的图形。

AI教程!教你绘制一组化学元素主题小图标

2.5 使用圆角矩形工具画一个高为154px,宽为24px的圆角矩形。使用添加锚点工具在图中位置添加三个锚点,用直接选择工具选中三个中间的锚点,按delete删除,得到以下图形。

AI教程!教你绘制一组化学元素主题小图标

2.6 使用椭圆工具,画一个宽高各为128px的正圆。和2.4相同的步骤制作以下图形。

AI教程!教你绘制一组化学元素主题小图标

2.7 使用钢笔工具分别如图位置进行连接,绘制两条路径。新建一个矩形宽为33px,高为57px,填色为#ffda00。新建两条直线段,分别为17px,26px。新建两个正圆,外圆为15px,内圆为6px,内圆填色为#ffda00,如图进行组装。

(无特殊说明则图标填色皆为#ffda00)

AI教程!教你绘制一组化学元素主题小图标

2.8 绘制一个宽和高各为6px的正圆,再绘制一条14px的直线段,将其水平对齐。选中圆加线段,点击旋转工具,按住alt键点击直线段下端锚点.。

AI教程!教你绘制一组化学元素主题小图标

设置角度为72,选中预览,点击复制,连按三次ctrl加d重复操作,得到以下图形。将右下角的圆删除掉。

AI教程!教你绘制一组化学元素主题小图标

2.9 在2.8的图形上绘制一个宽高各为15px的正圆,填色为#ffda00。如图2.8创建新的圆加直线段的组合,将角度改为60。创建一个宽高为10px的正圆,填色为#ffffff,放于新建的组合中心上方,将2.8图形的直线段延长连接上新组合。

AI教程!教你绘制一组化学元素主题小图标

2.10 将以上图形如图组装,一个显微镜图标就做好啦~~

AI教程!教你绘制一组化学元素主题小图标

步骤3:绘制化学书图标

3.1 新建一个矩形,宽为109px,高为155px。使用选择工具,将锚点修改为图中数值。

AI教程!教你绘制一组化学元素主题小图标

3.2 选中图形按住alt键复制,将新图形放于旧图形上方,如图所示位置。利用钢笔工具从图形左上方如图拉出一条直线,在右下角如图拉出两条直线做底下书的厚度。绘制一条宽为87px的直线段,作为上面书的厚度,置于图中位置。绘制两条19px的直线段,置于图中位置。

AI教程!教你绘制一组化学元素主题小图标

3.3 新建一个矩形并填色,宽为62px,高为21px。新建两条直线段,分别为55px和61px。如图组装。

AI教程!教你绘制一组化学元素主题小图标

选中下面的书,使用添加锚点工具在图中位置添加三个锚点,选中中间的锚点,delete键删除,得到以下图形。

AI教程!教你绘制一组化学元素主题小图标

3.4 新建一个宽高各为14px的正圆。新建一个16px的直线段。如图,将其对齐。选中圆加直线段。点击旋转工具,选中直线端点的锚点,按alt键,将角度设置成90°,点击复制,ctrl加d操作两次。

AI教程!教你绘制一组化学元素主题小图标

得到第一个图形,将光标放于图形外右下角,出现旋转工具时,旋转数值315°,得到图2。选中图二下方两个圆加线段,delete键删除。新建一个宽高各为7px的正圆,放置于中心交点如图所示。

AI教程!教你绘制一组化学元素主题小图标

3.5 将图形按照以下进行组装,化学书的图标就做好啦~

AI教程!教你绘制一组化学元素主题小图标

步骤4:绘制试管图标

4.1 新建一个圆角矩形,宽为176px,高为15px。新建一条直线段,宽为175px。使用添加锚点工具在圆角矩形相应位置添加三个锚点,delete删掉中间的锚点,得到以下图形。新建一个矩形,宽为12px,高为128px。按住alt键向右拖动,复制到图中位置,试管架就做好了。

AI教程!教你绘制一组化学元素主题小图标

4.2 新建一个矩形,宽为17px,高为89px。用直接选择工具将左右下角的圆角半径分别修改为8px,用钢笔工具连接图中两处所示位置,得到以下试管图形。

AI教程!教你绘制一组化学元素主题小图标

4.3 选中试管,点击路径查找器中的分割,将试管进行分割操作,鼠标右键取消编组。

AI教程!教你绘制一组化学元素主题小图标

选中试管的下半部分,如图所示,点击菜单栏中的对象→路径→偏移路径,设置位移参数为-4px,其他参数如图。点击确定以后,修改得到图形的填色参数,填色和之前的相同。

AI教程!教你绘制一组化学元素主题小图标

4.4 使用4.2到4.3相同的步骤制作出另外两个试管,并如图进行组装。

AI教程!教你绘制一组化学元素主题小图标

4.5 新建6个圆形,作为小气泡,各参数如图。

AI教程!教你绘制一组化学元素主题小图标

4.6 按图中相应位置摆放,一个简单的试管架就做好啦.。

AI教程!教你绘制一组化学元素主题小图标

步骤5:绘制锥形瓶图标

5.1 新建一个矩形,宽为64px,高为7px。再建一个矩形,宽为44px,高为71px。使用多边形工具画一个宽113px,高98px的三角形。用选择工具修改参数,将圆角半径改为10px。

AI教程!教你绘制一组化学元素主题小图标

5.2 选中锥形瓶,点击形状生成工具,合并图中三角形头部的路径。

AI教程!教你绘制一组化学元素主题小图标

新的形状生成后,选中图中框内部分,点击对象→偏移→偏移路径,如图设置参数。

AI教程!教你绘制一组化学元素主题小图标

5.3 关描边,改填充色,用选择工具将尖角转为圆角,参数如图。创建一个宽为35px,高为41px的三角形。在三角形的每个端点放上一个宽高各为15px的圆形。分别绘制六个宽高各为12px,9px,8px,15px,18px,13px的正圆和一个高21px的直线段,如图进行放置。

AI教程!教你绘制一组化学元素主题小图标

5.4 使用形状生成工具合并圆内的路径。

AI教程!教你绘制一组化学元素主题小图标

得到图形后,使用添加锚点工具同步骤4.1做出如图效果。

AI教程!教你绘制一组化学元素主题小图标

5.5 一个简单的锥形瓶就做好啦!

AI教程!教你绘制一组化学元素主题小图标

步骤6:绘制酒精灯实验小图标

6.1 新建一个矩形,宽为152px,高为4px。新建两条直线段高87px。新建三个矩形,分别为宽5px,高15px,宽53px,高9px,宽6px,高14px。如图进行组装。使用形状生成工具,将多余的路径合并掉,得到以下图形。

AI教程!教你绘制一组化学元素主题小图标

6.2 新建一个矩形宽21px,高12px。新建一个五边形,宽70px,高66px。用选择工具将尖角改为圆角。新建一条宽62px的直线段。选中五边形和直线段,点击路径查找器中的分割,鼠标右键取消编组,再建一条高51px的直线段做灯芯。

AI教程!教你绘制一组化学元素主题小图标

6.3 选中酒精灯如图部分,点击对象→路径→偏移路径,参数如图,关闭描边,填色同上。

AI教程!教你绘制一组化学元素主题小图标

将直线段灯芯的图层调整至最上方。新建两个正圆做气泡,大圆宽高为8px,小圆宽高为5px。新建一个矩形做烧杯,宽为65px,高为92px。使用钢笔工具在图中位置绘制一个三角形。选中三角形和矩形,点击路径查找器的联集,得到以下烧杯图形。

AI教程!教你绘制一组化学元素主题小图标

6.4 新建一条宽为108px的直线段。选中烧杯和直线段,点击路径查找器中的分割。得到第二个图形后,鼠标右键取消编组。新建一个宽27px,高94px的矩形,旋转347°得到玻璃棒。选中烧杯的下半部分,偏移路径-10px,其他参数不变。关描边,改填色同上。

AI教程!教你绘制一组化学元素主题小图标

酒精灯底部同4.1,制作出如图效果。

AI教程!教你绘制一组化学元素主题小图标

6.5 新建三个正圆做气泡,参数分别是宽高11px和宽高7px。

AI教程!教你绘制一组化学元素主题小图标

6.6 酒精灯实验小图标也就做好啦~

AI教程!教你绘制一组化学元素主题小图标

步骤7:绘制电脑图标

7.1 新建一个矩形,宽为160px,高为120px,填色同上。再建一个宽为140px,高为88px,填色为#ffffff的矩形做屏幕。建一个宽高各为8px的正圆做按钮。建一个宽72px,高23px的矩形,再建一个宽170px,高15px的圆角矩形,使用添加锚点工具,在图中框的位置添加三个锚点,删除中间的锚点,同4.1。得到以下图形。

AI教程!教你绘制一组化学元素主题小图标

7.2 新建一个正圆,宽高各为10px。新建一个直线段宽4px,高25px。选中圆加直线段,旋转351°得到左边的图形。点击旋转工具,选中图形下端的锚点,按住alt键,将角度设置为290度,点击复制。

AI教程!教你绘制一组化学元素主题小图标

得到第一个图形后,修改框中圆形的填色为#ffffff。新建一个宽高各为17px,填色为#ffffff的正圆,放置于交点处,如图。新建两条高为15的直线段。

AI教程!教你绘制一组化学元素主题小图标

7.3 新建一个五边形,宽为23px,高为24px,旋转15°得到左边的图形。选中五边形,点击旋转工具,点击五边形右下角锚点,按住alt键,参数如图,点击复制。

AI教程!教你绘制一组化学元素主题小图标

得到中间的图形后,点击右下角框的锚点,按住alt键,参数如图,再次点击复制。得到以下图形。

AI教程!教你绘制一组化学元素主题小图标

7.4 新建两个正圆,宽和高都为10px。新建两条直线段,宽为2px,高为10px。按图中的位置放置,修改中间五边形的填色为#ffda00。

AI教程!教你绘制一组化学元素主题小图标

7.5 一个电脑图标就做好啦。

AI教程!教你绘制一组化学元素主题小图标

步骤8:组合图标

将所有的图标组合起来,一组简单的化学小图标就做好啦~

最终效果图

AI教程!教你绘制一组化学元素主题小图标


来源:https://uiiiuiii.com/illustrator/1212427973.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!教你绘制一组化学元素主题小图标

相关推荐

  • 暂无文章