AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

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

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

原图作者:Febin_Raj

教程作者:优设设计师就业衔接班13期-68-紫玉

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

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

关于教程

本期教程教大家画一张噪点风格矢量插画~

我们先来分析这张风景插画,由远及近,我们看到青绿色天空和蓝白色的雪山,蓝色的松树和不同高低层次的草地,一排排错落有致的红色小房子。画面细节方面点缀,都是采用的剪影形式,湖面上有两人在泛舟,海鸟在他们周围盘旋飞翔,草地上还有只小兔子,最后是大面积地加一些噪点装饰~

好啦,让我们开始吧~

教程步骤

一、新建文档并创建天空背景和湖面背景

1.1 打开AI软件,点击上方文档—>新建,创建一个新文档(或快捷键ctrl+N),具体参数如下。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

1.2 然后我们创建天空背景(这里天空有两个颜色层次),天空背景1为矩形,尺寸为800*379px,颜色参数如下,天空背景2为多边形,用钢笔工具绘制如图所示。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

1.3 绘制湖面背景,选择矩形形状工具绘制尺寸和颜色参数如下图:

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

以上背景绘制完成后,记得ctrl+2锁定背景图层,以免绘制其他形状乱跑

二、绘制云朵和山体

2.1 绘制云朵:我们按照1->2->3->4->5的顺序

以云朵3为例详细说明下绘制方法,用椭圆形状工具如图所示排列绘制出六个椭圆(A部分),用路径查找器,选择第一个联集,将六个椭圆合并一体,然后绘制出矩形(B部分),此处特别注意矩形位置一定要排列在最顶层,选中矩形和之前椭圆合并所合并形状,点击路径查找器里的减去顶层,云朵就绘制好了,云朵相关形状都填充颜色#F8FCFC~

其他云朵绘制方法相同,操作界面示意图详见下图:

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

2.2 绘制山体:还是按照 1->2->3->4 顺序

以山体1为例详细说明绘制步骤,这次使用钢笔工具绘制山体形状(其实用形状工具中的多边形工具也可以),调出钢笔工具依次点击出锚点然后回到第一个锚点(会显示小圆圈),代表形状路径闭合,根据山体1的形状,还需要选择钢笔的添加锚点工具在左边上添加一个锚点,再用直接选择工具调整下位置,山体就画好了,然后是高光部分,也是钢笔工具根据光源走向绘制出来,需要调整的地方就用直接选择工具(小白)调整~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

依此类推绘制第2、第3个山,注意山体的图层排列顺序~

三、绘制草地及树木

3.1 草地的绘制:主要是分析每个形状的图层顺序,这里按照->1->2->3->4->5->6的顺序绘制的,如下。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

草地的形状属于不规则的,所以选用钢笔工具绘制,以草地1为例,调出钢笔工具单击出现锚点,注意在有坡度的地方需要拖动鼠标不松,出现两个手柄,调节手柄就可以调整弧度,如图所示~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

同理绘制其他草地,图层顺序由下到上依次是 6->5->3->2->1->4

3.2 绘制树木:还是按照 1->2->3->4 顺序

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程! AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

先来分析画面,树木的形状基本相似且规则的,三角形松树,所以使用形状工具或者钢笔工具都可以,绘制一颗树后,按住alt键选中树进行拖拽就可以复制啦,这样可以方便的绘制出无数棵树,然后点击直接选择工具(小白) 调整树木的高低层次,重叠在一处的可以合并形状~

到这里,草原和树都绘制好了

四、绘制小房子

4.1 分析画面,按照 1->2->3->4->5->6 的顺序绘制

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

以房子3为例,先绘制一个五边形(可以用一个三角形和一个矩形组合起来,也可以绘制一个矩形,在顶边中点处增加一个锚点,调整该锚点的位置);

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

绘制屋檐等部位

钢笔绘制一个三角形,ctrl+c和ctrl+f原位复制出一个同样的三角形,选择工具按住shift向下拖动复制出的三角形,选择两个三角形,路径查找器,减去顶层,屋檐就制作好了~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

右上侧屋顶:用钢笔工具绘制一个近似平行四边形的形状

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

小房子色值如图所示:

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

五、绘制小兔子

绘制小兔子:可以将原图的小兔子复制到一个新图层里,调低这个图层的不透明度,再新建一个图层,使用钢笔工具描出兔子的形状。再用小白工具调整锚点,使小兔子的形状更为逼真自然,然后放到画面所示草地的位置~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

六、绘制湖面小船和海鸟

绘制方法同小兔子操作步骤,注意调整图层顺序。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

七、保存AI文件

因为之后要到ps里添加噪点,所以保存AI文件前注意要进行个重要操作,释放到图层,点击图层面板右上角的三条小横线图标—>释放到图层(顺序)。对每个图层都要进行此操作~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

调整好以后,就可以存储啦~选择一个位置,存储为AI格式即可。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

存储完以后不要急,还需要导出为psd格式。一定要勾选“使用画板”呀!

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

八、在PS中添加燥点及其他细节

打开刚才导出的psd文件,开始添加燥点啦!注意根据光源位置,给画面添加亮部和暗部

以草地为例,创建剪切蒙版,选取柔边画笔,调整画笔大小及溶解模式,选取草地原来的颜色,将图层的混合模式改为“正片叠底”,画笔平涂添加成暗部区域,将图层的混合模式改为“滤色”,则画笔添加出的是亮部区域~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

为了使剪切蒙版仅作用于草地的形状上,需要调出草地的选区——将鼠标放在草地图层的缩略图上,按ctrl键。

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

再选中剪切蒙版,用调整好的画笔在左侧轻轻扫过,按ctrl+D取消选区,对其他需要添加燥点的图层进行同样的操作。

到这里,我们就全部处理好啦,来看一下最终的效果~

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

最后,一定要保存呀!首先存储一个psd格式的,然后可以导出一个jpg格式

最终效果图

AI教程!静谧的湖边小镇,噪点剪影风格矢量风景插画绘制教程!

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

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

25 收藏 100

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

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

复制本文链接
img

发表评论 已发布 2

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片