1. Design & Illustration
  2. Summer

如何在Adobe Illustrator中创建热带图案

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

夏天是最生动多彩的设计的最佳时机!热带花卉图案是今年最热门的夏季趋势之一,所有这些水果,树叶和花朵的混合物在面料,服装和印刷媒体上看起来都非常棒。

加入我的这个教程,让我们学习创造一个时尚的无缝图案,使用简单的形状和各种翘曲效果来创建热带元素,使他们看起来像手绘。我们将通过使用“模式工具”将我们的元素组合成一个平衡的纹理。

在本教程结束之前,您将学习如何为打印或织物,衣服和横幅创建独特的时尚模式。而且,更重要的是,它们可以用作您的网站,在线商店或博客的背景。

查看GraphicRiver上的热带图案集合,了解您可以描绘哪些其他元素,使您的纹理看起来不同。

让我们开始吧!

1.如何画香蕉

步骤1

使用椭圆工具(L),让我们开始创建香蕉!做一个230 x 50像素的黄色椭圆。

转到效果>变形>拱形并设置如下:

  • 水平弯曲值-60%
  • 水平扭曲值-10%
  • 垂直扭曲值-10%

单击确定对象>扩展外观以应用效果。

make a banana from ellipsemake a banana from ellipsemake a banana from ellipse

步骤2

让我们为我们的香蕉创造一个末梢。使用矩形工具(M),并制作一个20 x 20像素的黄色正方形。转到效果>变形>凸出并设置:

  • 水平弯曲值0%
  • 水平扭曲值0%
  • 水平垂直值25%

单击确定对象>扩展外观以应用效果。

apply the bulge effectapply the bulge effectapply the bulge effect

步骤3

调整形状大小,使其略小。 复制 (Control-C> Control-F),并将矩形连接到香蕉的两个尖端,如下所示。 选择所有三个元素,并使用路经查找器联集功能将它们合并成一个单一的形状。

unite the shapes in the pathfinderunite the shapes in the pathfinderunite the shapes in the pathfinder

步骤4

让我们创造一个粗糙的纹理效果,从而为我们的形状添加一个温柔的手绘触感。转到效果>扭曲和变换>粗糙化并设置:

  • 大小0.3%
  • 相对
  • 细节50 /英寸
  • 平滑

单击确定

apply roughen effectapply roughen effectapply roughen effect

步骤5

对象>扩展外观以应用效果。

Object Expand AppearanceObject Expand AppearanceObject Expand Appearance

步骤6

现在抓取铅笔工具(N),让我们添加这些简单的细节,使我们的香蕉看起来更逼真! 双击工具面板中的铅笔工具(N)图标,并确保保真度滑块设置为中心或更接近精确。您还可以在下面的屏幕截图中查看所有其他选项; 检查所有的框。

颜色面板中将填充颜色设置为笔画颜色设置为棕色。然后打开描边面板(窗口>描边),将粗细设置为1.2pt,并将端点设置为圆头端点

在香蕉的右端绘制一个小椭圆形,并在另一侧形成更大的圆形。

add minor details with the pencil tooladd minor details with the pencil tooladd minor details with the pencil tool

步骤7

通过短笔画继续在香蕉的末端加上细节。沿整个形状画一个较大的弓形描边。

Continue adding details Continue adding details Continue adding details

步骤8

添加更多的笔画,并通过在末端上绘制两个圆形形状来完成香蕉,此时将填充颜色设置为棕色。

耶!香蕉准备好了!我们继续前进到模式的下一个元素!

The banana is readyThe banana is readyThe banana is ready

2.如何制作橘子片

步骤1

我们从矩形开始吧。使用矩形工具(M)制作90 x 45像素的黄色形状,并用直接选择工具(A)选择其底部锚点。 将圆圈标记拖到中心,使得角落在圆角功能的帮助下圆润。您还可以从顶部的控制面板调整角落值,如果需要设置精确值。

make a slice from the rectanglemake a slice from the rectanglemake a slice from the rectangle

步骤2

选择形状,然后转到对象>路径>偏移路径,将偏移值设置为8像素,并将所有其他选项保留为默认值。单击确定并用橙色填充新形状。

选择两种形状,抓取橡皮擦工具(Shift-E),按住Alt键,并擦除形状的顶部,使元素完全对齐到彼此的顶部。

apply Object Path Offset Pathapply Object Path Offset Pathapply Object Path Offset Path

步骤3

复制(Control-C> Control-F)黄色。选择其中一个黄色副本和橙色形状,并从路径查找器面板中应用减去顶层

使黄色形状略小,这样形状之间就有间隙了。

apply Minus Front from the Pathfinder panelapply Minus Front from the Pathfinder panelapply Minus Front from the Pathfinder panel

步骤4

应用效果>扭曲和变换>粗糙化用以前相同的设置,以沿边缘添加涂鸦效果。

使用线段工具(\)钢笔工具(P),并添加一组白色笔画将黄色切割成段。

make segments with the Pen Toolmake segments with the Pen Toolmake segments with the Pen Tool

步骤5

保持笔画的选择,转到画笔面板(窗口>画笔),然后打开面板底部的画笔库菜单。 从这里,去艺术> 艺术效果_粉笔炭笔铅笔,找到一个木炭 - 铅笔刷(或任何其他的你喜欢的画笔,但它应该足够厚,有一个难看的纹理)。 点击它应用于笔画。如果看起来太薄,可以增加笔画的宽度

apply a charcoal brush to the strokesapply a charcoal brush to the strokesapply a charcoal brush to the strokes

步骤6

选择所有笔触和对象>扩展外观并且在路径查找器面板中联集他们。 最后,对象>复合路径> 建立(Control-8)将任何单独的粗细纹理合并在一起。

选择创建的白色形状与黄色半圆,并应用减去顶层切出形状,创建单独的黄色段。

apply Minus Front to cut out the shapeapply Minus Front to cut out the shapeapply Minus Front to cut out the shape

步骤7

使用铅笔工具(N)在这里和那里添加几个短笔画来完成橙色的薄片。

add a few short strokes add a few short strokes add a few short strokes

3.如何绘制火龙果

步骤1

首先制作一个105 x 115像素的粉红色椭圆,并使用直接选择工具(A)通过移动锚柄来修改形状。

复制 (Control-C> Control-F)形状,使顶部副本更小。将其填充颜色更改为白色。

make a dragon fruit from circlesmake a dragon fruit from circlesmake a dragon fruit from circles

步骤2

使用矩形工具(M)凸出扭曲效果创建一个小梯形,就像我们为香蕉做的一样。

将梯形放在水果的顶部,并使用椭圆工具(L)在粉色形状的边缘创建一组椭圆。选择所有的粉红色元素,并在路经查找器中将它们联合起来。

选择水果并应用效果>扭曲与变换>粗糙化以使边缘粗糙。

add details to the fruitadd details to the fruitadd details to the fruit

步骤3

让我们通过在白色部分散布一些种子来完成火龙果。在椭圆工具(L)的帮助下创建一个2 x 2像素的棕色圆圈。使用直接选择工具(A)选择其顶部锚点并将其向上拖动。

将种子放在水果上,按住Alt键并移动种子开始复制。旋转副本并改变种子的大小。

那里我们有它!在水果顶部添加几个黑色的笔画,让我们继续前进!

add seeds made from a circleadd seeds made from a circleadd seeds made from a circle

4.如何创造热带树叶和植物

步骤1

现在是我最喜欢的部分!我真的很喜欢绘制热带叶子和元素,因为它们看起来总是很独特的,而且这个过程本身就是非常平静和有趣的,有很多创造力!

首先,我们需要创建自己的画笔来加快绘制叶子的过程。

使用椭圆工具(L)制作一个100 x 5像素的压扁椭圆。

使用直接选择工具(A)选择其侧面锚点,并从顶部的控制面板将选定的锚点转换为尖角。

现在在画笔面板中拖放我们的椭圆,然后在弹出的新建画笔窗口中选择艺术画笔

我没有在艺术画笔选项中更改任何内容,将所有设置保留为默认设置。但是,我们可以随时通过双击画笔面板中的画笔来更改这些设置,例如,如果我们需要更改画笔的宽度或其着色方法

create an art brushcreate an art brushcreate an art brush

步骤2

铅笔工具(N)绘制我们未来的叶子的深绿色茎。

现在使用画笔工具(B),并开始沿着茎绘制垂直的笔画,绘制叶子的这些小部分。使一些更短,一些更长,并使其中一些重叠,以使叶看起来更真实。

随着你越来越接近叶子的顶部,使笔触越来越小。

创建一个稍微不同形状的另一个叶子,用更长的笔画覆盖。

use the Paintbrush Tool to draw leaves use the Paintbrush Tool to draw leaves use the Paintbrush Tool to draw leaves

步骤3

现在让我们来画一个叶蓬莱蕉树叶。这些蓬莱蕉树叶总是有助于实现一个任何热带设计的合适寻找。

使用铅笔工具(N)绘制一个叶子剪影。它的椭圆形不应该是完美的,所以使它摇摆不定和不对称。记住要使叶子的顶部尖一点,其底部圆形像一个颠倒的心形。

填充颜色切换为黑色(或任何其他颜色),并在叶子的顶部绘制手绘椭圆形图案,标记未来的孔。选择所有黑色形状,并制作复合路径(Control-8)

选择黑色形状与叶子剪影,并使用路经查找器减去顶层功能切出黑色元素。

最后,应用粗糙化效果使叶子变得粗糙。

draw a tropical leaf with the pencil tooldraw a tropical leaf with the pencil tooldraw a tropical leaf with the pencil tool

步骤4

让我们画一个扇形的叶子。使用铅笔工具(N)以手绘的方式绘制其轮廓。

应用粗糙效果,并通过铅笔工具(N)的帮助下添加深绿色笔触来完成叶子。

draw a tropical leaf with the pencil tool 2draw a tropical leaf with the pencil tool 2draw a tropical leaf with the pencil tool 2

步骤5

现在我们来到下一个热带叶。这次我用一个85 x 230像素椭圆形作为基础。使用直接选择工具(A)并移动锚点及其手柄,改变形状。

铅笔工具(N)的帮助下,通过添加茎和静脉来应用粗糙化效果并完成叶子。

make a leaf from an ovalmake a leaf from an ovalmake a leaf from an oval

步骤6

我们为下一个植物创建另一个笔刷。制作一个12 x 12像素的圆,并将其左侧锚点向左拖动。从顶部的控制面板转换所选锚点为尖角

画笔面板中拖放创建的形状。创建一个新的艺术画笔,将其选项保留为默认值,并通过几个笔画来尝试。调整宽度,如果需要,使植物看起来漂亮和成比例的。

create an art brushcreate an art brushcreate an art brush

步骤7

现在,所有的叶子都准备好了,我决定玩这些颜色搭配,使它们看起来更自然和多样化。我们可以手动重新着色对象或从顶部的控制面板或从编辑>编辑颜色>调整色彩平衡中使用重新着色工具。

我使用第三个选项,调整每个叶子的颜色,尝试不同的绿色色调。

因此!我们所有的元素都准备好了,让我们继续前进,创造一种时尚的模式!

recolor the leavesrecolor the leavesrecolor the leaves

5.如何用图案工具设计热带无缝图案

步骤1

择我们创建的所有元素,然后转到对象>图案>建立

go to Object Pattern Makego to Object Pattern Makego to Object Pattern Make

步骤2

从这里,前往模式选项面板,并设置以下选项:

  • 拼贴类型网格
  • 宽度450像素
  • 高度450像素
  • 取消选中瓷砖尺寸下方的框
  • 复制3 x 3
  • 检查副本变暗到70%的框
  • 检查显示拼贴边缘的

现在我们可以在瓷砖框周围看到我们的对象的半透明拷贝,这有助于我们清晰地看到我们的未来模式,使其看起来平衡,消除任何差距。

开始把水果和树叶铺在瓷砖的正方形里面,调整大小并旋转它们,使元素重叠。使用Control- [Control-]键盘快捷键向后或向前移动元素。

set the pattern optionsset the pattern optionsset the pattern options

步骤3

开始添加对象的副本以填充整个图块。使用镜像工具(O)通过双击它翻转该形状的水平垂直轴,然后单击复制生成镜像副本。

add more elementsadd more elementsadd more elements

步骤4

最后添加更多的叶子,并确保一切看起来平衡和谐。

fill the gaps of the patternfill the gaps of the patternfill the gaps of the pattern

步骤5

双击画板外的任何位置,或单击顶部的Done(完成)退出图案模式

现在我们可以在色板面板窗口>色板)中找到我们的图案。根据您的喜好创建任何形状,例如,一个正方形,然后通过在色板面板中单击来应用我们的模式。 我们可以随时返回到图案模式,方法是单击编辑模式按钮并移动元素,如果看起来不好看。

find our pattern in the Swatches panelfind our pattern in the Swatches panelfind our pattern in the Swatches panel

步骤6

让我们来看看它在黑暗背景下的样子!创建一个800 x 600像素的矩形,并填充一个深绿色的颜色。

复制 (Control-C> Control-F)矩形,并通过在色板面板中单击应用该模式。

好啦!

create a darker backgroundcreate a darker backgroundcreate a darker background

热带的氛围!我们的时尚无缝图案已经完成!

做得好!希望您喜欢本教程,并学习了一些关于创建画笔和应用效果的新技术。 随时在您的未来项目中使用这些技巧和诀窍,不要忘记与世界分享结果!

如果您想了解如何在Photoshop中创建无缝热带模式,我们也有教程。

快乐的设计!

Seamless Tropical Pattern Adobe Illustrator TutorialSeamless Tropical Pattern Adobe Illustrator TutorialSeamless Tropical Pattern Adobe Illustrator Tutorial
关注我们的公众号
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads