AI教程!几何风休闲主题扁平运营插画

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

AI教程!几何风休闲主题扁平运营插画

原图作者:Anastasia Golub

教程作者:设计师就业衔接班07期-12-小野

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

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

关于教程

本次教程是临摹一幅扁平插画,主要利用混合工具布尔运算组合成画面,基础图形就是矩形和圆形,现在来一步步说明吧!

你也想学会自己制作同款扁平运营插画吗?报名我们的课程,让讲师如如手把手教会你→优设设计师就业衔接班

教程步骤

步骤一:新建文档

1.1 打开Adobe Illustrator,点击文件>新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!几何风休闲主题扁平运营插画

步骤二:创建背景

使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个16000x1200px的矩形,颜色填充为#cd6bfa

AI教程!几何风休闲主题扁平运营插画

步骤三:人物绘制

3.1 首先先用画笔工具画出草稿,这一步主要是为了确定整幅图的构图和基本形,画得随意点也可以

AI教程!几何风休闲主题扁平运营插画

3.15 我们将整个人物分析拆解,可以得到以下部分,整个画面就是就是这些基本形组成的

AI教程!几何风休闲主题扁平运营插画

3.2 首先绘制人物头部。使用椭圆工具(快捷键L),绘制第一个椭圆,宽度为87px,高度为83px,填充颜色为#bb4374,描边颜色为#492f12。紧贴椭圆左侧绘制一个矩形,与椭圆重叠,使用形状生成器工具(shift+M),点击三个部分联集成一个统一图形,头部和颈部完成后如下图:

AI教程!几何风休闲主题扁平运营插画

3.3 绘制帽子。使用椭圆工具(快捷键L),绘制106px的圆形,填充颜色为#831be1,描边颜色为#492f12。再绘制一个矩形01,与矩形02,与椭圆相交,使用形状生成器工具(shift+M)减去01,合并02,得到帽子大型,使用直接选择工具(A)微调上帽檐锚点,再选中两个锚点向内拖动,得到圆角帽檐边:

AI教程!几何风休闲主题扁平运营插画

3.4 绘制耳机。使用椭圆工具(快捷键L),绘制62px的圆形,ctrl+F原位复制一个圆,按住shift+alt向内拖动原位等比缩小到40px得到耳机耳朵。耳机连接处,用多个椭圆组合成所需图形,用形状生成器生成。

AI教程!几何风休闲主题扁平运营插画

3.5 绘制衣服。填充颜色为#ffb949,利用矩形和椭圆拼出基本形,钢笔工具在转折处添加锚点,形状生成工具将其合并,调整转折处圆角,再用钢笔工具勾勒出细化部分,画一个椭圆,填充#492f12,无描边,叠在衣服底部做衣服内面

AI教程!几何风休闲主题扁平运营插画

3.6 绘制裤子。用钢笔工具按照shift可画出直线,直接画一个垂直的相交线;向内移动交点使其变成圆角,边角86px。下层原位复制ctrl+B,调整描边大小106px,选中线段,选择对象-扩展,填充颜色#831be1,描边#492f12。另一只脚同理绘制出来。矩形+椭圆绘制出裤腿。这一步也可以用前面提到的混合工具制作。

AI教程!几何风休闲主题扁平运营插画

3.7 绘制鞋子。如图形状生成工具拼出鞋子形状,散开的鞋带用3.6步骤的钢笔勾勒出线段,加描边再扩展的方法绘制,填充颜色#ffffff。系好的鞋带和鞋带孔,分别用圆角矩形和椭圆绘制。鞋底:229x11px的矩形,填充颜色#ff7874

AI教程!几何风休闲主题扁平运营插画

3.8 袖子、手臂、手机和滑板。袖子、手臂用矩形做基底,再用钢笔工具勾勒形状,手指用椭圆工具拼出。手机用矩形调整锚点画出,滑板矩形和圆形形状生成器拼成。

3.9 另一个小人也是同样的方法绘制。

AI教程!几何风休闲主题扁平运营插画

步骤四:杂物绘制

4.1 绘制猫猫和盆栽。猫猫也是拼出来的,调整锚点拉出圆角再用钢笔勾出其他部分。盆栽同理,盆栽叶子的阴影部分:叶子原位复制CTRL+F两个,将顶部的复制叶子01向右上移动10px,再同时选中复制叶子02,布尔运算减去顶部,得到的图形取消描边,不透明度选择正片叠底,调整透明度40%

AI教程!几何风休闲主题扁平运营插画

4.2 背景圆。画一个940px的正圆。Ctrl+F9打开渐变工具,,角度39.88,渐变色#922ae1至#cc5ac7

AI教程!几何风休闲主题扁平运营插画

4.3 添加漂浮物让整个画面更加活跃,基本形依旧是圆形和矩形。

AI教程!几何风休闲主题扁平运营插画

现在我们的矢量插画就完成啦!最后,我们来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成png格式

AI教程!几何风休闲主题扁平运营插画

最终效果图

AI教程!几何风休闲主题扁平运营插画

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

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

24 收藏 42

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

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

复制本文链接

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

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片