AI教程!扁平风格浪漫求婚场景插画

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

原图作者:Anastasia Golub

教程作者:软件基础营50期-A18-饼干头

教程指导:如如酱w

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

效果图

AI教程!扁平风格浪漫求婚场景插画

关于教程

首先我们来分析这张插画,插画主要由前景的一些小植物,人物主体、后景建筑组成,因此绘制时,我们将按照6个步骤来进行,分别是1.新建文档->2. 绘制建筑物->3. 绘制后景->4.绘制人物->5.绘制前景装饰物->6.导出,现在来一步步详细说明。

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

教程步骤

步骤一:新建文档

打开AI,点击文件新建创建一个新文件,参数设置如下:

AI教程!扁平风格浪漫求婚场景插画

步骤二:绘制建筑物

在绘制之前我们可以看到后景是由两座建筑组成,因此将两个建筑分为两个图层建筑1、建筑2来分别绘制。

2.1 绘制前确认建筑1比例,将两张原图分别位于画布的正上方和正左方,同时在视图》标尺中调出标尺(快捷键Ctrl+R)确认房子大概位置。

AI教程!扁平风格浪漫求婚场景插画

2.2 矩形工具画出矩形后用直接选择工具调整位置。

AI教程!扁平风格浪漫求婚场景插画

2.3 画出房子屋顶结构,将房子矩形原位复制一层(Ctrl+F),用选择工具将矩形向下位移,调整颜色。

AI教程!扁平风格浪漫求婚场景插画

2.4 绘制窗台

利用矩形工具和形状生成器来完成。

2.4.1 创建矩形,调整到适合插画透视的形状,按alt复制一个矩形到下图位置。

AI教程!扁平风格浪漫求婚场景插画

2.4.2 选择形状生成器,按住alt减去第一个矩形多出部分(粉红色部分),绘制出窗台阴影效果。

AI教程!扁平风格浪漫求婚场景插画

2.4.3 用钢笔绘制出窗框调整描边大小为3px。将窗台Ctrl+G编组,将窗台移动到建筑1方位,按原图位置复制两个。

AI教程!扁平风格浪漫求婚场景插画

2.5 调整颜色

用直接选择工具选择形状调整颜色,渐变颜色调整步骤:

2.5.1 选中矩形,选中渐变工具

AI教程!扁平风格浪漫求婚场景插画

2.5.2 点击浮标,选择吸管工具(shift+I)按shift吸取原图颜色

AI教程!扁平风格浪漫求婚场景插画

2.5.3 点击渐变工具,调整渐变方向

AI教程!扁平风格浪漫求婚场景插画

2.5.4 填充其他颜色,并调整窗台大小

AI教程!扁平风格浪漫求婚场景插画

2.6 新建一个图层并命名为建筑2,

绘制建筑2,按照上述方法绘制建筑2大体。

AI教程!扁平风格浪漫求婚场景插画

2.7 绘制窗户,绘制两个矩形,用直接选择工具调整形状,复制一层,用形状生成器减去多余的,绘制阴影效果。

AI教程!扁平风格浪漫求婚场景插画

2.8 绘制阳台及落地窗

2.8.1 绘制落地窗 选择对象》偏移路径,偏移数值为-10px。同时选中两个矩形用形状生成器点击中心和边框。

AI教程!扁平风格浪漫求婚场景插画

AI教程!扁平风格浪漫求婚场景插画

AI教程!扁平风格浪漫求婚场景插画

2.8.2 用直接选择工具选中边框,复制一个利用形状生成器制作阴影。

AI教程!扁平风格浪漫求婚场景插画

2.8.3 用钢笔画出窗框,并选择对象》拓展,利用形状生成器将窗框分成两部分。

AI教程!扁平风格浪漫求婚场景插画

AI教程!扁平风格浪漫求婚场景插画

2.8.4 填充颜色,调整角度和大小放置在建筑中,并复制一个位于下方。

AI教程!扁平风格浪漫求婚场景插画

2.9 制作阳台

2.9.1 创建矩形,并根据透视调整形状

AI教程!扁平风格浪漫求婚场景插画

2.9.2 选择钢笔工具,绘制出栏杆效果,描边大小为1pt。

AI教程!扁平风格浪漫求婚场景插画

2.10 用钢笔工具添加细节光影

AI教程!扁平风格浪漫求婚场景插画

建筑部分就完成了

步骤三:绘制后景

3.1 创建背景图层,图层顺序位于建筑下方

AI教程!扁平风格浪漫求婚场景插画

3.2 选择钢笔工具,创建画布大小的矩形,并调整颜色

AI教程!扁平风格浪漫求婚场景插画

3.3 选择钢笔工具,绘画出云朵轮廓,并调整颜色

AI教程!扁平风格浪漫求婚场景插画

步骤四:绘制人物

创建新图层命名为人物1

4.1 绘制人物1大体,用钢笔绘制人物衣服,添加衣服细节。

AI教程!扁平风格浪漫求婚场景插画

4.2 绘制人物1的头部,用钢笔绘制人物头部大体轮廓,依次画出头发、头发细节、五官、眼镜。

AI教程!扁平风格浪漫求婚场景插画

4.3 绘制人物1手部及花束,用钢笔工具绘制领口、手,手部细节、手表、花束、叶子、花朵。手表部分可以用偏移路径制作表盘效果。

AI教程!扁平风格浪漫求婚场景插画

AI教程!扁平风格浪漫求婚场景插画

新建新图层命名为人物2

4.4 绘制人物2衣服大体及细节。

用钢笔绘制衣服大体,后画出衣服紫色部分,选择阳台的矩形,利用形状生成器减去多余部分。

AI教程!扁平风格浪漫求婚场景插画

4.5 绘制人物2头部

先用钢笔绘制出人物的脖子,后用椭圆工具画出人物头部,确定人物头部的大概位置。

AI教程!扁平风格浪漫求婚场景插画

4.6 绘制人物2头发

用钢笔按照人物头部画出头发,并依次增添头发细节。

AI教程!扁平风格浪漫求婚场景插画

4.7 绘制人物2手部及五官

用钢笔与矩形工具画出人物收部及五官

AI教程!扁平风格浪漫求婚场景插画

4.8 绘制人物2局部阴影及栏杆

用钢笔工具和矩形工具并调整新传,做出手臂与身体之间、头部与脖子之间的阴影效果,之后在建筑2的图层中选中建筑2栏杆,原位复制一层(Ctrl+F)到人物2图层中。

AI教程!扁平风格浪漫求婚场景插画

步骤五:绘制前景

5.1 用钢笔绘制植物轮廓

AI教程!扁平风格浪漫求婚场景插画

5.2 用钢笔绘制叶杆

绘制叶杆后给叶杆编组(Ctrl+g)然后复制三个相同的叶杆调整方向,角度、改变颜色放置在前景植物中。

AI教程!扁平风格浪漫求婚场景插画

5.3 用钢笔工具绘制落花

用钢笔绘制不同形状的落花,并为落花调整不同颜色。

AI教程!扁平风格浪漫求婚场景插画

5.4 用椭圆工具绘制光圈

用椭圆工具绘制两个椭圆位于图中央,将椭圆的不透明度改为20%,颜色为#FFFFFF

AI教程!扁平风格浪漫求婚场景插画

5.5 用钢笔工具绘制飞鸟

利用钢笔工具绘制飞鸟,先用钢笔工具画一条弧线后,在弧线的最右端再画一条弧线组成飞鸟的形状,调整路径的属性为描边1平台,选择宽度配置文件5,并修改飞鸟的不透明度为60%。最后调整飞鸟的大小方向放入插画。

AI教程!扁平风格浪漫求婚场景插画

步骤六 调整与导出

适当调整位置和大小,导出插画JPG或PNG格式

点击文件》导出》导出为.....

修改文件名为插画,保存类型可以选择JPG或者PNG

最后最后一定要记得勾选上使用画板!

之后按导出就可以得到一张JPG或PNG格式的插画了。

AI教程!扁平风格浪漫求婚场景插画

最终效果

AI教程!扁平风格浪漫求婚场景插画

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

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

17 收藏 58

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片