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

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教程!扁平风格浪漫求婚场景插画

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


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

未经允许不得转载:百木园 » AI教程!扁平风格浪漫求婚场景插画

相关推荐

  • 暂无文章