这篇文章最初发表于2008年
介绍的技巧和技术可能过时。

遵循此Adobe Illustrator教程,创建一系列基于设计师生活方式主题的简单矢量对象,然后将它们平铺成一个看起来很酷的重复图案。基于Illustrator的基本形状创建对象对于初学者来说是一个很好的教程,同时也产生了一个很棒的结果,可以在一系列设计项目中使用。

插画重复图案

基于主题的模式的想法有助于开发一个可以在模式中使用的对象列表。作为一个由设计师拥有并为设计师撰写的网站,设计主题是自然的!以下是我们将要使用的构成任何图形或网站设计师生活方式的传统项目列表:

  • MacBook Pro笔记本电脑
  • 苹果MAC鼠标
  • 铅笔
  • 尺子
  • 设置正方形
  • 便条簿
  • 苹果手机
  • 一杯咖啡

矢量重复模式

设计将基于两种颜色的棕色,开始工作,创建一个新的Illustrator文档并绘制一个矩形来填充艺术板。使用Ctrl+2锁定此对象。

使用圆角矩形工具,画一个与MacBook相似比例的形状。绘制形状时,使用光标键调整角半径。从头到头世界品牌以快速获得一个苹果标志和对齐到位。将矩形划出1磅,并用相同颜色填充徽标。

选定矩形后,转到“对象>路径>偏移路径”,然后在“选项”框中输入-2px。给这个新矩形一个更薄的0.5pt的笔划。

使用直接选择工具删除矩形最上面的两个点,这将删除上边缘和角。

再次使用圆角矩形工具绘制传统Mac鼠标的形状,对重磨圆的边缘使用大的角半径。画一个小圆圈代表跟踪球,并分别加上1分和0.5分。使用“对齐”选项板可以完全对齐对象。

选择外部形状后,重复偏移路径的过程,但这次使用的是-1px的距离和0.25pt的行程。

要创建铅笔,画一个又长又细的矩形。要生成一个点,请使用笔工具在上边缘的中心添加一个额外的点。

选择星形工具,通过按光标键将点数减少到三个来创建三角形。按住ALT键并按住SHIFT键以保持三角形笔直。

使用“直接选择”工具垂直拖动到最上面的一个点,从而形成一个较长的三角形,以反映铅笔尖的形状。

在另一端,画一个简单的方块来表示橡皮擦,用纯色样本填充。

在笔上,再画一个长的,以细矩形为主体。使用圆角矩形工具创建盖子形状,将其与主体矩形的顶部对齐。

画另一个圆角矩形,但规模要小一些。使用直接选择工具删除其路径中只留下一条直线和一条曲线的点。

在此行中添加一个圆盖笔画,并将其放置在笔盖的侧面,以用作悬挂选项卡。

在底部添加一个小的圆角矩形,以完成直边。

拖动与身体笔划内部对齐的两个辅助线。使用这些导板和剪刀工具将两点切割到笔盖的路径中。

选择此新部分,并将冲程减小到0.5pt。小心地将这条小线移动到位,使其与周围的线对齐。

要创建标尺,从一个长矩形开始,填充选定的颜色样本。向内偏移0.5px的路径,使用棕色背景色绘制0.25pt的笔划。

画出前两条测量线,第一个比第二个稍长、稍厚。

复制(ctrl+c)较小的行并粘贴在前面(ctrl+f)。以相等距离向下移动形状。将另一个线条实例粘贴到前面,然后连续按ctrl+d重复上一个移动。重复这个过程,再画五条小线。从最后一个删除笔画。

选择所有六条线并旋转90度,然后单击画笔调色板中的新图标。从选项中选择New Pattern Brush,并使用默认设置保存画笔。

绘制一条横跨标尺边缘长度的垂直线,并添加新创建的画笔。然后沿整个标尺重复公制模式。

在用米色样本填充的艺术板上绘制一个新的矩形。使用笔工具删除右上角点,形成三角形。

转到“对象>路径>偏移路径”,然后输入-8px的距离。

选择此新形状后,转到“效果>样式化>圆角”并输入2px的设置。用棕色背景填充形状。

沿左边缘和下边缘绘制一条线,然后添加先前创建的画笔,将公制线添加到设置的正方形中。

创建一个大矩形用作记事本,并创建一个薄的圆形矩形来表示单个绑定环。

将环移动到位,复制并粘贴到前面,然后在按住SHIFT键的同时水平移动。粘贴新对象并使用ctrl+d命令重复移动,直到环绑定跨越整个上边缘。

把戒指集合在一起,并与主记事本对象对齐。

为了创造衬纸的效果,在记事本的顶部和底部画一条水平线。

选择了两条线,转到“对象>混合>混合选项”。在指定步骤选项下输入35。通过并选择“对象>混合>制作”继续并将这些选项付诸实践。

如有必要,返回并调整混合选项以微调线数。

通过使用圆角矩形工具绘制类似大小的形状来创建iPhone。

只需将路径偏移-0.5px并创建一个圆形按钮。为每个对象添加一个细笔划。

继续,添加两行以模拟屏幕区域和一个小的圆角矩形作为扬声器区域。选定所有对象后,将它们居中对齐。

没有一杯咖啡,设计师的生活方式就不完整!在画板上画一个划圈圈。

复制粘贴在圆圈前面,然后按住ALT键和SHIFT键,按比例缩小圆圈。将笔画替换为实心填充。粘贴并缩放第二个圆,这一次充满了棕色的背景。粘贴到另一个圆圈中,缩小到棕色区域内,旋转45度,然后使用直接选择工具删除左下角点。给这个半圆一个薄薄的米色笔画。

用圆角矩形工具创建一个小手柄,删除所有必要的点,以便把手能够很好地安装在杯子边缘,而不会重叠任何间隙。

选择并分组(ctrl+g)每个项目的所有对象,允许单击一次选择整个项目。旋转并移动每个项目到适当的位置,形成一个随机布局。

复制和粘贴对象的多个副本,并分散它们,同时确保项目之间的间距和平衡。

当一个相当大的扩展已经完成时,复制整个组并复制整个艺术板。

返回并用单个对象填充任何间隙。

使用一系列较小的对象可以快速掩盖此间隙,同时保持整体模式效果。

按ctrl+a选择整个对象页,复制它们,然后使用ctrl+2将它们锁定到位。将项目粘贴到艺术板上,并大致与原件对齐,同时进一步展开到周围的页面中。

放大以精确对齐对象,使用诸如集合正方形的点可以使这项工作变得更容易。缩小并删除重叠区域,因为原稿之前被锁上了,只能选择重复项。使用ctrl+alt+2解锁所有内容。

后退一步,在对象连接和重复的地方仍然有一些间隙。

在这些区域中的一个区域填充其他对象,然后将新对象与现有项目(如Apple徽标)一起复制,该项目可用于将任何重复项对齐到其他间隙上完全相同的位置。

选择所有对象的过程,复制它们,锁上所有东西,将重复项粘贴回,将它们与周围的对象对齐,然后删除重叠部分,可以重复使用,直到达到所需的大小(或耗尽RAM!)

插画重复图案

为了完成你的模式,将对象组合在一起,并使用剪切蒙版将图案缩小到一个整洁的矩形。

重复图案壁纸

以及有机会在未来的项目中单独使用每个对象作为符号或图标,整个重复模式也提供了一个伟大的外观设计,可用于任何地方,从网站背景,书籍封面和T恤衫。

Spongraphics iPhone壁纸

下载我的结果作为桌面或iPhone墙纸使用.

分享
在Pinterest上共享
没有图像。
32评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

32评论

  1. 伟大的,详细教程。谢谢!我想尽快尝试这项技术-而不是iPhone,但是…好吧,可能是iPhone。

    - 1
    • 回顾本教程,可以通过采取一些替代步骤来重复模式:

      复制小组时,按住SHIFT键将轴约束到X和Y,然后填补两者之间的空白。然后,您可以从四个重复区域中的每一个区域中选取一个点,从而选出一个正方形或矩形区域。

      删掉这一部分,就可以作为一个网页上的互动程序,尽管它将创建更多的结构化模式,而不是教程中的随机布局!

      希望这有帮助!

      - 1

评论现已关闭