Skip to content

dkrape/Blender

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

79 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BLENDER

Feb 6th 2019: Recently fixed the issue and you can successfully use it now :).


Download Blender

A Blend tool for Sketch App.

Installation

  1. Download through this link: Blender Version 1.0
  2. Double click to install it.
  3. Then you can find it in "Plugins" in Sketch.


Introduction

Through this Plugin, you can blend objects to create and distribute shapes evenly between multiple objects in Sketch.

Note: you should use SAME SHAPES to do the blend trick.

Rectangles

You can try to blend their Radius, Fill, Border, Opacity, Rotate, Size, Position

Other shapes

Same as Rectangles, but can not blend their Radius.

Vectors (irregular shape):

You should copy the original shape. Change the copied shape's Fill, Border, Opacity, Rotate, Size or Position. Then apply the blend tool on them.
Notice: In this version, you cannot change the copied shape's anchor points. ;)

Texts

If you want to create a guideline for Headers, it could be useful. You can blend their Font size, Position, Character Spacing, Line Height and Text Color.



Usage

  1. Create shapes and put them in the right order since it will start from the bottom of the selected layers.
  2. Select shapes(more than 2) that you want to blend.
  3. Then you will see a input box. Type the number of steps you want between those shapes.
  4. Then you get it!



Examples

Basic

  1. Create blending color blocks


  1. Quickly blend shapes(for rectangles)


  1. Multiple color blocks


  1. Irregular Lines


  1. Create a colorful alphabet!


  1. Quickly create headers' guideline.


Other Examples



Contact

If you have any concerns, feedbacks, or suggestions, please feel free to contact me!
bunnieabc@gmail.com

About

A Blend tool for Sketch App.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%