Adding Realistic-Looking Clouds to an Image

Friday, November 28 2008

In this tutorial, we will be looking at using PhotoShop's built-in Cloud Render filter and Quick Mask to create more realistic-looking clouds.

We will start off with the following image. Let's add a more appealing sky, including wispy clouds. The first thing we want to do is extend the image, to make more room for the sky. Goto Image > Canvas size. This image is currently 400x300, so we'll make it 400x400px:

We moved our web sites to Server Intellect and have found them to be incredibly professional. Their setup is very easy and we were up and running in no time.

We'll move the photo to the bottom, and then choose the gradient tool to recreate the sky in the gap:

We can smooth the edges with the eraser tool with a soft brush to blend the two layers a little better:

It doesn't need to be perfectly seamless, as we'll be overlaying clouds.
Next, press the Q key to go into Quick Mask mode. Then goto Filter > Render > Clouds. You should get a cloudy red look to your image:

Yes, it is possible to find a good web host. Sometimes it takes a while. After trying several, we went with Server Intellect and have been very happy. They are the most professional, customer service friendly and technically knowledgeable host we've found so far.

Now goto Filter > Render > Difference Clouds. Then press Ctrl+F to repeat this 3 or 4 (or more). You will notice the red haze change.

Now press Q to exit out of Quick Mask mode. You should be left with a selection of random pixels like so:

Choose a Marquee tool, create a New Layer and right-click the selection, then choose Fill. We want to fill with White. Press Ctrl+D to deselect when filled:

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

Now goto Edit > Transform > Skew, then re-arrange the clouds to match the skyline, like so:

Now all that is left to do is to erase the clouds around the foreground. Choose the erase tool with a soft brush, and erase around the foreground image:

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

danish said on 12/02/2008 at 1:05 PM

tanks ! but was very easy......tanks danish


Andrea Rollier said on 02/03/2009 at 7:24 PM

Thank you so very much! GREAT tutorial, this was so easy!!


Ashley said on 02/14/2009 at 7:00 PM

Thanks so much! This tutorial was easy to follow and extremely helpful!


Ariq said on 02/27/2009 at 5:29 AM

Thanx....I'm new to Photoshop and I've learned this feature too......Thanx again.


joe said on 07/23/2009 at 7:11 AM

too bad the clouds look so fake


70-236 exam said on 12/12/2009 at 3:06 AM

hmm i want to this


Rolex Milgauss said on 01/18/2010 at 12:54 AM

thanks for sharing your special ideas with us , thanks and regards to all.


replica watches said on 01/30/2010 at 2:12 AM

Wovvv, that's really great, I am happy to find it. Thanks for sharing it.


replica watch said on 01/30/2010 at 2:15 AM

Very good post. I appreciate the work you guys put in to make this world a better place for the disabled. Thanks!


UGG Boots sale said on 02/08/2010 at 12:18 AM

I appreciate the work you guys put in to make this world a better place for the disabled. Thanks!


m65 field jacket said on 02/28/2010 at 3:59 AM

good read thanks for the share


kamagra said on 02/28/2010 at 3:59 AM

thanks


Leave a Comment