What happens when… gradients disturb multiple visual characteristics including opacity, scale, rotation on path items within a group item? This experiment builds on top of the Jacks experiment and digs deeper into the energy that is exposed when playing with turbulence.
In Illustrator, the original graphic is created and then exported as an SVG.
Within Generative Symmetries, the HTML5/JS app I am developing, I import the SVG file and define the plane symmetry pattern I would like to use to distribute the graphic across the canvas.
A color map is selected from the generated Stripes series I created, imported and defined as the source for the colors that will be used for each graphic item. If you are interested in seeing more examples of the Stripes series and/or purchasing them, you can do so at the Creative Market.
Turbulence: A Gradient Shape
Similar to the experiment Jacks, I created the gradient in Photoshop, saved it and imported it into Generative Symmetries and defined it as the source image for Turbulence.
Using the grayscale values from the Turbulence image, I mapped a range of acceptable grayscale values to affect the scale, rotation and opacity of each graphic item, tweaking how much the of an effect each value had on each transform property.