https://github.com/sureskumar/Looper
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.
https://github.com/sureskumar/Looper
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/sureskumar/Looper
- Owner: sureskumar
- License: mit
- Created: 2017-04-02T05:30:56.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2024-05-03T14:47:00.000Z (about 2 years ago)
- Last Synced: 2025-05-25T03:05:30.885Z (about 1 year ago)
- Language: JavaScript
- Homepage: http://www.sureskumar.com/looper/
- Size: 14 MB
- Stars: 497
- Watchers: 15
- Forks: 19
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-projects - Looper - 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. ⭐490 `JavaScript` (📦 Legacy & Inactive Projects)
README
# 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.
## Installation
#### Recommended
* Install via Sketch Runner, [Sketchpacks](https://sketchpacks.com/sureskumar/looper/install), or Sketch Toolbox by searching for Looper.
#### Old-Fashioned
Make sure you have the latest version of Sketch installed. **(Sketch 40+)**
1. [Download the ZIP file of this repository](https://github.com/sureskumar/Looper/releases/download/v3.1/Looper.sketchplugin.zip)
2. Double click on `Looper.sketchplugin`
## Tutorials
Tutorials and Demo videos in Youtube
Excellent Tutorial by Wojciech Dobry, Toptal (English)
## 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.
####
####
## Want to say thanks? Share your work!
#### Please share what you create in one of the channels below. Cheers!
* Twitter: #builtwithlooper and/or @sketchlooper
* [Email](mailto:sures.srinivasan@gmail.com)
* [Facebook page](https://www.facebook.com/loopersketch/)
## 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
* [Harish Sivaramakrishnan](https://github.com/harish-io)
* [Shailesh Hingole](https://github.com/hingole)
* [Siddhartha Gudipati](https://github.com/websiddu)
## Contact me
Email sures.srinivasan@gmail.com
Feel free to contact me for any suggestions or critique.
## Links
[Looper website](http://looper.sureskumar.com/) | [My portfolio](http://www.sureskumar.com) | [Twitter](https://twitter.com/sureskumar)