I'm available for new commissions, please get in contact, 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 worked with Simon on web development projects ranging in scale from 2/3 user, up to multi-organisation wide projects with users in the thousands. Simon is an excellent person to work with; creative, a fast learner and motivated by his passion for illustration, design and development. Richard Askew, Askew Brook

Subscribe to my mailing list

  • Member of the Association of Illustrators
  • House of Deadleg on Twitter
  • House of Deadleg on Facebook
  • House of Deadleg on Dribbble
  • House of Deadleg on Instagram
  • Connect with House of Deadleg on Linkedin

© 2017 Simon Whittaker/House of Deadleg | +44 (0)7785 352164 | Nice try, buster | Privacy Policy