AI教程!教你绘制下午茶主题扁平插画(三)

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

AI教程!教你绘制下午茶主题扁平插画(三)

教程作者:就业衔接班2期-109-喵喵

教程指导:包大有趣

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

同系列其他教程回顾:



关于教程

这次要做的是下午茶主题扁平插画,确定好草图后,首先来分析我们的插画组成,主体部分有1个饮品,2-3个做搭配的水果或甜品组成,背景部分有叶子和大色块组成,分析好插画接下来要开始制作我们的插画。

AI教程!教你绘制下午茶主题扁平插画(三)

效果图

AI教程!教你绘制下午茶主题扁平插画(三)

你也想要学习绘制这样可爱的扁平插画吗?戳链接让包大老师手把手教你!

教程步骤

Step 01 新建文档

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

AI教程!教你绘制下午茶主题扁平插画(三)

Step 02 绘制背景

2.1 找到AI的图层面板,双击图层名称处,将名称修改为「背景」:

AI教程!教你绘制下午茶主题扁平插画(三)

2.2 使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个1200x1000px的矩形,颜色填充为#FFFFF。 并将绘制的矩形与画布对齐。

AI教程!教你绘制下午茶主题扁平插画(三)

Step 03 拆分插画

3.1 同样先拆分插画可以将分为饼干、咖啡、摩卡壶、背景。然后一个个单独制作。

Step 04 绘制摩卡壶

4.1 然后来制作摩卡壶,使用矩形工具(快捷键M),绘制五个矩形,参数如下图。填充颜色为:# EDEDED。

AI教程!教你绘制下午茶主题扁平插画(三)

4.2 框选绘制的矩形,使用对齐工具-水平居中对齐,调整五个矩形位置。

AI教程!教你绘制下午茶主题扁平插画(三)

4.3 调整摩卡壶的造型,使用直接选择工具(快捷键A)选中矩形1的上方两个锚点,分别向内移动39px,选中矩形3的下方两个锚点,分别向内移动9px,效果如下。

AI教程!教你绘制下午茶主题扁平插画(三)

4.4 绘制摩卡壶的壶身体,椭圆工具(快捷键L)绘制一个122x160px的椭圆。

AI教程!教你绘制下午茶主题扁平插画(三)

4.5 调整椭圆和矩形5的位置,尽量使椭圆和矩形5的下方两个点相交。

AI教程!教你绘制下午茶主题扁平插画(三)

4.6 矩形工具(快捷键M)绘制紧贴矩形5下方的一个175x81px的矩形,选择新绘制的矩形和椭圆进行布尔运算-交集,获得壶身的形状。

AI教程!教你绘制下午茶主题扁平插画(三)

AI教程!教你绘制下午茶主题扁平插画(三)

4.7 使用钢笔工具(快捷键P)绘制出壶嘴、盖子、连接处、把手的形状,壶嘴和连接处的颜色填充为:#CEDEE3。盖子和把手的颜色填充为:# 99776C。

AI教程!教你绘制下午茶主题扁平插画(三)

4.8 靠近壶底绘制三个34x55的椭圆,填充颜色为:# 863A58,效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

4.9 框选整个图形,使用形状生成器工具(SHIFT+M),同上按住AIT减去椭圆超出壶底的形状,接着我们来分析壶身的明暗关系,想塑造摩卡壶的体积感,将壶身分为三大块,填充颜色分别是:# D5DEE3、# EBEDED、#F6F4F7。

AI教程!教你绘制下午茶主题扁平插画(三)

4.10 效果如下图

AI教程!教你绘制下午茶主题扁平插画(三)

4.11 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# D5DEE3, 修改形状图层属性为正片叠底,不透明度为45。

AI教程!教你绘制下午茶主题扁平插画(三)

4.12 绘制亮部的形状,暗部的填充颜色为:# F6F4F7,修改形状图层属性为滤色,不透明度为54。效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

4.13 制作出盖子和把手的明暗关系,填充颜色为:# 99776C, 修改形状图层属性为正片叠底,不透明度为43。

AI教程!教你绘制下午茶主题扁平插画(三)

Step 05 绘制小饼干

5.1 绘制完摩卡壶,接着来画小饼干,圆角矩形工具绘制一个70x10px,圆角为5px的圆角矩形。填充颜色为:# FBA785。

AI教程!教你绘制下午茶主题扁平插画(三)

5.2 复制(按住AIT鼠标左键直接拖动形状可进行复制)五层圆角矩形,左右交错他们的位置关系,效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

5.3 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FBA785, 修改形状图层属性为正片叠底,不透明度为45。效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

5.4 圆角矩形工具绘制饼干上的小芝麻点,填充颜色为:# 852163,将小芝麻点编组(CTRL+G)。

AI教程!教你绘制下午茶主题扁平插画(三)

5.5 复制一层小芝麻点,向右移动2px,修改形状图层属性为正片叠底,不透明度为30。效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

5.6 制作小饼干上的水果,椭圆工具(快捷键L)绘制一个23x23px的圆,填充颜色为:#87ABB8。

AI教程!教你绘制下午茶主题扁平插画(三)

5.7 用钢笔工具(快捷键P)画出蓝莓的头,填充颜色为:#333E4D。

AI教程!教你绘制下午茶主题扁平插画(三)

5.8 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# 87ABB8, 修改形状图层属性为正片叠底,不透明度为45。效果如下图。多复制两个蓝莓。

AI教程!教你绘制下午茶主题扁平插画(三)

5.9 盘子的绘制办法和之前插画一样,将小饼干、蓝莓、和盘子组合起来,最终效果如下图。

AI教程!教你绘制下午茶主题扁平插画(三)

Step 06 绘制咖啡

6.1 紧接来绘制咖啡,使用矩形工具(快捷键M),绘制五个矩形,参数如下图。矩形1的填充颜色为:# 7589BB,矩形2和矩形3的填充颜色为:# FCFFEB,矩形3和矩形5的填充颜色为:# FFF7F0。

AI教程!教你绘制下午茶主题扁平插画(三)

6.2 框选绘制的矩形,使用对齐工具-水平居中对齐,调整五个矩形位置。

AI教程!教你绘制下午茶主题扁平插画(三)

6.3 调整咖啡的造型,使用直接选择工具(快捷键A)选中矩形4的下方两个锚点,分别向内移动11px,效果如下。

AI教程!教你绘制下午茶主题扁平插画(三)

6.4 接下来对咖啡的整体进行圆角,矩形1上方圆角1.5px。

AI教程!教你绘制下午茶主题扁平插画(三)

矩形2上方圆角3px。

AI教程!教你绘制下午茶主题扁平插画(三)

矩形3整体圆角2px。

AI教程!教你绘制下午茶主题扁平插画(三)

矩形4下方圆角4.5px。

AI教程!教你绘制下午茶主题扁平插画(三)

矩形5下方圆角2.47px。

AI教程!教你绘制下午茶主题扁平插画(三)

6.5 圆角后的整体效果如图。

AI教程!教你绘制下午茶主题扁平插画(三)

6.6 绘制咖啡的杯托,使用钢笔工具(快捷键P)绘制下图形状,填充颜色为:# FEBA7F。

AI教程!教你绘制下午茶主题扁平插画(三)

6.7 钢笔工具在杯托侧边绘制两条直线,描边为2px,使用混合工具(快捷键W)选择两天直接进行混合,参数如图。

AI教程!教你绘制下午茶主题扁平插画(三)

6.8 绘制杯托的明暗关系,使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FECB9F,修改形状图层属性为正片叠底,不透明度为45。

AI教程!教你绘制下午茶主题扁平插画(三)

6.9 亮部的填充颜色为:# FDCAC5,修改形状图层属性为滤色,不透明度为33。

AI教程!教你绘制下午茶主题扁平插画(三)

6.10 绘制咖啡的明暗关系,使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FDE1CC,修改形状图层属性为正片叠底,不透明度为32。

AI教程!教你绘制下午茶主题扁平插画(三)

6.11 亮部的填充颜色为:# FDE1CC,修改形状图层属性为滤色,不透明度为54。

AI教程!教你绘制下午茶主题扁平插画(三)

6.12 同样绘制线段,移动到合适位置,将完成的图案进行位置排列,最终效果如下。

AI教程!教你绘制下午茶主题扁平插画(三)

Step 07 绘制背景

7.1 最后给我们的插画绘制背景,先用钢笔工具(快捷键P)绘制背景的叶子,去除描边,从左往右填充颜色分别为: #79E09B, # 77DBC1,#8DEBAD,# 77DBC1, #88D795,#39A9B1。叶脉的描边填充为:# 03B07F。

AI教程!教你绘制下午茶主题扁平插画(三)

7.2 完成后再调整叶子的位置,同样用钢笔工具(快捷键P)绘制插画的背景大色块,去除描边,填充颜色为:#FFEBDF。最终效果如下。

AI教程!教你绘制下午茶主题扁平插画(三)

7.3 将所有图形摆放到合适的位置,我们的插画就绘制完成了。

Step 08 导出图片

8.1 最后来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成jpg格式。

最终效果

AI教程!教你绘制下午茶主题扁平插画(三)

只临摹不过瘾?戳链接让包大老师手把手教你原创扁平插画喔!

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

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

9 收藏 87

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

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

复制本文链接
img

发表评论 已发布 2

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片