Advertisement
  1. Design & Illustration
  2. Autumn

如何在Adobe Illustrator绘制一幅简单的秋天树林图案

by
Difficulty:BeginnerLength:MediumLanguages:

Chinese (Simplified) (中文(简体)) translation by Clare Liu (you can also view the original English article)

Final product image
What You'll Be Creating

最近,我去了趟苏格兰高地旅游。 那里满是高山,斜坡,树林。 正值深秋的时候(或者叫“秋天”,这取决于你的所在地),树叶开始发生不同程度的变化,颜色各不相同....简直美极了。 这次教程的灵感就来源于此。

在本次教程中,我将向你展示如何在Adobe Illustrator中绘制一幅简单的秋日树林图案。 将由两个形状构成...圆和矩形。 无需使用钢笔工具,我会从方法到颜色仔细讲解整个绘制过程,因此特别适合初学者。

如果你正在寻找一些现成的,独特的矢量图案,在GraphicRiver就能找到很多。 里面有很多特别棒的关于秋天的各种图案

1. 如何绘制一棵简单的树

步骤1

我们先开始画树的基本的形状。 它由两个形状组成:一个圆作为树叶,还有一个矩形作为树干。 使用椭圆工具(L)画一个圆。 在画布上点击一下,会弹出一个对话框。 设置60 px60 px

再使用矩形工具(M)在画布上点击一下。 在弹出的对话框,设置8 px60 px

Create the two shapes

步骤2

你会注意到两个形状并没有交叉重叠放置。 我们来让它们精确对齐放置。 使用对齐面板就可以实现。 如果看不到对齐面板,打开窗口>对齐

使用选择工具(V),选中这两个图形。 然后在对齐面板里,点击水平居中对齐按钮。 这样使树干位于叶堆的中间。

Align the shapes

步骤3

如果你调整的结果和我们一样,树干并不是位于垂直方向的合适位置。 我们可以手动来调整,使用方向箭,或者选中它,将它向上或者向下移动。 如果你选择的是后者的方法,我建议你启用智能参考线 (Control-U)。 借助参考线,它可以帮助你让形状,路径,锚点朝其他对象或者中间锚点对齐。 因此,这里我准备将树干的顶部对齐到叶堆的中间。

不小心将它偏离了水平方向的中心? 再次使用对齐面板,点击水平居中对齐来更正。

Move the trunk into place

2. 如何绘制不同种类的树

步骤1

森林里的树木基本品种一般都不会一样,有了这个想法,我准备再画两个不同种类的树。 我先来调整这个圆。 首先,选中绘制好的树,复制(Control-C),粘贴(Control-V)各两次。

现在有三棵树了。 一个仍保留之前的形状,另外两个将是我们要调整的。

Duplicate the trees

步骤2

第一次形状的修改,我准备先使用自由变换工具(E)

选中上面的圆,形状周围就会出现一个变换框。 向上拉顶部中间的节点,大概30 px。 现在,我得到一个不一样树的形状。 简单吧!

Stretch the circle

步骤3

第二次形状的修改,我准备使用直接选择工具 (A)

这个和选择工具差不多,但是它可以单独选中形状的某个锚点或者路径。 对于这个形状,我选中第三棵树的顶部的锚点。 选中它之后,锚点两边的手柄就会出现,如下图所示。

Select the top point

然后,使用键盘上的方向键,将这个锚点向上移动,将形状调整成一个像鸡蛋一样的形状。 第三棵树就完成了!

Eggy tree anyone

3. 如何给树添加秋天的颜色

步骤1

选中这三棵树,复制 (Control-C),粘贴(Control-V),将它们排成一行。 现在有六棵树将足够填满秋天的所有颜色!

我将使用Adobe Illustrator色板里默认的RGB颜色。 如果你没有这些颜色的话,我把这些颜色的十六进制代码列出来。

首先,选中所有的形状,将描边颜色改为#534741。 黑色轮廓对于这种构图来说有点太醒目了。

然后,将树干填充一个浅一点的颜色,#998675

Filling the trunks

步骤2

对于叶子部分的颜色,我准备使用全秋季的色谱,从火红的橙色到郁郁葱葱的绿色。 从左到右,颜色一次是:

  • #f15a24/ 火红的橙色
  • #fbb03b / 淡橙色
  • #fcee21 / 黄色
  • #d9e021 / 黄绿色
  • #8cc63f / 豆绿色
  • #39b54a / 郁郁葱葱的绿色
Add colours to the trees

4. 如何为图案的制作准备好形状

步骤1

分别选中每棵树,叶子部分和树干,将它们进行编组(Control-G)。 这样选中它们的时候,就比较容易移动。

Grouping the trees

步骤2

我将三棵树移到另外三棵树的上面, 这样安排的话,在使用图案选项面板的时候,就能默认应用较小的空间。 说到这个...

Moving the trees

5. 如何使用图案选项模式

步骤1

全选六棵树,然后打开对象>图案>建立。 这时会弹出一个对话框提醒你图案将会被自动加入到色板里面,点击OK

你将会看到一个图案选项面板,里面会有各种设置,你选中的对象,还有只含有选中对象的图层面板。

让我们来定义图案,好嘛?

Pattern Options panel

步骤2

首先将图案重新命名为“秋天的图案”, 将拼贴类型改为砖形(按列)。 我倾向于避免使用格子图案,因为它总是显得有点太基础。 这当然只是个人的喜好,因为我发现按砖形排列的图案更美观,所以选择你喜欢的任意拼贴类型。

我将重叠更改为底部在前, 这样做的话,三个树干应该总是出现在重叠部分的后面。

Renaming Overlap and Tile Type

步骤3

我在之前的步骤里提到,我将两棵树排成两行的时候,形状所占的空间将会在图案选项里创建一个默认空间, 这将有助于我了解我需要多大的空间来处理我的图案。

这些形状所占的空间是202 x 256 px (在之前的两个截图,你可以看到这个大小)。 可是,里面有很多空白空间,我想对它们进行填补。 我的做法是将宽度和高度各减少大约50 px。 或者是因为我喜欢整数,我设置150 px200 px。 现在空间更紧密了。

然后,使用选择工具 (V),调整移动你的树木,找到一个你满意的随机图案。

Reduce the pattern size and move your trees around

步骤4

在图案选项模式里,你可以对现有的形状进行调整:从颜色到形状尺寸大小,在今天这个案例里,我们需要调整的是描边粗细。 我选中所有的形状,在描边面板里面,将边粗细改为2 pt, 这样使得图案看起来更符合简单的漫画风。

Changing the stroke weight

步骤5

你同样也可以在图案选项模式里添加或者删除形状。

为了将白色区域进行填补,让图案看起来更加多样的话,我准备加一点一些小点的污垢或者地面纹理。 使用椭圆工具(L)来做。 将填充颜色设为之前形状的描边色 (#534741) ,尺寸为 4 x 4px

Adding dirt

步骤6

对圆点进行复制,得到三个圆,组成一组,多次复制,将它们放在白色区域内,沿着每个树干的边。

完成之后,点击屏幕顶部的完成按钮。 这样你的图案就被保存下来了。

Adding more dirt

6. 如何使用新绘制的图案

那么你的图案去哪里了呢? 当关闭图案选项模式之后,你会注意到,画板上又回到之前绘制的六棵树。

这个图案将会在色板上自动保存。 怎么使用呢,设置你的填充颜色为你画的图案,任意画一个形状。 你的图案就显示出来了。

Using your pattern

远离南瓜拿铁吧!现在可是秋天了!

“图案选项”面板是Adobe Illustrator更新之后,我最喜欢的功能之一。 光是玩弄这些设置就很有趣,即使是些基本的形状。 我希望今天向大家介绍了一些新工具的用法,请在下面评论区让我看到你们的作品,一起来分享一下吧。

Final pattern
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.