首页 教程 正文

用Adobe Illustrator绘制一个扁平化冬季森林雪景

2018.1.5 发布在 教程 栏目

在这个教程里,我们将用流行的扁平化样式来创建一个舒适的冬天森林场景。 我们将用Adobe Illustrator的各种各样的基础图形和路径查找器,来创建一个可爱的场景。它可以被用作你的博客或者网站的页眉,也可以用做贺卡或插图打印。 这个过程很简单、也很容易理解。

扁平化的矢量图场景已经成为一种非常受欢迎的设计元素,它被普遍用于广告横幅、网站布局和手册模板。 在这个教程中,我们将做这样一组场景:一个扁平化的冬日森林。 那我们开始吧!

让我们从制作我们第一棵树的树干开始。 创建一个细条纹。 工具:矩形工具(快捷键M),像素尺寸:7*90px。

填色:棕色。 用实时转角的特性,把圆圈标记朝中心拖曳,让条纹的转角完全变圆。 如果你在使用较早版本的Adobe Illustrator,请点击效果>风格化>圆角

再增加一个带圆角的细长图形,用作冷杉树的树枝,它的像素尺寸:7*60px,填色:浅蓝色。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第1张

按住Alt+Shift并向右拖曳刚创建好的蓝色树枝来复制。 多按几次Ctrl+D来创建更多复制。 然后让我们给这些增加些多样性。 复制第一根树枝,并粘贴在前面(Ctrl+C>Ctrl+F)。 把图形压扁,把它变得短一点,但保持最初像素宽度:7px

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第2张

直接选择工具(A)【我用的是选择工具(V)】选择每个条纹的底部锚点并往下拖曳,让后一个条纹比前一个长。 保持全部蓝色图形同样的宽度。 将每个条纹复制并缩短,放在原条纹的上方。 对这些短条纹再上色,逐渐加深下方图形的颜色,如下截图。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第3张

编组(Ctrl+G)每个条纹的组成部分进行编组,形成树枝,并自上而下放置。 现在让我们选择上面的树枝,双击旋转工具(R)打开选项菜单。 设置角度值:30°,并且对每一个条纹重复同样的动作,旋转同样的角度。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第4张

把旋转好了的树枝放在树的左边,对他们进行编组(Ctrl+G),并且双击镜像工具(O)打开选项菜单。 选择垂直镜像,并点击复制去翻转镜像组到树干的另一边。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第5张

最后,让我们对树干再做一点细节处理。 复制树干图形并粘贴在前面(Ctrl+C>Ctrl+F)。 让复制的树干填色上稍微亮一点。 选择剪刀工具(C),并点击顶部和底部锚点,将图形分成两半。 删除复制品的左半边。

太好啦! 我们的第一棵树——冬日冷杉树——完成啦! 让我们继续画下一棵!

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第6张

让我们把第二棵树做得高点。 从创建一个双色的树干开始。 你可以创建一个新的图形,调整到你喜欢的长度和宽度,或者只是从我们第一棵树复制树干,并让它高点。

选择圆角矩形工具,创建2个小的浅蓝图形放在树干的顶部,形成树的样式化树冠。

选择蓝色图形和树干,并用对齐面板来对齐图形,选择对齐到关键对象,并点击水平居中对齐

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第7张

复制2个蓝色图形粘贴到前面(Ctrl+C>Ctrl+F),并使他们的颜色深一点。 然后用剪刀工具(C)点击上面复制品两边的锚点去剪开,并删除不需要的一半。

以下是第二棵树与第一棵树对比,所应该呈现出来的样子。 我们让它高一点是为了让整个作品更加多样化。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第8张

然后让我们也对这棵树添加几个树枝。 首先,从树冠上复制一个圆角图形,放在树干的右边。 然后用钢笔工具(P)直线段工具(\)画一个正方形。

颜色面板中设置描边颜色:棕色,并前往描边面板。 在这里,设置端点边角到中间位置(即端点为:圆头端点,边角为:圆角连接),让线的边角和两端都圆一点。 并且设置描边粗细3pt

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第9张

你可以使用实时转角的特性使边角更圆。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第10张

让我们在这里添加更多的树枝。 复制我们之前做的树枝,改变他们的尺寸,并且放置复制品。 你甚至可能需要让树再高点,能有更多的空间容纳额外的树枝。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第11张

让我们添加一个小的,圆的灌木,它由椭圆工具(L)做的2个圆圈组成。 附上一棵深棕色的树干。 这个小家伙会帮忙填充我们插图的一些空白空间。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第12张

我们将从创建我们橡树的树冠开始。 创建一个90*45px的浅蓝色的矩形,让它的边角完全弄圆。 创建2个圆角小尺寸矩形,形成一个金字塔,一个放在另一个上面。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第13张

对图形进行编组(Ctrl+G),并复制粘贴在前(Ctrl+C>Ctrl+F),让顶层的拷贝颜色深一点。 保持顶部编组图形选中状态,选择橡皮擦工具(Shift+E),按住Alt键,并延伸选择框以覆盖右半边树冠来删除它。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第14张

在前面添加一个深棕色树干。 选择多边形工具,并设置边数为3来创建一个微小的三角。 复制创建的三角形,并在花冠左边和树干的上方布满拷贝,形成树的纹理。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第15张

让我们使用在这个教程中最早创建的第1棵树——冷杉树——去创建一棵高的细节丰富的松树。 首先,让它的树干更高,用直接选择工具(A)【我用的是选择工具(V)】向下拖曳它的(指的是树干)底部锚点。

然后选择全部树枝,除了顶部的那对树枝,并按下回车键来打开移动窗口。 为了移动所选的树枝组向下10px,设置水平值到0px垂直值到10px

从我们刚移动的组中,将顶上的树枝取消选择,并且重复同样的动作,移动剩下的树枝向下10px

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第16张

现在重新对树枝着色,涂上棕色使它适合树干。 然后让我们开始创建松针。 使用圆角矩形工具将微小的垂直的图形放在上方树枝的左边。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第17张

把新建的松针移动到树枝的后面(Shift+Ctrl+[)。 按住Alt+Shift并拖曳它(指松针)至右边并且向上一点,进行复制。 按Ctrl+D多次,用风格化的松针来填充上面的树枝。 调整蓝色的深浅,使树枝更多种多样的。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第18张

对我们刚创建的上层树枝的松针进行编组(Ctrl+G),复制这个组(松针组)并粘贴数次来填充全部的空白树枝。 使用套索工具(Q)选择松针底部锚点使底部松针更长一点,并使用向下箭头键将它们调低。

你可以让松树的左边暗一点使得它看起来更丰满。 然后让我们移动到我们最后一棵树!

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第19张

最后,让我们创建另一棵针叶树,但这次它会很简单和样式化。 首先,使用多边形工具,创建3个三角形。 改变三角形的尺寸和颜色,使顶部的尺寸小、颜色浅蓝,底部的尺寸大、颜色深蓝。

把这些三角形组合起来,把他们一个放在另一个的下面,形成一个金字塔。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第20张

添加一根树干并置于底层(Shift+Ctrl+[)。 最后,创建一组微小的深蓝色的三角形并点缀在冷杉树的蓝色图形上,添加纹理修饰。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第21张

让我们把我们的树排成一排,复制其中的一些并改变尺寸来形成一个布局均衡的作品。 用圆角矩形工具在森林的底部添加一条长的水平条纹,形成地面。

你可以用Ctrl+[Ctrl+]的组合键重新布置这些树,把一个对象放在另一个对象的上面。

选择全部的树并前往对齐面板。 在这里,选择对齐到关键对象并点击垂直底对齐

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第22张

现在全部的树都平整地排列在地面上了!

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第23张

让我们添加一个浅米黄色矩形作为树后面的背景,以便我们能创建一些白色的、下雪的细节。 用白色对水平地面重新着色,并在地面图形的左边添加一个小白色的圆。 按住Alt+Shift并拖曳白色圆到右边,进行一个复制。 点击Ctrl+D几次去进行更多复制,用圆覆盖全部地面图形。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第24张

将圆选定,在路径查找器里点击联集。 选择橡皮擦工具(Shift+E),按住Alt拖曳出矩形选择框,覆盖圆形的下半部分以便删除。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第25张

如果你把圆和地面条纹结合,那它应该看起来像这样。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第26张

现在,让我们给天空增加一些收尾的细节,来填充作品的空白空间。 选择圆角矩形工具来创建一个50*15px的图形。 把小的图形放在上面,移动到左边,从而就形成了一朵样式化的云。

创建更多的云,并把它们分布在插图的上方。 现在看起来完成啦!

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第27张

干得漂亮,各位! 我们的扁平化风格冬日森林场景准备好啦! 在这里,我们最后稍稍再加一笔:雪花从云端飘下,让整幅画看起来细节更加丰富。 我希望你已经发现了一些新的小建议和诀窍,以便你能在你将来的工作中用到。

用Adobe Illustrator绘制一个扁平化冬季森林雪景 教程-第28张

评论

昵称*

邮箱*

网址


浙公网安备 33010602003558号