Get in touch to discuss that project you have in mind, or you can use the quote request form.

Random sprout generation

For my Nana Loves Sprouts card I wanted to have the Nana presenting a huge bowl of sprouts. In order to make that bowl of sprouts there are a couple of ways I could go about it. 

  1. Draw out hundreds of individual sprouts by hand.
  2. Draw out a couple of sprouts and then duplicate, rotate, resize, them etc to add a bit of variety.

In the end I decided to go with option 2, but with a twist. Instead of duplicating, rotating, etc myself, I'd make a generative art program to do it for me. I've posted previously about the Joshua Davis Skillshare class I took about just this kind of thing. I'm not sure generating random sprouts is quite what he had in mind when he set up the class mind.

At this point in the image, everything is done except the bowl of sprouts.

Ready for sprouts

I created a placeholder shape to define the area I want to fill. I copied this and pasted it into Photoshop and saved it as a PNG with a transparent background. In Processing I'm going to use this to restrict where the program places the artwork – everything that's grey will be covered by sprouts.

Placeholder image added

Placeholder image for Processing

Back in Illustrator I created two different sprouts to use to fill the bowl. I saved these out as seperate, ungrouped SVG's, 50px by 50px.

Sprout 1Sprout 2

The two sprout SVG's and the PNG placeholder image are linked into the Processing file and the canvas is set to the same size as the PNG. I made a range of colours by creating a blend between two different greens, expanded it and extracting the colour values. The program will pick a random sprout SVG, use random colours from the selected range to colour each bit of artwork (as the SVGs are ungrouped each leaf will be coloured separately), applies a random rotation and scale and then places the artwork on the canvas. It took a couple of attempts to get the best coverage, but in the end the program was set to do this process 120 times. Every time its run the result is different. I used two different run through's in the final artwork.

Processing program

After the program is run the output is saved as a PDF that looks something like this.

Processing output

The artwork is cut off at the edges, but opening it in Illustrator reveals that the whole artwork is there.

Expanded Processing output

A bit of editing and then the artwork is grouped, copied and then dropped into the main artwork  and tweaked to fit.

Finished artwork

Post a comment

See more blotter entries


Testimonials

…I've worked with Simon to complete numerous graphic design, digital and print projects for the past couple of years and have found him to be a very creative thinker who is not afraid to push boundaries and to make people think about new ways of approaching their goals. He has a unique style and can turn his hand to any type of project to produce something original… Leoni Bradnam, Sirius Minerals

Subscribe to my mailing list