教程作者:设计师视觉设计实战营19期-54-伶儿 | 原图作者:Andrew Roses
本期教程为大家带来一组黄白配色的科技感快递主题矢量图标。风格鲜明,线条简洁,非常适合新手来学习。
想要让讲师如如手把手教你绘制矢量图标?点击这里立刻开始学习:
打开ADOBE ILLUSTRATOR,点击新文件,输入以下参数创建。
本期使用颜色:#F2C013 #FFFFFF #000000 #E0E0E0
描边粗细:4 pt
2.1 选中「背景」的图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制一个600x450px的矩形,颜色填充为#F2C013。
2.2 双击图层名称处,将名称修改为“背景”并且锁定。点击“图层”面板创建新图层。
2.3 点开视图,把3个对齐关掉。
3.1 建筑主外观
使用矩形工具绘制两个矩形,矩形01(50 Px X 40 Px,描边#00000,填充#F2C03),矩形02(97 Px X 69 Px,描边#000000,填充 #FFFFFF),使用直线工具点击画板,输入数值绘制出一条110 Px的直线。照着矩形1-矩形2-直线排序,然后水平居中对齐。
3.2 蜜蜂
使用椭圆工具绘制18Px的圆形,锚点工具点击底部锚点,然后使用直接选择工具点击底部锚点下移20Px。
使用椭圆工具绘制4Px 无描边的填充圆形,6Px 的圆形(描边4Px 无填充),然后直接选择工具删除顶部锚点(圆角)就成蜜蜂笑脸。绘制两个13Px的圆形(蜜蜂翅膀)。
绘制3条20Px的直线(4Px)照下图排序。按住Shift点击蜜蜂身体和线条,然后使用形状生成工具按住Option删除多余线条。
3.3 快递站卷帘门
使用矩形工具绘制80Px*8Px矩形,七个74Px*5Px的矩形(一个填充#000000,其余填充#FFFFFF,一个74Px*53Px的矩形(填充#F2C013,置于底部)。照下图排序(居中对齐)。
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(大门按钮)
以下是完整图
4.1 手机
使用矩形工具绘制 57Px*110Px(边角 10Px,填充#F2C013),27Px*10Px(圆角拉满)的矩形,两个4Px*10Px(圆角拉满)的矩形。钢笔工具绘制路线(4Px)。使用形状生成器把多余矩形删除,手机就完成啦。
4.2 定位
使用椭圆工具绘制22Px的圆形,锚点工具点击底部锚点,然后使用直接工具点击底部锚点下移10Px。定位影子 15Px*6Px 的椭圆。
三角形使用多边形工具边数 3,属性栏改为12Px*7Px(边角1.5Px)。4.5Px*8Px(边角0.5)。两个组合成箭头。定位图标就完成啦。
4.3快递和卡
所以矩形属性照着以下照片顺序。
矩形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的直线。
以下是完成图。
5.1 小汽车
5.2 卡片手机壳
5.3 快递箱
使用直线工具点击画板,输入数值绘制出一条110 Px的直线。
效果完成图:
完成效果图:
完成效果图:
完成效果图:
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点