Making Mind-Blowing Illustrations Quickly with Sketch and Looper

A thousand words are worth a thousand images. Learn how to use the Sketch plugin Looper to produce stunning graphics.

How much effort do you devote to creating original and imaginative graphics for your designs? Probably for a lot longer than you’d want.

Looper is a revolutionary Sketch plugin that enables users to save time while creating completely unique visuals. It allows you to take an item, copy, move, and rotate it multiple times, thereby generating intricate designs and patterns that will captivate the viewer. By utilising Looper, you can quickly and conveniently produce stunning visuals that will truly stand out from the crowd.

Today, I’ll teach you how to generate beautiful graphics for your app designs, banners, and backdrops in 20 seconds or less with no sketching skills.

Why is Looper used?

After conducting extensive research, I have determined that Looper is the most suitable plugin or application for my needs. It enables me to create intricate and unique graphics rapidly and effortlessly, which I would not have been able to accomplish by myself. Looper offers a broad range of creative possibilities, such as the ability to generate patterns, backgrounds, and logos of various shapes and sizes.

The Instructions

Looper Flow and Tips in General

When working with Looper, it is always recommended to start with a basic form. To initiate your “loop,” you can press CMD + L or alternatively, you can access the plugins menu and select PLUGIN > LOOPER > LOOP. Looper can be applied to one layer or a combination of layers.

It is important to be aware that if you opt for complex and expansive designs, it is likely that your computer will take an extended period of time to process the output. Additionally, I have determined that it is more effective to utilise the up and down arrows on the keyboard to modify the settings of the Looper. If you hold the SHIFT key while pressing the up or down arrow, you will be able to increase the values by ten, rather than one.

Shapes that are abstract

The most straightforward way to understand how Looper works is to create something totally abstract. Start by using a vector tool to draw any shape you want. After that, execute the loop command (CMD + L) and then you can play around with the available parameters to achieve the desired outcome.

You may even construct entire backdrops in this manner. Adding gradients to the layer produces some very fascinating effects:

Simple Designs

Looper is an excellent tool for generating basic, creative, or randomised patterns, as well as abstract forms. In this demonstration, I used a single rectangle to create the complete pattern. Looper’s “Form a Grid” option can be used to create patterns with uniform spacing. I then randomised my pattern through rotation and opacity settings, resulting in an impressive outcome in just under ten seconds.

Ornaments

Looper is a powerful tool for creating aesthetically pleasing and mathematically precise decorations. Start by drawing a vertical or horizontal line and then adding components to it. For example, I used a line and a circle to make a basic design. The images below demonstrate the variety of ornaments I was able to create simply by changing the number of copies. It is recommended to begin with the least amount of components and to increase the number incrementally as the pattern evolves.

The 3D Effect

By exploring the possibilities of Sketch layers, it is possible to create remarkable three-dimensional visuals. Applying gradients and shadows to your initial shape is key to achieving a three-dimensional appearance. Additionally, rotating and scaling the shape can further enhance the effect. With a combination of these techniques, you can easily create stunning 3D effects.

Sphere of Particles

By replicating a single dot, it is possible to create a sphere composed of numerous particles. To do this, generate a variety of dots with randomised scale and opacity, then apply an oval mask to them in Sketch. This method provides a simple yet effective way to create an aesthetically pleasing sphere.

Wave Effect

We can create an aesthetically pleasing wave pattern using only one straight line. By making slight adjustments to the line’s position along one axis and rotating it in a controlled manner, we can produce an eye-catching effect.

Tron 1982 – Building Grids

Last but not least, let’s replicate the Tron artwork. A perspective grid may be created by replicating two basic shapes—a line and a rectangle:

To complete the task, you need to use Looper twice on the shapes provided. First, duplicate the rectangle by increasing its Scale by a percentage. Then, adjust the Opacity of all instances. Afterwards, duplicate the line and apply the Rotate effect with the default settings.

And voila! Within 20 seconds, I created a Tron-style perspective grid!

Other Cases – Sydney

It is evident that Looper offers a virtually limitless range of possibilities for creating intricate drawings. To further inspire you, we have included three example drawings below, each comprising of the initial form and the relevant settings required to replicate or use as the foundation for your own art.

Join the Top 1% of Remote Developers and Designers

Works connects the top 1% of remote developers and designers with the leading brands and startups around the world. We focus on sophisticated, challenging tier-one projects which require highly skilled talent and problem solvers.
seasoned project manager reviewing remote software engineer's progress on software development project, hired from Works blog.join_marketplace.your_wayexperienced remote UI / UX designer working remotely at home while working on UI / UX & product design projects on Works blog.join_marketplace.freelance_jobs