Making Mind-Blowing Illustrations Quickly with Sketch and Looper

While an image can be worth a thousand words, it takes skill to create powerful visuals. Let the Sketch plugin Looper show you how to craft stunning graphics with ease.

(Note: added “craft” to emphasize the skill involved in graphic design and “with ease” to highlight the plugin’s user-friendliness)

Designing original and imaginative graphics can be a time-consuming task. Chances are, it takes a lot more effort than you’d like.

Revolutionize the way you design with Looper, an innovative Sketch plugin that streamlines the creative process. With its ability to copy, move, and rotate elements multiple times, Looper generates intricate and eye-catching designs and patterns. By incorporating Looper into your workflow, you can effortlessly produce stunning visuals that are sure to make a lasting impact.

In just 20 seconds, you can create stunning graphics for your app designs, banners, and backdrops – no sketching skills required. Let me show you how.

What makes Looper such a valuable tool?

Following careful analysis, I’ve found that Looper is the perfect tool for my needs. With this plugin, I can effortlessly create complex and unique graphics that would have been impossible to achieve on my own. Looper provides a wide range of creative options, including the ability to produce patterns, backgrounds, and logos in various shapes and sizes.

Step-by-Step Guide

Mastering Looper: Tips and Techniques

For optimal results with Looper, it’s best to begin with a simple shape. To start your “loop,” simply press CMD + L, or select PLUGIN > LOOPER > LOOP from the Plugins menu. Looper can be used on a single layer or multiple layers for added flexibility.

It’s worth noting that when generating intricate and extensive designs, your computer may require additional processing time. Another important tip is to use the up and down arrow keys on the keyboard to adjust Looper’s settings for optimal efficiency. For a more rapid increase, hold down the SHIFT key while pressing the up or down arrow to adjust values by ten instead of one.

Creating Unique and Abstract Shapes

To get a feel for Looper’s capabilities, it’s best to start with an entirely abstract design. Begin by using a vector tool to create any shape you desire. From there, execute the loop command (CMD + L) and experiment with the available parameters to achieve the desired result.

In fact, you can even create entire backgrounds using this technique. By adding gradients to the layer, you can achieve some truly captivating effects:

Creating Minimalistic Designs

For producing simple, imaginative, or randomized patterns and abstract shapes, Looper is hard to beat. In this demo, I used a single rectangle to create a complete pattern, utilizing Looper’s “Form a Grid” feature to achieve consistency in spacing. By adjusting the rotation and opacity settings in a randomized fashion, I was able to create an impressive end product in under ten seconds.

Ornaments

With Looper, you can create mathematically precise and visually appealing decorative elements. Begin by drawing a horizontal or vertical line and adding various components to it. In this example, I utilized a line and a circle to produce a simple design. The images below showcase the diverse range of ornaments that can be created by adjusting the number of copies used. Start with a minimal number of elements, and gradually increase their number as the pattern develops for the best results.

Creating a 3D Illusion

With Sketch layers, it’s possible to produce remarkable 3D visuals. Utilizing gradients and shadows for your initial shape is crucial for achieving a three-dimensional look. Further enhancing the effect can be accomplished by rotating and scaling the shape. By combining these techniques, you can effortlessly create dazzling 3D illusions.

Creating a Particle Sphere

With just a single dot, you can generate a sphere made up of a multitude of particles. Start by producing a selection of dots using randomized scales and opacities. From there, apply an oval mask to the dots in Sketch. This straightforward method offers a quick and effective means of generating an aesthetically pleasing particle sphere.

Creating a Wave-like Effect

An attractive wave pattern can be generated using only a single straight line. Through small adjustments to the line’s position along one axis and a controlled rotation, a visually appealing effect can be achieved.

Constructing Grids like Tron 1982

Finally, let’s recreate some Tron-style artwork. With only two simple shapes – a line and a rectangle, you can create a perspective grid:

To accomplish the goal, apply Looper twice to the given shapes. Start by duplicating the rectangle and increasing its scale by a percentage. Adjust the opacity of all instances afterward. Then, duplicate the line and utilize the Rotate effect using the default settings.

And there we have it! In just 20 seconds, a Tron-inspired perspective grid has been produced!

Alternate Examples – Sydney

The potential of Looper for generating complex drawings is boundless. To provide additional inspiration, we’ve included three sample drawings below. Each one consists of the original design and the corresponding settings needed to reproduce it or employ as a starting point for your own artwork.

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