亲宝软件园·资讯

展开

插画设计:设计一幅冬季平面矢量场景插画

刘治煜 人气:0

本篇教程通过设计一幅冬季平面矢量场景插画,平面矢量风景已经成为在设计中广泛流行的设计元素,今天我们来设计一幅美丽的场景图,虽然冬天很冷,但是很美,带着雪花的飘落更加唯美,同学们一起来创作一下这美妙的景象吧。

效果图:

插画设计,设计一幅冬季平面矢量场景插画

操作步骤:

1、如何制作一棵平杉木

步骤1

首先为我们的第一棵树做一个树干。采取矩形工具(M),并制作一个7×90像素的细条纹。

用棕色填充。使用“ 实时角落”功能通过将圆形标记拉到中心,使条纹的角落完全变圆。如果您使用Adobe Illustrator的早期版本,请随意使用“ 效果”>“风格化”>“圆角”。

添加另一个7 x 60像素的圆角的薄形状的冷杉分支,并填充浅蓝色。

用长方形工具做树干

插画设计,设计一幅冬季平面矢量场景插画

第2步

按住Alt-Shift 并将创建的蓝色形状向右拖动以进行复制。按Control-D几次以制作更多副本。让我们为分支添加一些多样性。复制的第一个和粘贴它在 正面(操作-C>控制-F)。挤压形状,使其更短,但保留7像素的初始宽度。

用长方形工具做一个冷杉分支

插画设计,设计一幅冬季平面矢量场景插画

第3步

使用直接选择工具(A)选择它们的底部锚点并将它们向下拖动,使每个条纹稍长一点。所有的形状保持相同的宽度。在每个条纹顶部添加较短的副本。重新着色条纹,逐渐变暗较低的形状,如下面的截图所示。

用矩形工具2做一个冷杉分支

插画设计,设计一幅冬季平面矢量场景插画

步骤4

Group(Control-G)每个条纹的片断形成分支,并垂直放置我们的条纹。现在让我们选择上面的分支,然后双击旋转工具(R)打开选项菜单。将“ 角度”值设置为30度,然后对每个条纹重复相同的操作,并以相同的角度旋转。

插画设计,设计一幅冬季平面矢量场景插画

第5步

将旋转的树枝放置在树的左侧,按住(Control-G)组,然后双击反射工具(O) 打开“ 选项”菜单。选择“ 垂直轴”,然后单击“ 复制”将镜像组翻转到主干的另一侧。

插画设计,设计一幅冬季平面矢量场景插画

第6步

最后,让我们更详细一点。复制躯干的形状和粘贴它在正面(操作-C>控制-F)。使副本更轻一点。 拿着剪刀工具(C)并且点击顶部和底部定位点将形状分成两半。删除副本的左半部分。

精彩!我们的第一棵树 - 冬季冷杉已经准备好了!让我们继续下一个!

插画设计,设计一幅冬季平面矢量场景插画

2. 如何渲染第二棵树

步骤1

让我们做第二棵树。从形成一个两色的树干开始。你可以做一个新的形状,根据你的喜好改变其长度和宽度,或者只是从我们的第一棵树复制树干,并使其更高。

采取圆角矩形工具,并在树干顶部做两个小的淡蓝色的形状,形成一个程式化的树冠。

选择与树干一起的蓝色形状,然后使用“ 对齐”面板对齐形状,选择“ 与关键对象对齐”并单击“ 水平对齐中心”。

插画设计,设计一幅冬季平面矢量场景插画

第2步

复制两个蓝色形状(Control-C> Control-F),并使其颜色稍暗。然后使用剪刀工具(C)通过单击侧面的锚点并删除不需要的一半来分开上面的副本。

这是第二棵树与我们的第一棵树相比应该如何看待的。为了使整个构图更加多样化,我们做得更高。

插画设计,设计一幅冬季平面矢量场景插画

第3步

让我们在这棵树上添加一些分支。首先,从冠上复制一个圆形的部分,并将其放在躯干的右侧。然后拿钢笔工具(P)或 线段工具()并做一个方形的形状。

在“ 颜色” 面板中将“ 笔触”颜色设置为棕色,然后转到“ 笔触”面板。从这里,将Cap和Corner设置到中间位置,使角和线的末端有点圆滑。而设置描边粗细到3磅。

插画设计,设计一幅冬季平面矢量场景插画

您可以使用“ 实时角落”功能使角落更加圆滑。

插画设计,设计一幅冬季平面矢量场景插画

步骤4

让我们在这里添加更多的分支。复制我们所做的,并改变副本的大小和位置。我们可能需要使树更高,为额外的分支有更多的空间。

插画设计,设计一幅冬季平面矢量场景插画

第5步

我们来添加一个圆形的小圆圈,由椭圆工具(L)制成的两个圆圈组成。 附上一个深褐色的树干。这个小家伙会帮我们填补我们插图的一些空白处。

插画设计,设计一幅冬季平面矢量场景插画

3. 如何制作浓密的橡木

步骤1

我们将首先制作橡木树冠。形成一个浅蓝色的90 x 45 px矩形,并使其角落完全变圆。做两个更小的圆角矩形,形成一个金字塔,一个放在另一个之上。

插画设计,设计一幅冬季平面矢量场景插画

第2步

Group(Control-G)形状并复制它们(Control-C> Control-F),使顶层复印件有点暗。保持所选形状的顶部组,使用橡皮擦工具(Shift-E),按住Alt键,然后在树冠的右半部分拉伸选项以将其删除。

插画设计,设计一幅冬季平面矢量场景插画

第3步

在前面加一个深褐色的树干。采取多边形工具 ,并将面数值设置为3,使一个微小的三角形。复制创建的三角形并将副本分布在冠的左侧和树干上,使树具有纹理。

插画设计,设计一幅冬季平面矢量场景插画

4. 如何制作花式松木

步骤1

让我们使用我们在本教程中创建的第一棵树 - 杉 - 形成一棵高大而详细的松树。首先,把它的躯干做得更高,用直接选择工具(A)拖动它的底部锚点。

然后选择除顶部之外的所有分支,然后按Enter键 打开“ 移动”窗口。将水平值设置为0 px,将垂直值设置为10 px ,以将选定的分支组向下移动10 px。

取消选择刚才移动的组中的上部分支,并重复相同的操作,将剩下的分支移动10px。

插画设计,设计一幅冬季平面矢量场景插画

第2步

现在重新着色分支,应用棕色色调,使他们适合树干。让我们开始形成松针。使用圆角矩形工具在上分支的左侧放置一个很小的垂直形状。

插画设计,设计一幅冬季平面矢量场景插画

第3步

将创建的针移动到分支下方(Shift-Control- [)。按住Alt-Shift并将其向右拖动一点,制作副本。再按Control-D 几次,用风格化的针头填满上部分支。改变蓝色的色调,使分支更多样化。

插画设计,设计一幅冬季平面矢量场景插画

步骤4

Group(Control-G)我们为上分支制作的针,复制组并粘贴多次以填充所有空分支。通过使用套索工具(Q)选择底部锚点并使用向下箭头键将其向下移动,使底部针稍长一些。

你可以让松木的左侧稍微暗一些,使其看起来更加细致。我们来看看最后一棵树吧!

插画设计,设计一幅冬季平面矢量场景插画

5. 如何做一个风格化的杉木

步骤1

最后再做一根针叶树,但是这次会非常简单和风格化。首先,使用“ 多边形工具”制作三个三角形。 改变三角形的大小和颜色,使顶部的一个小而淡蓝色,底部的一个大而深蓝色。

结合三角形,把它们放在另一个下面,形成一个金字塔。

插画设计,设计一幅冬季平面矢量场景插画

第2步

添加一个躯干和发送它到返回(Shift键控制- [)。最后,制作一组小巧的深蓝色三角形,并将它们散布在枞树的蓝色形状之上,增加一点纹理感。

插画设计,设计一幅冬季平面矢量场景插画

6. 如何制作冬季森林景观

步骤1

让我们连续放置我们的树,复制其中的一些,并改变大小,以形成一个均衡的组成。在森林底部添加一个长 圆形的长方形工具 ,形成地面。

您可以重新排列树,使用Control- [和Control-]组合键将一个物体放置在另一个物体的上方。

选择所有的树木,然后前往“ 对齐”面板。从这里,选择对齐 ,以 重点对象,然后单击垂直对齐底部。

插画设计,设计一幅冬季平面矢量场景插画

现在所有的树木均匀对准地面!

插画设计,设计一幅冬季平面矢量场景插画

第2步

让我们为树下的背景添加一个浅米色的矩形,这样我们就可以制作一些白色的下雪的细节。将水平地面重新着色为白色,并在地面形状的左侧添加一个小的白色圆圈。按住Alt键,将白色圆圈向右拖动,进行复制。按几次Control-D创建更多副本,用圆圈覆盖所有的地面形状。

插画设计,设计一幅冬季平面矢量场景插画

第3步

保持圈选,团结他们在 探路者。使用橡皮擦工具(Shift-E),按住Alt并将选择矩形拖到圆圈形状的下半部分以删除它。

插画设计,设计一幅冬季平面矢量场景插画

如果将圆圈与地面条纹组合起来,应该看起来像这样。

插画设计,设计一幅冬季平面矢量场景插画

步骤4

现在,让我们在天空中添加一些完成细节,以填补我们作品的空白空间。使用圆角矩形工具形成50 x 15像素的形状。在顶部放置一个较小的形状,将其向左移动,从而形成一个程式化的云。

制作更多的云朵并将其分布在我们插图的顶部。现在看起来完整了!

插画设计,设计一幅冬季平面矢量场景插画

完成:

插画设计,设计一幅冬季平面矢量场景插画

掌声送给伟大的自己,我们的冬季森林景观已经准备就绪,雪花从云层中掉下来,插图看起来更加细致,同学们在以后的学习中会越来越棒。

加载全部内容

相关教程
猜你喜欢
用户评论