百木园-与人分享,
就是让自己快乐。

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.5×10.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教程!扁平风格瑜伽少女场景插画


来源:https://uiiiuiii.com/illustrator/1212262516.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!扁平风格瑜伽少女场景插画

相关推荐

  • 暂无文章