AI教程!万圣节主题几何扁平矢量插画

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

AI教程!万圣节主题几何扁平矢量插画

教程作者:设计师视觉设计实战营19期-08-三宝 | 原图作者:Tristan Kromopawiro

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

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

一、关于教程

今天我们用AI来绘制一幅类似平面构成的可爱矢量插画插画的内容比较简单容易上手,包含:蜡烛、南瓜、小阿飘、实验器皿、风车、卡通浴缸、学院帽、墓碑、骷髅头、糖果及许多小型装饰物。物品种类虽然多,但比较好绘制,一起来试试吧!学起来!

绘制时我们将按照5个步骤来进行,分别是1. 创建文档->2.分析画面布局->3. 绘制物体及铺色->4. 整体调整画面 ->5. 保存并导出。

想要让讲师如如手把手教你绘制插画?点击这里立刻开始学习↓

AI教程!万圣节主题几何扁平矢量插画

二、教程步骤简概

step 01:新建文档

1.1打开AI,新建文档,宽:800px,高:800px,单位:像素,颜色模式:RGB。

AI教程!万圣节主题几何扁平矢量插画

step 02:分析画面布局

2.1根据原画,Ctrl+R拉出参考线,对画面进行分割。

AI教程!万圣节主题几何扁平矢量插画

2.2之后用矩形工具(M)根据画面布局画出相应的色块,完成画面最初的整体效果(之后在绘制插画具体内容时颜色型号与色块颜色型号一致,来回交替使用即可)。

AI教程!万圣节主题几何扁平矢量插画

AI教程!万圣节主题几何扁平矢量插画

step 03:绘制物体及铺色

3.1左上角黑色背景+墓碑+浮云,用矩形工具铺上黑色背景,之后按住Shift键用椭圆工具画出一个正圆+用矩形工具画出一个矩形,组成墓碑的外形。在画出墓碑的形状之后,按住Shift键选中矩形+圆形,用联集,使其成为一个整体的墓碑。

AI教程!万圣节主题几何扁平矢量插画

用钢笔工具勾出墓碑上的裂痕之后再填充颜色。墓碑上的十字架用矩形选框工具画出两个矩形,使二者90度的垂直相交,也用联集使其成为一个整体。墓碑中间的三条横线可以用直线段工具画出长度、粗细、间距相等的三条装饰线。

AI教程!万圣节主题几何扁平矢量插画

用钢笔工具勾出装饰浮云、杂草形状。

AI教程!万圣节主题几何扁平矢量插画

用椭圆工具画出两个圆形,将两个圆进行部分重叠,按住Shift键同时选中两个圆形,用减去顶层,就能得到一个月亮。用星形工具画出小星星,矩形工具画出墓碑下的台阶,再根据原画去调整颜色,与原画保持一致。

AI教程!万圣节主题几何扁平矢量插画

3.2右上角浮云+雨滴+星星,背景铺色方式,浮云绘制方式与之前相同。这里的星星用钢笔工具画出星星的路径,并填充上与原画相同的颜色。之后其余的星星可在选中的基础上按住Ctrl+C,Ctrl+F,进行复制粘贴并调整大小、位置。

雨滴则用椭圆工具,按住shift键画出一个正圆,再用多边形工具,按住向下的方向键画出三角形,将二者部分重叠,再按住Shift键同时选中两个图形,使用联集使其成为一个整体。

AI教程!万圣节主题几何扁平矢量插画

3.3蜡烛。蜡烛火苗制作方法与前面雨滴的制作方法相同。接着用矩形工具画出一个矩形,作为蜡烛的柱身。滴下来的蜡油用矩形工具横着画一个矩形,用直接选择工具只选中矩形左下角要调节的直角,进行直角——圆角的操作。

AI教程!万圣节主题几何扁平矢量插画

然后用矩形工具竖着画两个矩形,用直接选择工具分别选中矩形下面的两个直角,可同时进行直角——圆角的操作。再按住Shift键同时选中这三个图形,用联集将其连成一个整体。蜡油还存在直角,仍可用此方法讲直角点选中进行平滑处理。另一个蜡烛同此操作。

AI教程!万圣节主题几何扁平矢量插画

橘红色托盘也是用矩形工具画一个横着的矩形,之后选择下面的两个角用自由变换工具——选择透视扭曲,向内收缩。之后用直接选择工具将下面的两个直角向内收缩为两个圆角。

AI教程!万圣节主题几何扁平矢量插画

3.4绘制其他部分。南瓜、骷髅头、小阿飘、风车、卡通浴缸、眼球瓶、学院帽、黑白斜纹。用钢笔工具、矩形工具、椭圆工具、直线段工具、联集基本上都可以接完成图形的绘制。在此特别说一下:

3.4.1实验器皿。左边的黑白实验器皿,用矩形工具、多边形工具可完成绘制。右边的细口圆肚实验瓶,瓶身要按住Shift键用椭圆工具绘制出瓶身,用矩形工具绘制出瓶口、瓶颈。将瓶口四角选中用直接选择工具向内收缩,使四角变得圆滑,再将瓶口瓶颈同时选中用联集将其合成整体。

AI教程!万圣节主题几何扁平矢量插画

再将瓶身与瓶口、瓶颈相连,直角处用钢笔工具进行填补,之后再进行联集。

因为这个实验瓶是三种颜色,所以,在实验瓶上用矩形工具拉出一个矩形,之后按住Shift键同时选中实验瓶和矩形,用形状生成器工具,按住Alt键选择多余的部分进行删除,之后还有一个色块依旧执行此操作即可。

AI教程!万圣节主题几何扁平矢量插画

3.4.2糖果。糖果两端的倒梯形包装纸用矩形工具、直接选择工具(或钢笔工具直接勾出形状可灵活选择绘制方法)就可完成绘制。而糖果的中间部分则用圆角矩形工具画出来即可。

AI教程!万圣节主题几何扁平矢量插画

重点是糖果上的装饰波浪线,用直线线段工具画出一条长度合适的直线线段,调整线条的粗细,再点击菜单栏上的:效果——扭曲和变换——波纹效果——根据弹出的窗口调节线段起伏的大小、每段的隆起数、尖锐还是平滑——勾选窗口左下角的“预览”即可查看线条设置效果,糖果上的波纹装饰线就完成了。

AI教程!万圣节主题几何扁平矢量插画

step 04:整体调整画面

4.1这样,我们插画的大部分内容就完成啦!但还有一点小细节需要调整、添加。在原画画面的左下角有一些大小不一、位置不同的黑白点点作为装饰。

AI教程!万圣节主题几何扁平矢量插画

step 05:保存并导出

最后,就可以保存并导出图片了。保存方法:在菜单栏选择文件->存储为->保存类型选择(*.AI)->确定;导出方法:在菜单栏选择文件->导出->选择需要保存的格式,例如jpg、png等->勾选“使用画板”->选择“范围”->选择保存位置,点击导出,插画就保存完成了。

AI教程!万圣节主题几何扁平矢量插画

三、最终效果图

AI教程!万圣节主题几何扁平矢量插画

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

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

 

11 收藏 44

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片