AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

时间:2021-06-17
类别:AI教程
水平:入门
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

教程作者:设计师就业衔接班06期-29-米兹

交作业:#优设每日作业#

这次教程介绍的是如何运用Adobe Illustrator制作飞镖插画,主要采用橙黄色与深蓝色,主要拆解分为飞镖靶与飞镖单体两个部分来讲解。让小白能可以画出有趣又好玩的飞镖插画

你也想学会自己原创同样的矢量风格插画吗?来这里,让老师一对一教你→优设设计师就业衔接班

教程步骤

1 新建文档

打开Adobe Illustrator,新建宽高800*600,分辨率为72ppi的空白文档。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

2 创建背景与参考线

2.1 在空白文档内用矩形工具—(快捷键M)创建与画布同等大小的举行,填充色为#ffde7e的无描边矩形。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

2.2 快捷键ctrl+r唤出参考线边框,上下拉出一条参考线在画布中心。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

2.3 选中参考线及背景放入同一图层,并改名为背景层,点开图层旁边的锁定防止滑动。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

3 绘制飞镖靶

选择椭圆工具—(快捷键L)画出400px*400px填充色为#f5564e无描边的正圆,圆心在参考线交叉中心上。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选中椭圆形状ctrl+C,ctrl+F 同位复制相同正圆,更改形状大小为320px填充色为#ffde7e的无描边同位圆。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

用同样都方法绘制300px填充为白色#ffffff,230px填充色#ffde7e,210px填充色#ffffff的同位圆。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选中直线工具—(快捷键\)通过中心画一条切圆直线

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

点击旋转工具—(快捷键R)>点击中心标点同时按住alt,将标点拖到旋转中心>出现对话框,角度填入18,点击复制

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

ctrl+D重复操作直至填满整个圆。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选中除400px外的所有形状路径,点击路径查找器中的分割

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

分割完的图形点击右键选中取消编组

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

点击空白处取消选择,然后选择两个白圈中的间隔分块

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

Ctrl+G编组,填充#1a3263

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选择黄圈边的间隔色块

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

同样Ctrl+G编组,填充#1a3263

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

将剩下的白面和黄圈边分别编组,方便后续调成自己喜欢的颜色搭配。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

以圆心为中心,用椭圆工具—L建分别建40px正圆填充#fab95b,20px正圆填充#e02d2d为靶心

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

飞镖盘的步骤就完成了,将所有图形全选ctrl+G编组。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选择飞镖靶编组改变大小为350px*400px

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

按住alt复制一个飞镖盘编组,点击路径查找器中的联集合并成一个椭圆形状。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

椭圆形状填充#1a3263,改变形状大小为370px*410px,

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

Ctrl+[ 置于飞镖盘下一层,飞镖盘完成。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

4 绘制飞镖

先用直线工具—\画出描边为5px的直线,描边色为#1a3263

椭圆工具填充为#357da1画出20px*30px的椭圆1和20px*25px的椭圆2,再用钢笔工具链接两个椭圆端点画出矩形。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选择20px*30px的椭圆1与矩形,点击联集合成,得出形状1

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

画出10px*15px的小椭圆,使用钢笔工具连接小椭圆与20px*35px椭圆2端点画出形状,并ctrl+[ 下移一层。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选中形状和小椭圆,点击路径查找器中的减去顶层,将小椭圆减去。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

再将减去后的形状与椭圆2联集合并,得出形状2

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

形状2填充#1a3263,画出100px*15px的矩形为形状3,置于形状2的下层。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

选择多边形建立两个100px*90px的六边形,分别填充#1a3263和#356da1.

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

将其中一个六边形变换中的倾斜角度改为-30,倾斜后的形状大小改为100px*160px。同样的方式将另一个六边形倾斜改为50,然后把形状改为180px*100px。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

用直线工具划一条直线将六边形分两半,然后使用分割工具将形状分开。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

分割后右键取消编组,六边形分为两个梯形。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

以同样的方式将另一个六边形分开。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

将4个梯形调整层次组合成飞镖尾部,再用钢笔工具画一个三角形,置于形状1下方。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

飞镖部分绘制完成。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

5 绘制投影

ctrl+C,Ctrl+F同位复制两个形状1,将上面的图层上移大约1/3部分,选中两个复制的图层,减去顶层。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

减去顶层得出的形状填充#1a3263,

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

再以同样的方式画出形状1,2的阴影。形状2的阴影填充#357da1,形状3的阴影填充1a3263

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

用钢笔勾出飞镖尾部阴影,填充#91cadb,并将模式改为正片叠底

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

飞镖绘制完成,全选ctrl+G编组,按住alt复制一个飞镖图形,菜单栏对象里选择扩展,联集合并图形

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

合并后的图形填充#357da1,将透明度改为50%,调整投影位置。成为一个完整的飞镖组。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

在飞镖靶组,画一个370px*400px的椭圆形状,填充#357da1,模式改为正片叠底,不透明度改为50%,调整位置置于飞镖靶底层。

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

6 完成插画

将飞镖组和靶组组合在一起,多放几个飞镖组,调整位置,插画就大功告成啦!

最终效果图

AI教程!矢量风的飞镖和靶盘怎么画?一个教程教会你!

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

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

5 收藏 15

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

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

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片