I'm available for new commissions, please get in contact, or you can use the quote request form.

Realistic clouds in Illustrator

For a recent project I found I needed to create some realistic looking clouds in the background of an illustration, but I had to keep the whole thing in Illustrator. Moving to Photoshop wasn't an option as the image could potentially be used at any size, from 10cm wide to two-feet wide or more, so vector format was the order of the day.

A quick search online for "realistic clouds in Illustrator" threw up plenty of results, but none that would give the effect I was looking for. Most seemed to rely on using gradient meshes or symbols, custom brushes and the like. After a little experimentation I found a solution that worked well, and I've since used for a couple of other projects, so I thought I'd document it in case anyone else might find it useful.

This is my first stab at a tutorial, so hopefully it all makes sense outside my head. If people do find it at all useful then maybe I'll post some other tips and tricks.

1. In Illustrator create a new document (File > New), draw a rectangle to cover the background and then draw an oval as the base for your cloud.

Draw a basic oval

2. Apply the Feather effect (Effect > Stylise > Feather).

Apply the Feather effect

3. Apply the Scribble effect (Effect > Stylise > Scribble). Some of the preset settings can be a good starting point to get the cloud shape you're looking for.

Apply the Scribble effect

4. Apply the Gaussian Blur effect (Effect > Blur > Gaussian Blur).

Apply the Gaussian Blur effect

5. At this point it's probably not looking too good, now that all the effects are applied we can tweak them to get a better looking effect. To edit an effect that's already applied select the shape on the artboard and double click the effect you'd like to edit in the Apearance Palette.

Edit effects from the Appearance Palette

Tweak the effects as necessary - Feather

Tweak the effects as necessary - Scribble

Tweak the effects as necessary - Gaussian Blur

That's a bit more like it!

The final effect

6. One cloud on its own looks a bit lonely so you're probably going to want to duplicate it and resize/reposition. Alternatively, once you have a basic cloud with all the effects in place you can drag it to the Graphic Styles palette to create a style that can be applied to any other shape/object in one click.

To resize use the Transform effect

Convert to a Graphic Style to reuse

Apply the Graphic Style to a new shape

Post a comment

See more blotter entries


Testimonials

I was looking for a logo for a future project and contacted Simon as I'd been impressed with the illustrations on his website. From the vague brief that he was given, Simon produced multiple options, all of which were beyond my expectations. Once I'd chosen the most suitable, he added further embellishments that added real quality to the design. The design was turned round well within the timescale Simon was given and at a really reasonable price. Gordon Tennent, Sneakytrick

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