Generate animated graphics with subtle random variations, without coding.

Overview

Figleaf allows you to create textures and shapes enriched with fine random variations in order to find in the design a formal richness close to that of nature.

→ View documentation in Medium

Shape feature list

Rectangular shape

• Adjust width
• Adjust height
• Activate or deactivate border
• Adjust border color and size
• Activate or deactivate background gradient
• Activate or deactivate background image

Circular shape

• Diameter adjustment
• Activate or deactivate border
• Border color and size adjustment
• Activate or deactivate background gradient
• Activate or deactivate background image

Random shape transformation

• Adjust the level of random dimension in with and height for rectangle and diameter for circle
• Adjust the level of random distortion
• Disable random transformation of segments (top, right, bottom, left) for rectangle
• Morphing animation loop

Adjust random variations of fill color

• Hue random level adjustment
• Saturation random level adjustment
• Lightness random level adjustment
• Morphing animation loop

Choose a backgroud gradient

• Choose linear or radial gradient
• Adjust stop colors of gradient
• Adjust hue random level
• Adjust saturation random level
• Adjust lightness random level
• Adjust gradient distribution and orientation
• Morphing animation loop

Choose a backgroud image

• Image file (gif, png, jpeg) choice

Adjust random variations of border color

• Adjust hue random level
• Adjust saturation random level
• Adjust lightness random level
• Morphing animation loop

Texture feature list

Texture with lines

• Adjust texture width
• Adjust texture height
• Adjust gap between lines
• Adjust the random gap between lines
• Adjust the thickness and color of the lines
• Adjust the random level of line thickness
• Adjust hue random level
• Adjust saturation random level
• Adjust lightness random level

Texture with images

• Choose images file (png, jpeg, jpg, gif)
• Adjust images scale
• Adjust the random scale of images
• Adjust images rotation
• Adjust random variations in image rotation
• Adjust the horizontal gap between images
• Adjust the horizontal random gap between images
• Adjust the vertical gap between images
• Adjust the vertical random gap between images