Awesome
Looper v3.1 ⌘ + L
Looper is a sketch plugin that helps automate duplication of groups and layers. One can control properties like Rotate, Scale and Opacity while duplicating. This powerful combination enables artists and designers to create interesting geometric and organic patterns.
<a target="_blank" href="https://www.youtube.com/channel/UCzm9iVAvS9rVn5ZyZSbrIVQ/videos"> <img target="_blank" src="https://github.com/sureskumar/Looper/raw/master/assets/looper.gif"> </a>Installation
Recommended
- Install via Sketch Runner, Sketchpacks, or Sketch Toolbox by searching for Looper.
Old-Fashioned
Make sure you have the latest version of Sketch installed. (Sketch 40+)
- Download the ZIP file of this repository
- Double click on
Looper.sketchplugin
Tutorials
<a target="_blank" href="https://www.youtube.com/channel/UCzm9iVAvS9rVn5ZyZSbrIVQ/videos">Tutorials and Demo videos in Youtube</a>
<a target="_blank" href="https://www.toptal.com/designers/sketch/amazing-illustrations-with-sketch-and-looper#comment-3446034970">Excellent Tutorial by Wojciech Dobry, Toptal (English)</a>
<a target="_blank" href="https://www.jianshu.com/p/094d3e742de3">Tutorial by Jianshu (Chinese)</a>
Features
Duplication count
Duplicate selected group or layer by providing the duplication count or Looper can automatically calculate the count based on the rotation angle to form a complete circle.
Scale
Selected group or layer can be scaled by absolute value (px), proportional value (%) or at random.
Opacity
Opacity of selected group or layer can be set to update at random, increase from 0 to 100 or decrease from 100 to 0.
Rotate
Rotate selected group or layer by providing a specific rotation angle or Looper can automatically calculate the angle required based on the duplication count to form a complete circle.
Rotation angle can be incremented in a linear fashion, randomly or can be set to increment sinusoidally.
Move
Selected group or layer can be moved Horizontally, Vertically and Diagonally with a set increment value. Duplicated items can also be distributed randomly within a given dimension (width & height)
Form a grid
Duplicate the selected group or layer to form a grid. Number of columns, rows, horizontal margin and vertical margin can be manipulated. You can also alter other properties like opacity, rotate and scale to the grid elements.
<a target="_blank" href="https://www.youtube.com/channel/UCzm9iVAvS9rVn5ZyZSbrIVQ/videos"> <img target="_blank" src="https://github.com/sureskumar/Looper/raw/master/assets/looper_2.gif"> </a><a target="_blank" href="https://www.youtube.com/channel/UCzm9iVAvS9rVn5ZyZSbrIVQ">Demo videos</a>
Want to say thanks? Share your work!
Please share what you create in one of the channels below. Cheers!
- Twitter: #builtwithlooper and/or @sketchlooper
- Facebook page
Examples
Rotate (linear)
Rotate (random)
Rotate (linear) + Opacity (random)
Rotate (linear) + Scale (linear)
Rotate (linear) + Scale (sinusoidal)
Rotate (random) + Scale (random)
Rotate (sinusoidal) + Scale (sinusoidal)
Rotate (sinusoidal) + Scale (sinusoidal) + Opacity (random)
Rotate (sinusoidal) + Scale (linear) + Opacity (Fade to 0)
Rotate (linear) + Scale (linear) + Opacity (Fade to 0)
Rotate (random) + Scale (random) + Opacity (random)
Rotate (linear) + Scale (sinusoidal) + Opacity (random)
Rotate (linear) + Move (horizontal)
Rotate (linear) + Move (vertical)
Rotate (linear) + Move (diagonal)
Rotate (random) + Move (random) + Opacity (random)
Move (vertical) + Opacity (Fade to 0)
Move (vertical) + Scale (linear) + Opacity (Fade to 0)
Move (horizontal + vertical)
Thanks
Contact me
Email sures.srinivasan@gmail.com
Feel free to contact me for any suggestions or critique.