前言

你会花多少时间去为你的设计制作独特和有创意的插图？可能比你想象的要多很多。

Loopers可以让你在设计原创插图时减少绘图时间。这个新的sketch插件允许你通过复制，移动，多次旋转对象，制作独特的形状和图案，生成有趣的插图。

今天，我会展示怎样在没有绘图基础的情况下，用20s或者更少的时间，为你的app，banners，backgrounds制作精美的插图。

为什么使用Looper？

我一直在研究使用不同的插件和应用来帮助我设计原创插图，我发现Looper最好用是因为它能让我在几秒钟创建复杂的和不同类型图形，比如规则和不规则的图案，背景，甚至商标。

教程

1.Looper常规流程和提示

我们先从一个简单的形状开始使用looper，使用快捷键“CMD+L”或者通过顶部插件菜单“PLUGIN > LOOPER > LOOP”打开“loop”，你可以在图层或组上使用looper。

如果你需要创建复杂或者大型的图案，可能会花费较长的时间来进行渲染。另外，可以使用键盘上下键来调整dupliaction, scale等属性的数值，同时按住shift键向上或向下，属性值会以10为单位增加或减少。

2.抽象图形

理解looper是如何工作的最好方法是创建完全抽象的图形，使用钢笔工具任意画一个你喜欢的形状，然后打开loop（cmd+L），随意设置一下属性值。

你还可以用相同的方式，创建一张背景，给图层增加一些渐变会出现一些很酷的效果。

3.简单图案

Looper不仅可以生成抽象形状，也是创建简单，创意或不规则图案的理想选择。在上面的实例子，我使用单个矩形来生成整个图案。要构建均匀分布的图案，请使用Looper中的“Form a Grid”功能。我通过旋转和不透明度变化任意排列图案，10秒内就形成了一个神奇的效果：

4.装饰物

你还可以用Looper创造出完美比列的装饰品。画一条垂直或水平线，并在旁边添加一些元素。我用一条线和一个圆创建了一个简单的例子。下面看看我通过更改副本数量创建了几个不同的装饰品。尽可能从最低的数字开始来调整number of copies，逐一增加，保持这个好习惯，这样你才能看到你的图案是如何变化的。

注意我如何使用默认的旋转功能，并从两个副本开始。

5.3D效果

通过调整Sketch图层样式，还可以创建令人印象深刻的3D效果。制作3D图形的关键是将一些渐变和阴影添加到起始形状，并在“Move”功能中复制此形状。旋转和缩放在这里也有帮助：

6.粒子球

你可以通过复制单个点来构建什么？首先，可以创建一个由粒子组成的球体。使用任意比例和不透明度生成大量点后，只需要在sktech中使用圆形进行蒙版即可：

7.波浪效果

我们可以用一条直线做什么？通过将线沿着一个轴线移动几个像素并轻微的旋转，可以创建一个很酷的波形，如下例所示：

8.Tron 1982 – Construction Grids

（这个没太理解，应该是透视图形之类的）通过复制两个简单的形状 ： 一条线和一个矩形 ，可以构建透视网格：

你需要做的是在这些形状上使用Looper两次。首先，按比例增加百分比复制矩形。选中“update opacity”，可以从0开始增加“不透明度”功能中所有实例的不透明度。在第二步中，在默认设置下复制带有旋转的线。

你可以使用透视网格创建其他3D插图，如下例所示：

9.其他实例-Sydney

Looper给出无限的可能性来生成非常复杂的图形。下面，我制作了三个可以带给你灵感的实例，每个都有一个起始的形状和制作它们所需的设置，方便你临摹它们，或者在它们的基础上制作属于你的图形。

10.Almost Death Star

11.Deep Sea

作者信息：Wojciech Dobry

原文链接：https://www.toptal.com/designers/sketch/amazing-illustrations-with-sketch-and-looper