AI教程!科技感快递主题矢量图标

时间:2022-10-09
类别:AI教程
水平:入门
观众:6.9k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!科技感快递主题矢量图标

教程作者:设计师视觉设计实战营19期-54-伶儿 | 原图作者:Andrew Roses

教程指导:如如优设视觉设计实战营讲师)

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

本期教程为大家带来一组黄白配色的科技感快递主题矢量图标。风格鲜明,线条简洁,非常适合新手来学习。

想要让讲师如如手把手教你绘制矢量图标?点击这里立刻开始学习:

AI教程!科技感快递主题矢量图标

二、教程步骤

step 01:新建文档

打开ADOBE ILLUSTRATOR,点击新文件,输入以下参数创建。

AI教程!科技感快递主题矢量图标

本期使用颜色:#F2C013 #FFFFFF #000000 #E0E0E0
描边粗细:4 pt

AI教程!科技感快递主题矢量图标

Step 02 创建背景

2.1 选中「背景」的图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制一个600x450px的矩形,颜色填充为#F2C013。

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

2.2  双击图层名称处,将名称修改为“背景”并且锁定。点击“图层”面板创建新图层。

AI教程!科技感快递主题矢量图标

2.3  点开视图,把3个对齐关掉。

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

Step 03 蜜蜂快递站

3.1 建筑主外观

使用矩形工具绘制两个矩形,矩形01(50 Px X 40 Px,描边#00000,填充#F2C03),矩形02(97 Px X 69 Px,描边#000000,填充 #FFFFFF),使用直线工具点击画板,输入数值绘制出一条110 Px的直线。照着矩形1-矩形2-直线排序,然后水平居中对齐。

AI教程!科技感快递主题矢量图标

3.2 蜜蜂

使用椭圆工具绘制18Px的圆形,锚点工具点击底部锚点,然后使用直接选择工具点击底部锚点下移20Px。

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

使用椭圆工具绘制4Px 无描边的填充圆形,6Px 的圆形(描边4Px 无填充),然后直接选择工具删除顶部锚点(圆角)就成蜜蜂笑脸。绘制两个13Px的圆形(蜜蜂翅膀)。

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

绘制3条20Px的直线(4Px)照下图排序。按住Shift点击蜜蜂身体和线条,然后使用形状生成工具按住Option删除多余线条。

3.3 快递站卷帘门

使用矩形工具绘制80Px*8Px矩形,七个74Px*5Px的矩形(一个填充#000000,其余填充#FFFFFF,一个74Px*53Px的矩形(填充#F2C013,置于底部)。照下图排序(居中对齐)。

AI教程!科技感快递主题矢量图标

3.4 快递

快递1:使用矩形工具绘制 10Px*10Px 边角1.5Px的矩形(#000000,#FFFFFF),3Px*5Px 下面两个锚点边角2Px(#000000,#000000),2Px*1.5Px的矩形(#00000,#000000)。

快递2:使用矩形工具绘制 12Px*15Px 边角 2Px的矩形(#000000,#FFFFFF),4Px*5Px 下面两个锚点边角2Px(#000000,#000000),2Px*1.5Px的矩形(#00000,#000000)。

矩形3:使用矩形工具绘制 15Px*23Px 和 15Px*13Px的矩形,垂直对齐和水平居中对齐。

矩形4: 6Px*4Px(大门按钮)

AI教程!科技感快递主题矢量图标

以下是完整图

AI教程!科技感快递主题矢量图标

Step 04 手机快递

4.1 手机

使用矩形工具绘制 57Px*110Px(边角 10Px,填充#F2C013),27Px*10Px(圆角拉满)的矩形,两个4Px*10Px(圆角拉满)的矩形。钢笔工具绘制路线(4Px)。使用形状生成器把多余矩形删除,手机就完成啦。

AI教程!科技感快递主题矢量图标

AI教程!科技感快递主题矢量图标

4.2 定位

使用椭圆工具绘制22Px的圆形,锚点工具点击底部锚点,然后使用直接工具点击底部锚点下移10Px。定位影子 15Px*6Px 的椭圆。

三角形使用多边形工具边数 3,属性栏改为12Px*7Px(边角1.5Px)。4.5Px*8Px(边角0.5)。两个组合成箭头。定位图标就完成啦。

AI教程!科技感快递主题矢量图标

4.3快递和卡

所以矩形属性照着以下照片顺序。

AI教程!科技感快递主题矢量图标

矩形1:17Px*17Px(边角2Px),6Px*7Px (底部两个锚点边角1Px),4Px*2Px。

矩形2:35Px*35P(边角3Px),11Px*11Px(底部两个锚点边角1.5Px),7Px*4Px。

矩形3:43Px*26Px(边角3Px),43Px*5Px,7Px*4Px。

使用直线工具点击画板,输入数值绘制出一条110 Px的直线。

以下是完成图。

AI教程!科技感快递主题矢量图标

Step 05 手机壳快递

5.1 小汽车

AI教程!科技感快递主题矢量图标

5.2 卡片手机壳

AI教程!科技感快递主题矢量图标

5.3 快递箱

使用直线工具点击画板,输入数值绘制出一条110 Px的直线。

AI教程!科技感快递主题矢量图标

效果完成图:

AI教程!科技感快递主题矢量图标

Step06  四桨旋翼油动直升飞机

AI教程!科技感快递主题矢量图标

完成效果图:

AI教程!科技感快递主题矢量图标

Step 07 快递小汽车

AI教程!科技感快递主题矢量图标

完成效果图:

AI教程!科技感快递主题矢量图标

Step 08 台式电脑

AI教程!科技感快递主题矢量图标

完成效果图:

AI教程!科技感快递主题矢量图标

三、最终效果图

AI教程!科技感快递主题矢量图标

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

1 收藏 8

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片