AI教程!扁平风格瑜伽少女场景插画

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

原图作者:Kim Salt

教程作者:软件基础营47期-A39-cc

教程指导:如如酱w

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

关于教程

又到了炎炎夏日,一个要减肥的季节,让我们跟随本次插画中的人物一起运动起来吧~

你也想做出这么漂亮的插画吗?让如如老师手把手教你→点我学习制作AI插画

效果图

AI教程!扁平风格瑜伽少女场景插画

教程步骤

步骤一:新建文档

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

AI教程!扁平风格瑜伽少女场景插画

步骤二:创建背景

2.1 在绘制前,首先确定已在菜单栏→视图→“对齐网格”功能。

双击图层名称处,将名称修改为“背景”:

AI教程!扁平风格瑜伽少女场景插画

2.2 选中“背景”图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个800x815px的矩形,颜色填充为#bfe4d0

AI教程!扁平风格瑜伽少女场景插画

2.3 选中“背景”图层,用直线段工具来表现墙面。选择“直线段”工具,,待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个173px的线段,角度145°,线条粗3pt,颜色填充为#fff6eb,得到第一条线段:

AI教程!扁平风格瑜伽少女场景插画

其余两条线段同上,两条线段分别为:一个196px,角度为30°的线段和一个386px,角度为275°的线段,线条粗3pt,颜色填充为#fff6eb,编组(ctrl+G),:

AI教程!扁平风格瑜伽少女场景插画

2.4.1 然后绘制背景墙面上的吊兰。选择“直线段”工具,待鼠标变为十字形后,在画板中间点击一下,分别输入下图数值,线条粗2pt,颜色填充为#f2fcf8,得到吊兰的绳子,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

2.4.2 使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,绘制一个47x30px的矩形,颜色填充为#f19b74;再用小白(直接选择工具),拖拉锚点,如下图,再旋转45°:

AI教程!扁平风格瑜伽少女场景插画

2.4.3 使用多边形工具,待鼠标变为十字形后,在画板中间点击一下,输入如下图数值,颜色填充为#b78c24;高度变换成15px;再用小白(直接选择工具),拖拉锚点,如下图,再旋转95°:

AI教程!扁平风格瑜伽少女场景插画

2.4.4 将以上两个图形编组(ctrl+G):AI教程!扁平风格瑜伽少女场景插画

2.4.5 用钢笔随意的勾出叶子的形状,颜色填充为#61a85c;在周围添加一些爱心叶子;复制周围爱心叶子放进钢笔勾好的一大片叶子里,路径查找器-减去顶层,编组(ctrl+G),背景层里的吊兰就做好了:AI教程!扁平风格瑜伽少女场景插画

步骤三:窗户+吊兰+花+镜子

3.1.1 新建“窗户”图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制一个345x528px的矩形,颜色填充为#fffffff;再用小白(直接选择工具),拖拉锚点:

AI教程!扁平风格瑜伽少女场景插画

3.1.2 接下来用钢笔工具或直线段工具随意绘制窗户边框,描边4pt,颜色填充为#bfe4d0,编组(ctrl+G),如下图:

AI教程!扁平风格瑜伽少女场景插画

3.2.1 接下来绘制窗户上吊兰的绳子,选择直线段工具,待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,颜色填充为#fffffff,再变换-垂直对称-复制,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

3.2.2 接下来绘制吊兰的花盆,选择多边形工具,绘制一个半径15px的三角形,颜色填充为#d0912e,再变换-水平对称,编组(ctrl+G),吊兰的花盆就做好了:

AI教程!扁平风格瑜伽少女场景插画

3.2.3 最后用钢笔工具绘制吊兰,选择钢笔工具,随意的画出吊兰的根的形状,数值如下图,描边1.5pt,颜色填充为#71a83c;然后再用大大小小的圆来做叶子,颜色填充为#71a83c,编组(ctrl+G);

AI教程!扁平风格瑜伽少女场景插画

3.2.4 最后,将吊兰全选编组(ctrl+G),变换-旋转330°,如下图,吊兰就完成啦:

AI教程!扁平风格瑜伽少女场景插画

3.3.1 接下来绘制窗户上的花盆,使用矩形工具(快捷键M),绘制一个30x52px的矩形,颜色填充为#e9a37d;再用小白(直接选择工具),拖拉锚点,如下图:

3.3.2 接下来绘制叶子,用钢笔工具随意的勾出叶子的形状,如下图,颜色填充为#37533b;依次勾出剩余两个颜色的叶子,颜色分别填充为#261f0a和#81611b,编组(ctrl+G);

AI教程!扁平风格瑜伽少女场景插画

3.3.3 选中花盆,变换-旋转335°,如下图:

AI教程!扁平风格瑜伽少女场景插画

3.4.1 绘制镜子,使用矩形工具(快捷键M),绘制一个70x119px的矩形,颜色填充为#f5e9cf;再用小白(直接选择工具),拖拉锚点;变化-旋转325°,如下图:

AI教程!扁平风格瑜伽少女场景插画

3.4.2 使用多边形工具,待鼠标变为十字形后,在画板中间点击一下,绘制一个半径为65px的三角形,颜色填充为#eec9a3;高度变换成46px;再用小白(直接选择工具),拖拉锚点;变化-旋转85°,如下图:

AI教程!扁平风格瑜伽少女场景插画

AI教程!扁平风格瑜伽少女场景插画

3.4.3 编组(ctrl+G),如下图:

AI教程!扁平风格瑜伽少女场景插画

步骤四:左下角花

4.1 制左下角花,使用矩形工具(快捷键M),绘制一个100x137px的矩形,颜色填充为#ffffff;再用小白(直接选择工具),拖拉锚点;如下图:

AI教程!扁平风格瑜伽少女场景插画

4.2 选中上一步,原位复制(ctrl+C)(ctrl+F),颜色填充为#f5eacf;使用矩形工具(快捷键M),创建155x230px的矩形,如下图所示,路径查找器-减去顶层:

AI教程!扁平风格瑜伽少女场景插画

AI教程!扁平风格瑜伽少女场景插画

同理,使用多边形工具,随意创建一个三角形,如下图所示,路径查找器-减去顶层:

AI教程!扁平风格瑜伽少女场景插画

4.3 编组(ctrl+G)。

4.4 用钢笔工具随意绘制出叶子,颜色填充为#497d54;选中叶子,原位复制(ctrl+C)(ctrl+F),颜色填充为#61a75e;使用矩形工具(快捷键M),随意创建矩形,如下图,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

4.5 编组(ctrl+G)

AI教程!扁平风格瑜伽少女场景插画

步骤五:脚底花盆

5.1.1 用钢笔工具绘制出花盆,颜色填充为#f6e9cd;选中花盆,原位复制(ctrl+C)(ctrl+F),颜色填充为#ffffff;使用钢笔工具,随意勾勒,如下图,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

5.1.2 用钢笔工具绘制出第一片叶子,颜色填充为#97c86f;第二片叶子颜色填充为#415a43;第三片叶子颜色填充为#c6e3cd;

AI教程!扁平风格瑜伽少女场景插画

5.1.3 编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

步骤六:桌子+两个花盆+台灯

6.1.1 第一盆花,使用矩形工具(快捷键M),绘制一个30x54px的矩形,颜色填充为#f5eacf;再用小白(直接选择工具),拖拉锚点;变化-旋转30°,如下图:

AI教程!扁平风格瑜伽少女场景插画

6.1.2 同理,使用矩形工具(快捷键M),绘制一个24x42px的矩形,颜色填充为#c6e2d3;再用小白(直接选择工具),拖拉锚点;变化-旋转30°,如下图:

AI教程!扁平风格瑜伽少女场景插画

6.1.3 编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.1.4 用钢笔工具绘制出第一组叶子,颜色填充为#364e38;第二片叶子颜色填充为#80601e;第三片叶子颜色填充为#0f2020;

AI教程!扁平风格瑜伽少女场景插画

6.1.5 编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.2.1 第二盆花,使用矩形工具(快捷键M),绘制一个240x146px,圆角20px的圆角矩形,颜色填充为#ffffff;再用小白(直接选择工具),拖拉锚点;变化-旋转30°,如下图:

AI教程!扁平风格瑜伽少女场景插画

6.2.2 选中花盆,原位复制(ctrl+C)(ctrl+F),颜色填充为#364e38;使用矩形工具(快捷键M),随意创建矩形,如下图,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.2.3 用钢笔工具勾勒出高光,颜色填充为#c7e2d1,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.2.4 用钢笔工具依次绘制出叶子的形状,如下图,颜色填充依次为:#60a65a,#609649,#528359:

AI教程!扁平风格瑜伽少女场景插画

6.2.5 编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.3.1 桌子,用钢笔工具勾勒出桌面,颜色填充为#efc9a4;原位复制(ctrl+C)(ctrl+F),颜色填充为#f5eacf;随意创建一个矩形,如下图,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.3.2 用钢笔工具勾勒出桌子边缘,颜色填充为#ffffff;用钢笔工具绘制出桌腿,描边5pt,颜色填充为#f5eacf;再随意绘制一条曲线,描边3pt,颜色填充为#ffffff;编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.4.1 台灯,用钢笔随意画出台灯的线,描边3pt,颜色填充为#ffffff;使用矩形工具(快捷键M),绘制一个17x23px,颜色填充为#ffffff:

AI教程!扁平风格瑜伽少女场景插画

6.4.2 使用多边形工具,创建一个半径40px的三角形,颜色填充为#fffff7;将其高度改变为33px;旋转350度;原位复制(ctrl+C)(ctrl+F),颜色填充为#fcf3e3;使用多边形工具,随意创建一个三角形,选中,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.4.3 用钢笔工具勾勒台灯里面,颜色填充为#b59453;原位复制(ctrl+C)(ctrl+F),颜色填充为#e0a87b;随意创建一个矩形,旋转,选中,路径查找器-减去顶层,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

6.5 将两盆花、桌子、台灯组合到画面,编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

步骤七:椅子

7.1.1 用钢笔工具勾勒出椅子的形状,颜色填充为#ffffff;原位复制(ctrl+C)(ctrl+F),颜色填充为#f5eacf;路径查找器-减去顶层;编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

7.1.2 用钢笔工具勾勒出椅子腿的形状,颜色填充为#9b6328;原位复制(ctrl+C)(ctrl+F),颜色填充为#b08d22;路径查找器-减去顶层;编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

7.2 猫,用钢笔工具勾勒出猫的暗面,颜色填充为#0f1e1b;用钢笔工具勾勒出猫的亮面,颜色填充为#382c16;用钢笔工具勾勒出猫的线条,描边1pt,颜色填充为#39402e;勾勒出表情和胡须,描边分别为1.5pt和0.5pt,颜色分别填充为#e9a37d和#cccc99;编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

7.3 编组(ctrl+G):

AI教程!扁平风格瑜伽少女场景插画

步骤八:人

8.1 头发,用钢笔工具勾勒出头发的形状,颜色填充为#382c16;用钢笔工具勾勒出头发的亮面,颜色填充为#5a3e2e;用钢笔工具勾勒出头发的暗面,颜色填充为#231c0a;用钢笔工具勾勒出头发的环境色,颜色填充为#3f3f2d:

AI教程!扁平风格瑜伽少女场景插画

8.2.1 人脸,用椭圆工具绘制出一个20x30px椭圆,颜色填充为#ce612d;

8.2.2 耳朵,用椭圆工具绘制出一个5.5x10.5px椭圆,颜色填充为#ce612d;对象-路径-偏移路径:-2px,颜色填充为#a3411b;旋转15°;垂直对称复制,得到第二个耳朵;

AI教程!扁平风格瑜伽少女场景插画

8.2.3 五官,用钢笔工具画出眉毛,描边1pt,颜色填充为#4e2d1f;眼睫毛描边0.5pt;鼻子颜色填充为#9c3c17;嘴巴描边0.7pt,描边颜色为#4e2d1f,颜色填充为#712000;

AI教程!扁平风格瑜伽少女场景插画

8.2.4 用钢笔勾勒出刘海,颜色填充为#382c16;

AI教程!扁平风格瑜伽少女场景插画

8.3.1 上半身,用钢笔勾勒出上半身形状,颜色填充为#d35d2e,手部线条描边0.7pt,描边颜色#813e0d;

AI教程!扁平风格瑜伽少女场景插画

8.3.2 用钢笔工具勾勒出手部暗部,颜色填充为#884f2b;脖子暗部颜色填充为#c2461b;手臂亮部的形状,颜色填充为#cf6954;手臂暗部颜色填充为#c04920;

AI教程!扁平风格瑜伽少女场景插画

8.3.3 镯子,用钢笔勾勒镯子形状,颜色填充为#5f926b,路径查找器-减去顶层,颜色填充为#9bc15c;

AI教程!扁平风格瑜伽少女场景插画

8.3.4 钢笔勾勒出上半身衣服形状,颜色填充为#eaa27c,亮部颜色填充为#f1bea7,暗部颜色填充为#e28248;

AI教程!扁平风格瑜伽少女场景插画

8.4.1 下半身,钢笔勾勒腿,颜色填充为#cc603a;路径查找器-减去顶层;裤子颜色填充为#324f3d;

AI教程!扁平风格瑜伽少女场景插画

8.4.2 脚,暗部颜色填充为#c6441f,亮部颜色填充为#d5685f;脚趾描边1pt,颜色填充为#6b2100;脚指甲盖颜色填充为#fb926b;

AI教程!扁平风格瑜伽少女场景插画

8.4.3 裤子,亮部颜色填充为#405d4f;暗部颜色填充为#253220,左脚下阴影颜色填充为#0e1d1b;裤子上环境色颜色填充为#686941;

AI教程!扁平风格瑜伽少女场景插画

8.5 汗水,用钢笔工具画出汗水形状,颜色分别填充为#94e4b8;#a9e3bb;#fffffb;#aee7c7;

AI教程!扁平风格瑜伽少女场景插画

8.6 编组(ctrl+G)

AI教程!扁平风格瑜伽少女场景插画

最终效果图

AI教程!扁平风格瑜伽少女场景插画

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

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

19 收藏 69

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

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

复制本文链接
img

发表评论 已发布 5

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片