Sunday, January 11, 2009

Transform a Cloud Photo into an Flaming Scene in Photoshop

Step 1

Create a new document sized 800px * 800px (size doesn't really matter for this tutorial, you can choose one you feel comfortable with), fill the background with Black colour.

Download a copy of this image (this is my OWN image so don't worry about copyright, you can use it freely) and load it into Photoshop.

Use the Rectangular Marquee Tool (Press the "M" key) to select a portion of the image as shown below:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 1

Copy and paste the selected portion onto our newly created document, resize and position it in the centre of the canvas:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 2

By pasting the selection, a new layer will automatically be generated on top of the background layer. Name this new layer as "flame".

Step 2

We will now get rid of the square edges of the "explosion" layer. I found a quick way is to use the Eraser Tool with a big, round, soft brush setting (I used 300px round brush, with 0% hardness), and set both the brush opacity and flow to 100%, gently eraser the edges off.

The result is shown below:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 3

Apply the following the Level Adjustments to this layer: (Please note the setting may be slight different for your image, the purpose is to adjust the colour input of the image to make the effect more realistic)

Transform a Cloud Photo into an Flaming Scene in Photoshop image 4

The result so far will look like this:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 5

Still on the same layer, apply the Curve Tool (Ctrl + M) and use the following settings:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 6

And the image should look similar to this one:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 7

Step 3

We will add various effect onto the flame and make it look more realistic.

Now duplicate the "flame" layer Five Times. Hide the top four duplicated layers for now and just leave the "flame copy" layer visible.

On the "flame Copy" layer, apply the followng Hue and Saturation Image Adjustment Settings:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 8

Change the layer blending option to "Soft Light" and you will have the following image:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 9

Step 4

Un-hide the "flame Copy 2″ layer, apply the following Black and White Adjustment to it:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 10

(For those who use CS2 or earlier versions of Photoshop, you may try to the Curve or Level adjustment tool first to alter the colour contrast, then desaturate the layer.)

Change the layer blending mode to "color dodge" and you will have the following result:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 11

Step 5

We can add some particles into the flame so it look a bit more realistic. To do this, un-hide the "flame Copy 3″ layer, go to Filter > Artistic > Film Grain and apply the following settings:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 12

Then change the layer blending option to "Overlay" and drop the opacity of 80%. You will have the following image:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 13

Step 6

We can some highlights and softness to the flame. Un-hide the "flame Copy 4″ layer, apply the Gaussian Blur filter with the following settings:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 14

Change the blending mode to "Screen" and you will have following effect:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 15

Step 7

Now we can give the flame a bit of motion. Un-hide the "flame Copy 5″ layer and apply the following Motion Blur settings:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 16

Use the Move Tool to move this layer slight up a bit and change the layer blending option to "Screen", drop the opacity to 50%. The result so far will look like this:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 17

Step 8

Now let's make some explosion effect. Select all layers previously created, hit Ctrl + T to bring up the Free Transformation Tool, distort, perspective, resize the image as shown below:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 18

Here is a zoom-in view:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 19

Step 9

Create a new layer called "Particles". Use the Lasso Tool with a 20px feather, select some random area outside the explosion:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 20

Fill the selection with Black colour and render some cloud (White as foreground colour, Black as background colour). Then apply the following Level Adjustments:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 21

Change the layer blending option to "Screen" and drop the opacity to around 80%.

Here is the result so far:

Transform a Cloud Photo into an Flaming Scene in Photoshop image 22

Ok that's it for this tutorial! The rest is left upon your own creativity. Have a play with the layers and change the blending modes, or apply some other filters and see what results they will bring you!

Below is the final image (I added some watercolour painting effect to the image)

Transform a Cloud Photo into an Flaming Scene in Photoshop Tutorial: Final Result

Hope you enjoy this tutorial and find it useful and inspirational! If you have any question, just drop me a line and I will try and get back to you asap.

Thank you very much and have a nice day!