Home » Headline, Tutorials

Create Vector Clouds in Photoshop

28 January 2010 29,350 views 7 Comments

Hello, welcome to another exclusive tutorial from PSD Nation. In this tutorial, I’ll show you the steps to create vector clouds.

Check out the final product below:


Step 1 – Creating the Sky

Every cloud needs a good sky background. Create a gradient with the colors (#98bedd) and (#e0eefa); proceed to fill the background layer with this gradient, you will end up with something like this:


Step 2 – Creating a Cloud

Next, take the Ellipse tool and with Shift held down (to make sure all of the ellipses are created on the same layer), create a bunch of circles in a fashion similar to the one below:


Step 3 – Styling the Cloud

To make the cloud look more realistic, make the following layer style changes to the cloud’s layer:
Please note the gradient uses the colors (#e9e9ce) and (#fcfdf4).


Step 4 – Final Touches

Next, duplicate the cloud and use the transform tools to modify its shape. Experiment to achieve the effect you desire:


Congrats! You’re created some vector clouds.

You might also like:

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...


  • Digital.Patience said:

    Thanks for the tutorial I used it for a flyer!

  • Arjen said:

    Nice tutorial! Just tried it, and it looks good!


  • Recent Links Tagged With "psd" - JabberTags said:

    [...] public links >> psd Create Vector Clouds in Photoshop Saved by gomariim on Sun 09-11-2008 Pixlr Saved by Pipistrello on Fri 07-11-2008 Pencil PSD [...]

  • Trevor said:

    This tutorial is great! totally satisfied. JUST what I was looking for. Thanks!

  • Ajax website styles said:

    thats a nice trick man i will use it thanks. You are expert. happy

  • Drakeshe said:

    I’ve attempted many times but this makes it very simple!

  • AlbertDS said:

    Very simple tutorial! I used it for creating a logo, thanks!

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.