how to create a flaming photo manipulation

8/8/2019 How to Create a Flaming Photo Manipulation

1/23

HOW TO CREATE A FLAMING PHOTOMANIPULATION

Tutorial from

http://psd.tutsplus.com/

Compiled by
http://psd.tutsplus.com/http://psd.tutsplus.com/http://www.mininova.org/user/coldbinghttp://www.mininova.org/user/coldbinghttp://www.mininova.org/user/coldbinghttp://psdtuts.s3.amazonaws.com/229_Fire_Hair/final_large.jpghttp://psd.tutsplus.com/http://www.mininova.org/user/coldbinghttp://psd.tutsplus.com/


2/23

INTRODUCTION

In this tutorial, we'll manipulate a picture so it looks like a woman burning in flames. The idea

behind this manipulation was to create a nice looking illustration, only by using simple

techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial

and try it with your own stock imagery.

Step 1:For this project, I used two nice images that suits for the manipulation;image1,image2. Iwould like to thank the author of these two great pictures, which isthiquinhoandhuibidosfromsxc.hu. And before we continue with the steps, I need to inform you that this tutorial is writtenusing Photoshop CS3.
http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/1093986http://www.sxc.hu/profile/thiquinhohttp://www.sxc.hu/profile/thiquinhohttp://www.sxc.hu/profile/thiquinhohttp://www.sxc.hu/profile/huibidoshttp://www.sxc.hu/profile/huibidoshttp://www.sxc.hu/profile/huibidoshttp://www.sxc.hu/http://www.sxc.hu/http://www.sxc.hu/http://www.sxc.hu/profile/huibidoshttp://www.sxc.hu/profile/thiquinhohttp://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/959022


3/23

Step 2:

Let's start withimage1, open and duplicate this image by using the Image > Duplicate command

from the menu bar. In the Duplicate Image dialog box, you can name it anything you like, but to

follow this tutorial reference, name it "PassionFire" and hit OK. By doing this, we kept the

original image. Be sure to save.
http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022


4/23

Step 3:With the "PassionFire" image active, duplicate the "background" layer. Set the foreground andbackground color to black and white by pressing D on the keyboard. Click the "background" layeragain and fill it with the foreground color ~ which is set to black. See the images below.


5/23

Step 4:Reactivate "Layer 1," then press Command + Shift + U to apply desaturate command. Now invertthe color by pressing Command + I. Your image should look like a film's negative now.


6/23

Step 5:Duplicate "Layer 1," then apply the find edges filter from Filter > Stylized > Find Edges. Next,invert the color by pressing Command + I and change the Blending Mode to Hard light. There,your image now has contrast white line and a very dark background.


7/23

Step 6:To give the white line more contrast, duplicate the "Layer 1" copy then change the BlendingMode to Screen.


8/23

Step 7:Now we move to the second image. Dragimage2into "PassionFire" document image windowusing the Move tool. If the Paste profile mismatch dialog appears, just click OK to fix it.
http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/1093986


9/23

Step 8:The fire image from "image2" should be in "Layer 2" now. Change its Blending Mode to screen;this will hide all the black colors in "Layer 2." If done right, your image should be similar to theone below.

Step 9:Duplicate "Layer 2" by pressing Command + J. Make sure you use the Screen Blending mode,

same as the original "Layer 2." Next, make "Layer 2" become invisible by hiding it from thelayers panel.


10/23

Step 10:Click the "Layer 2 copy" to make it active, then use the Free Transform command (Edit > FreeTransform) to rotate and resize the fire image like shown below. Don't forget to press Enterwhen you're done transforming.

Step 11:Still in the same layer, now use the warp command (Edit > Transform > Warp) to bend the fireimage - so it following the hair flow. Press Enter, when done. See the example below as a

reference.


11/23

Step 12:If you feel the result is not quite good enough, simply use the Liquify filter to fix it. I assumeyou already know how to use the liquify filter; the Forward Warp tool and Twirl Clockwise toolis the only tool I used to get this result (see image below).


12/23

Step 13:Duplicate the "Layer 2" copy, and then use the Free Transform command to resize and rotatethe fire image in the current layer. Don't forget to reposition the fire image too. Once you getthis composition (see image below), hit Enter.


13/23

Step 14:Repeat the previous process to get the hair covered with fire. Just duplicate and modify thelayer until you get all the hair part covered. If needed, use the Liquify Filter again. The endresult of this process should look like the image below, notice how many layers are used.


14/23

Step 15:Okay, now activate "Layer 2" and make it visible again. Then Change the Blending Mode to VividLight. This step will colorize only the white line in the layer below it.


15/23

Step 16:Still in "Layer 2," apply the Free Transform command to resize and rotate the fire image likeshown below. The purpose is to cover up the girl's body and hair with the fire texture. PressEnter when you're done transforming.


16/23

Step 17:We're going to blur the fire image in "Layer 2," To do so, apply the Gaussian Blur filter from the

Filter > Blur > Gaussian Blur menu. Fill the Radius around 10 to 15 pixels, and then click OKwhen done. Blurring the fire image will cause its texture to blend smoother with the layerbelow it.

Step 18:Now add a layer mask to "Layer 2." Then use a soft round Brush tool with Opacity at 100%. Setthe brush size according to your need, then just mask until the fire outside becoming hidden.

See the process below.


17/23


18/23

Step 19:Sure we will remove the white line shown in the image (marked in red rectangle below). First,add a new blank layer below "Layer 2." Then simply paint it with black using the soft roundbrush tool.


19/23

Step 20:Now go to the top most layer (mine is: "Layer 2 copy 6"), add two adjustment layers which isHue/Saturation and Brightness/Contrast. Careful not to change the layer adjustment order orthe color effect will be wrong. Below you can see the setting I used to complete this step, alsopay attention to the adjustment layer order. By adding a Hue/Saturation adjustment layer, weunify all colors. The Brightness/Contrast adjustment layer brings more color contrast and makessure the image color's looks like real fire.


20/23

Step 21:I'm sure you notice the fire sparks effect. I create it using the Brush tool with this simplesetting. No special brush needed, but if you have one that will be useful then feel free to use it.Below you can see all the settings I used within the Brush palette, of course you can change thesetting as you like. Just make sure the brush spatter enough and vary the size.


21/23

Step 22:Now to use the modified brush, create a new blank layer below the adjustment layers (mine isnamed "Layer 4"). Choose 50% gray from the swatches palette, then you can start creating thefire sparks. Remember not to be monotone, resize the brush size if needed. I start using a bigsized brush, then reduce it to smaller size (you can change brush size faster by pressing thebracket keys on the keyboard).

If you're not sure how to do this steps, just imagine where and how the fire sparks will flow if itwas real fire. For me, imagining stuff is very helpful.


22/23

Step 23:To make it more interesting, create a new layer and change the Blending Mode to Screen. Thenuse a normal soft round brush (not the one we modified earlier), with an Opacity of 50%. Justclick in the part of body, neck, and hair. I'm not sure how to explain this, but you can see thedifference between the above and below images.


23/23

CONCLUSION

And that's all of it! Hope you learned something new and had fun. You can view the final imagebelow.
http://www.mininova.org/user/coldbinghttp://www.mininova.org/user/coldbinghttp://www.mininova.org/user/coldbinghttp://www.mininova.org/user/coldbing

how to create a flaming photo manipulation

Documents