AI教程!手把手教你绘制一幅清新风插画

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

AI教程!手把手教你绘制一幅清新风插画

原图作者:Diana Stoyanova

教程作者:设计师就业衔接班15期 - 41 - 旋转

教程指导:如如优设设计师就业衔接班讲师)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

本期教程来教大家用 AI 绘制一幅清新风格的矢量插画!

首先我们来分析一下这幅插画,插画可以分为几个部分:天空、瀑布、湖、由远及近的山丘、植物、和荡秋千的小女孩,主要颜色包括蓝色、绿色、橙色、白色和粉色。在绘制过程中主要用到了钢笔工具和形状生成工具,下面让我们来一步一步跟着教程做下去吧!(绘制完成后,还可以导入 PS 中继续添加丰富的噪点细节哦~)

想要让讲师如如手把手教你绘制插画?来这里立刻开始学习→优设设计师就业衔接班

教程步骤

一、绘制背景

1. 打开AI,新建文档,宽1600px,高1200px。

AI教程!手把手教你绘制一幅清新风插画

2. 绘制天空:使用矩形工具,绘制一个宽1600px、高550px的矩形,颜色填充为#F7EED3,位置如图所示,靠上靠左对齐。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

3. 绘制湖泊:使用矩形工具,绘制一个宽1600px、高650px的矩形,颜色填充为#71ECFE,位置如图所示,靠下靠左对齐。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

4. 绘制太阳:使用椭圆工具,按住shift,绘制一个直径为188px的圆形,填充颜色为#FFB248,图层命名改为太阳。使用小白(直接选择工具)选中太阳,在路径上使用添加锚点工具添加两个锚点,使用小白调节锚点和手柄是太阳稍微不规则一些,增加一些手绘的感觉。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

5. 绘制云朵:以云朵1为例详细说明绘制步骤,使用钢笔工具绘制云朵形状,调出钢笔工具依次点击出锚点拉出手柄然后回到第一个锚点,显示小圆圈代表形状路径闭合,再用小白(直接选择工具)调整锚点和手柄,填充颜色为#FE93C4,云朵就画好了。

AI教程!手把手教你绘制一幅清新风插画

6. 绘制远山:以远山1为例详细说明

AI教程!手把手教你绘制一幅清新风插画

(1)主体:使用钢笔工具绘制主体形状,调出钢笔工具依次点出锚点拉出手柄然后回到第一个锚点,显示小圆圈代表形状路径闭合,再用小白(直接选择工具)调整锚点和手柄,填充颜色为#53A8B8,主体就画好了。

AI教程!手把手教你绘制一幅清新风插画

(2)阴影1:将主体部分复制一层,使用钢笔工具绘制出阴影1的轮廓,调出钢笔工具依次点出锚点拉出手柄,在想要的长度处按住ctrl松开,可截断路径。然后同时选中主体复制层和阴影1轮廓,使用形状生成工具,直接点击保留阴影1形状,多余部分(1、2、3)按住ALT键减去,阴影1形状填充颜色为#8DC5D7。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(3)高光:将主体部分复制一层,使用直线段工具绘制出高光的轮廓,然后同时选中主体复制层和高光轮廓,使用形状生成工具,直接点击保留高光形状,多余部分(1、2、3)按住ALT键减去,高光形状填充颜色为# FDBED9。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(4)阴影2:将主体部分复制一层,使用直线段工具绘制出阴影2的轮廓,然后同时选中主体复制层和阴影2轮廓,使用形状生成工具,直接点击保留阴影2形状,多余部分(1-3)按住ALT键减去,阴影2形状填充颜色为# 338E9C。阴影2形状后期需要添加效果,所以需要单独放到一个新的图层中,图层命名改为远山1阴影2。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

7. 由远及近的小山丘:分析画面,小山丘主要分为左右和湖面前后部分,以右山4为例进行详细说明。(画布多余部分可以使用 视图—裁剪视图 进行隐藏)

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(1)使用钢笔工具绘制出右山4的形状和线条,形状填充颜色为#042E27,线条描边颜色为#005843,粗细为2pt。然后全部选中,使用形状合成工具,按住ALT键减去多余的线条,就完成了。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(2)其他的小山丘画法参考右山4,颜色如下图所示。

AI教程!手把手教你绘制一幅清新风插画

8. 瀑布:分析画面,瀑布由瀑布主体和水花组成。使用钢笔绘制瀑布形状和线条,然后选中全部形状和线条,使用形状合成工具,按住ALT键减去多余的线条,瀑布就完成了。注意调整图层顺序。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

二、绘制植物

分析画面,画面中有以下植物:枝条类、大叶片类、椰子树、荷花和荷叶。

AI教程!手把手教你绘制一幅清新风插画

1. 绘制枝条类:以枝条弯曲的为例

AI教程!手把手教你绘制一幅清新风插画

(1)枝条:首先使用钢笔工具绘制弯曲的枝条,描边颜色为#009469,粗细为3pt,圆头端点,圆角连接,使描边居中对齐。

AI教程!手把手教你绘制一幅清新风插画

(2)叶片:枝条上的叶片都是相似的,所以使用钢笔工具画好一个叶片之后,按住alt键选中叶片进行拖拽复制,然后点击直接选择工具(小白)调整叶片的角度大小和形状,这样完整的枝条就完成了。

AI教程!手把手教你绘制一幅清新风插画

2. 绘制大叶片类:以龟背叶为例

AI教程!手把手教你绘制一幅清新风插画

(1)枝干部分:使用矩形工具绘制出三条枝干,然后使用使用直接选择工具调整锚点和手柄,使枝干有个自然的弧度。

AI教程!手把手教你绘制一幅清新风插画

(2)叶片部分:叶片部分包括叶片主体、叶脉和缺口。首先使用钢笔工具绘制出对应的形状,然后将缺口部分使用形状合成工具减去。

AI教程!手把手教你绘制一幅清新风插画AI教程!手把手教你绘制一幅清新风插画

(3)其他的叶片类植物画法参考龟背叶,颜色如下图所示。

AI教程!手把手教你绘制一幅清新风插画

3.  绘制椰子树:

AI教程!手把手教你绘制一幅清新风插画

(1)树干和椰子都是用钢笔工具绘制的,然后使用直接选择工具调整形状。

AI教程!手把手教你绘制一幅清新风插画

(2)主要是树叶的绘制,观察椰子树树叶,是由很多较平缓的线条组成,这时候可以用画笔工具绘制,然后选中线条,右键选择简化,减少锚点数量,调整线条。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

4. 绘制荷叶:以荷叶1为例,分析画面,荷叶是由荷叶主体、阴影、荷叶厚度、叶脉和荷叶茎组成。

(1)荷叶主体:荷叶主体是一个不太规则的椭圆,所以我们先使用椭圆工具绘制一个椭圆,然后在画好的椭圆路径上增加几个锚点,调整锚点和手柄,使椭圆不规则一些,更像是荷叶。

AI教程!手把手教你绘制一幅清新风插画

(2)荷叶厚度:将荷叶主体复制一层,调整到主体下层,然后下移到合适位置,在绘制一个矩形,然后选中主体层,主体复制层和矩形,使用形状合成工具,将多余部分减去,

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(3)叶脉和茎:叶脉是由钢笔工具绘制的,茎是由矩形调整锚点后得到的。

AI教程!手把手教你绘制一幅清新风插画

(4)阴影:将主体复制一层,用直线工具画出轮廓,然后用形状生成工具减去多余的部分,注意调整图层顺序,这样荷叶就完成了。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

5. 绘制荷花:荷花是由花瓣和花瓣轮廓组成的。

(1)荷花花瓣是不规则的,所以选择钢笔工具绘制,再用直接选择工具调整锚点和手柄。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

(2)轮廓:以其中一个为例,找到其对应的花瓣,复制一层,关闭填充颜色,打开描边,描边选择圆头端点、圆角连接和是描边外侧对齐,粗细为1pt。

然后使用增加锚点工具,在多余的那段路径上增加锚点,使用直接选择工具选中锚点将多余路径删除。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

三、绘制人物

1. 绘制小女孩:分析画面,除了头部和颈部是规则的椭圆,其余身体组成部分以及衣服和线条都是不规则的,所以选择钢笔工具进行绘制,头上的叶片装饰可以参考植物组的叶片类植物的画法。注意调整图层顺序。

AI教程!手把手教你绘制一幅清新风插画

2. 绘制秋千主体:分析画面:秋千主体由上面、前面、侧面和线条组成,三面可以由矩形工具调整锚点和手柄得来,线条由钢笔工具绘制。

AI教程!手把手教你绘制一幅清新风插画

3. 绘制秋千绳:使用直线工具绘制,然后使用增加锚点工具在多余部分路径增加锚点,使用直接选择工具选中锚点删除多余路径。

AI教程!手把手教你绘制一幅清新风插画AI教程!手把手教你绘制一幅清新风插画

四、绘制细节

1. 绘制阴影:分析画面,阴影都是不规则的形状,所以使用钢笔工具绘制。以阴影1为例,阴影1主要分为两部分,阴影和与树干重合的部分。首先使用钢笔工具绘制整个阴影,然后选中阴影和树干,使用形状合成工具将阴影分成4个部分,分别填色。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

2. 绘制泡泡:参考阴影的绘制方法,使用形状合成工具分为几个部分,分别填色。,不透明度调整到50左右。

AI教程!手把手教你绘制一幅清新风插画

3. 绘制蜻蜓:使用钢笔工具绘制。

AI教程!手把手教你绘制一幅清新风插画

4. 绘制水波和涟漪:水波和涟漪都是不规则的,使用钢笔绘制,再用直接选择工具调整锚点和手柄来调整形状。

AI教程!手把手教你绘制一幅清新风插画

5. 绘制彩带和小女孩浸入水中的部分

(1)浸入水中的部分:使用钢笔绘制,选中形状和小女孩,使用形状合成工具减去多余部分。

AI教程!手把手教你绘制一幅清新风插画

(2)彩带:以其中一个为例,其他的由这一个调整形状、大小和角度得来。

AI教程!手把手教你绘制一幅清新风插画

五、保存AI文件

选择位置,存储为AI文件。然后导出为PSD文件,勾选使用画板。

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

六、在PS中添加细节

1. 在PS中打开刚才导出的PSD文件,裁剪多余的部分。

2. 添加噪点:以水波为例

(1)在水波图层上面创建一个新图层,按住ALT键点击新图层,创建剪切蒙版。

(2)使用柔边画笔,画笔模式选为溶解,调整画笔大小、不透明度和流量,颜色选取湖水的颜色#71ecfe,画出噪点。

3. 处理好之后,效果图如下。

AI教程!手把手教你绘制一幅清新风插画

4. 完成之后记得保存一份PSD格式文件,便于修改,再导出一份JPG格式图片,就完成啦!

AI教程!手把手教你绘制一幅清新风插画 AI教程!手把手教你绘制一幅清新风插画

最终效果图

AI教程!手把手教你绘制一幅清新风插画

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

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

21 收藏 95

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片