交作业:#优设每日作业#
同系列其他教程回顾:
这次要做的是下午茶主题扁平插画,确定好草图后,首先来分析我们的插画组成,主体部分有1个饮品,2-3个做搭配的水果或甜品组成,背景部分有叶子和大色块组成,分析好插画接下来要开始制作我们的插画。
你也想要学习绘制这样可爱的扁平插画吗?戳链接让包大老师手把手教你!
1.1 打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
2.1 找到AI的图层面板,双击图层名称处,将名称修改为「背景」:
2.2 使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个1200x1000px的矩形,颜色填充为#FFFFF。 并将绘制的矩形与画布对齐。
3.1 同样先拆分插画,可以将分为饼干、咖啡、摩卡壶、背景。然后一个个单独制作。
4.1 然后来制作摩卡壶,使用矩形工具(快捷键M),绘制五个矩形,参数如下图。填充颜色为:# EDEDED。
4.2 框选绘制的矩形,使用对齐工具-水平居中对齐,调整五个矩形位置。
4.3 调整摩卡壶的造型,使用直接选择工具(快捷键A)选中矩形1的上方两个锚点,分别向内移动39px,选中矩形3的下方两个锚点,分别向内移动9px,效果如下。
4.4 绘制摩卡壶的壶身体,椭圆工具(快捷键L)绘制一个122x160px的椭圆。
4.5 调整椭圆和矩形5的位置,尽量使椭圆和矩形5的下方两个点相交。
4.6 矩形工具(快捷键M)绘制紧贴矩形5下方的一个175x81px的矩形,选择新绘制的矩形和椭圆进行布尔运算-交集,获得壶身的形状。
4.7 使用钢笔工具(快捷键P)绘制出壶嘴、盖子、连接处、把手的形状,壶嘴和连接处的颜色填充为:#CEDEE3。盖子和把手的颜色填充为:# 99776C。
4.8 靠近壶底绘制三个34x55的椭圆,填充颜色为:# 863A58,效果如下图。
4.9 框选整个图形,使用形状生成器工具(SHIFT+M),同上按住AIT减去椭圆超出壶底的形状,接着我们来分析壶身的明暗关系,想塑造摩卡壶的体积感,将壶身分为三大块,填充颜色分别是:# D5DEE3、# EBEDED、#F6F4F7。
4.10 效果如下图
4.11 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# D5DEE3, 修改形状图层属性为正片叠底,不透明度为45。
4.12 绘制亮部的形状,暗部的填充颜色为:# F6F4F7,修改形状图层属性为滤色,不透明度为54。效果如下图。
4.13 制作出盖子和把手的明暗关系,填充颜色为:# 99776C, 修改形状图层属性为正片叠底,不透明度为43。
5.1 绘制完摩卡壶,接着来画小饼干,圆角矩形工具绘制一个70x10px,圆角为5px的圆角矩形。填充颜色为:# FBA785。
5.2 复制(按住AIT鼠标左键直接拖动形状可进行复制)五层圆角矩形,左右交错他们的位置关系,效果如下图。
5.3 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FBA785, 修改形状图层属性为正片叠底,不透明度为45。效果如下图。
5.4 圆角矩形工具绘制饼干上的小芝麻点,填充颜色为:# 852163,将小芝麻点编组(CTRL+G)。
5.5 复制一层小芝麻点,向右移动2px,修改形状图层属性为正片叠底,不透明度为30。效果如下图。
5.6 制作小饼干上的水果,椭圆工具(快捷键L)绘制一个23x23px的圆,填充颜色为:#87ABB8。
5.7 用钢笔工具(快捷键P)画出蓝莓的头,填充颜色为:#333E4D。
5.8 使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# 87ABB8, 修改形状图层属性为正片叠底,不透明度为45。效果如下图。多复制两个蓝莓。
5.9 盘子的绘制办法和之前插画一样,将小饼干、蓝莓、和盘子组合起来,最终效果如下图。
6.1 紧接来绘制咖啡,使用矩形工具(快捷键M),绘制五个矩形,参数如下图。矩形1的填充颜色为:# 7589BB,矩形2和矩形3的填充颜色为:# FCFFEB,矩形3和矩形5的填充颜色为:# FFF7F0。
6.2 框选绘制的矩形,使用对齐工具-水平居中对齐,调整五个矩形位置。
6.3 调整咖啡的造型,使用直接选择工具(快捷键A)选中矩形4的下方两个锚点,分别向内移动11px,效果如下。
6.4 接下来对咖啡的整体进行圆角,矩形1上方圆角1.5px。
矩形2上方圆角3px。
矩形3整体圆角2px。
矩形4下方圆角4.5px。
矩形5下方圆角2.47px。
6.5 圆角后的整体效果如图。
6.6 绘制咖啡的杯托,使用钢笔工具(快捷键P)绘制下图形状,填充颜色为:# FEBA7F。
6.7 钢笔工具在杯托侧边绘制两条直线,描边为2px,使用混合工具(快捷键W)选择两天直接进行混合,参数如图。
6.8 绘制杯托的明暗关系,使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FECB9F,修改形状图层属性为正片叠底,不透明度为45。
6.9 亮部的填充颜色为:# FDCAC5,修改形状图层属性为滤色,不透明度为33。
6.10 绘制咖啡的明暗关系,使用钢笔工具(快捷键P)或者布尔运算绘制出暗部的形状,然后根据下图的参数调整,暗部的填充颜色为:# FDE1CC,修改形状图层属性为正片叠底,不透明度为32。
6.11 亮部的填充颜色为:# FDE1CC,修改形状图层属性为滤色,不透明度为54。
6.12 同样绘制线段,移动到合适位置,将完成的图案进行位置排列,最终效果如下。
7.1 最后给我们的插画绘制背景,先用钢笔工具(快捷键P)绘制背景的叶子,去除描边,从左往右填充颜色分别为: #79E09B, # 77DBC1,#8DEBAD,# 77DBC1, #88D795,#39A9B1。叶脉的描边填充为:# 03B07F。
7.2 完成后再调整叶子的位置,同样用钢笔工具(快捷键P)绘制插画的背景大色块,去除描边,填充颜色为:#FFEBDF。最终效果如下。
7.3 将所有图形摆放到合适的位置,我们的插画就绘制完成了。
8.1 最后来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成jpg格式。
只临摹不过瘾?戳链接让包大老师手把手教你原创扁平插画喔!
想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 2 条