KLON TOOL
Version 0.32
Version 0.32
OVERVIEW
LICENSE
SUPPORT
KLON is a web-based tool with an interactive grid system for creating "mashup" compositions and collage-like graphics by drawing with image slices as brushes, based on source images that users can import from a device or fetch from Unsplash service.
Using a mouse or touchpad, users can select an area on the image to utilize the image data as a brush for drawing on the canvas.
Take a look on the Behance project to discover what you can make with this tool:
http://www.behance.net/gallery/188680161/KLON-Copy-Paste-Web-Tool
BASIC USE:
With a mouse:
For changing the selection area size, please hold the right mouse button and move the mouse, while the cursor is over the canvas. To draw, please click (and hold) the left mouse button to draw on the canvas.
With a touchpad:
For changing the selection area size, scrolling with two fingers on touchpad, while the cursor is over the canvas. To draw, please click (and hold) with one finger on touchpad to draw on the canvas.
Hotkeys:
For ease of use, all the major actions in the program are tied to hotkeys and I highly recommend using them.
C Clear the canvas area
M Toggle between Draw modes
S Toggle Select Data modes
A Clear Buffer for Select Data
E Switch to Erase mode
I Hide / show original image
D Download result in PNG format
T Switch between shape types
R Rotate slected shape
G Snap selection to the grid
H Hide / show grid on canvas
↑↓ UP / DOWN Cursor keys for changing vertical grid space
←→ LEFT / RIGHT Cursor keys for changing horizontal grid space
Using a mouse or touchpad, users can select an area on the image to utilize the image data as a brush for drawing on the canvas.
Take a look on the Behance project to discover what you can make with this tool:
http://www.behance.net/gallery/188680161/KLON-Copy-Paste-Web-Tool
BASIC USE:
With a mouse:
For changing the selection area size, please hold the right mouse button and move the mouse, while the cursor is over the canvas. To draw, please click (and hold) the left mouse button to draw on the canvas.
With a touchpad:
For changing the selection area size, scrolling with two fingers on touchpad, while the cursor is over the canvas. To draw, please click (and hold) with one finger on touchpad to draw on the canvas.
Hotkeys:
For ease of use, all the major actions in the program are tied to hotkeys and I highly recommend using them.
C Clear the canvas area
M Toggle between Draw modes
S Toggle Select Data modes
A Clear Buffer for Select Data
E Switch to Erase mode
I Hide / show original image
D Download result in PNG format
T Switch between shape types
R Rotate slected shape
G Snap selection to the grid
H Hide / show grid on canvas
↑↓ UP / DOWN Cursor keys for changing vertical grid space
←→ LEFT / RIGHT Cursor keys for changing horizontal grid space
The tool is available as a free version – fully functional but with watermarks on exported graphics, so you can thoroughly evaluate its capabilities before committing. Without a valid license key, the tools can only be used for evaluation and testing. To remove watermarks and obtain full usage rights, please purchase a license key at Gumroad:
https://antlii.gumroad.com/l/klon-license-key
By using any tool at https://antlii.work, you agree with the Terms of Use and License Agreement. For full details, including usage rights for Personal, Commercial, and Extended Licenses, examples of permitted applications, please view the complete License Agreement here:
https://antlii.work/license
https://antlii.gumroad.com/l/klon-license-key
By using any tool at https://antlii.work, you agree with the Terms of Use and License Agreement. For full details, including usage rights for Personal, Commercial, and Extended Licenses, examples of permitted applications, please view the complete License Agreement here:
https://antlii.work/license
The tool accepts raster images in JPG, PNG, WEBP formats as source material, and it also support transparency.
Please keep in mind that this tool has been designed to work best with the Chrome browser. The usability and performance of the program heavily depends on the power of your processor.
Please let me know if you're running into any issues or discover a bug while using the program.
CREDITS:
I would like to acknowledge the use of several third-party libraries within this project and express my sincere gratitude to their creators for making these resources available:
Please keep in mind that this tool has been designed to work best with the Chrome browser. The usability and performance of the program heavily depends on the power of your processor.
Please let me know if you're running into any issues or discover a bug while using the program.
CREDITS:
I would like to acknowledge the use of several third-party libraries within this project and express my sincere gratitude to their creators for making these resources available:
- The p5.js Creative Coding Library, a product of the collective efforts of an incredible team;
- The Tweakpane interface library, ingeniously developed by Hiroki Kokubun;