how to create a flaming photo manipulation _ psdtuts+
TRANSCRIPT
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
1/27
Tutorial Details
Program: Photoshop
Difficulty: Advanced
CompletionTime: 1-2 hours
Download Source Files
Source files for this tutorial are
available to Premium
members.
Get a Premium Membership
Final ProductWhat You'll Be Creating
Jayan Saputra on Apr 15th 2011 with 762 Comments
How to Create a FlamingPhoto Manipulation
Tutorials \ Photo Effects \ Rating:
psd.tutsplus.com)" class="PIN_1380627750785_pin_it_button
PIN_1380627750785_pin_it_button_inline
PIN_1380627750785_pin_it_none" target="_blank" data-pin-
log="button_pinit" data-pin-config="none" sl-processed="1"
style="margin: 0px !important; padding: 0px !important; border: 0px;
outline: 0px; font-weight: inherit; font-style: inherit; font-size: 14px;
font-family: inherit; vertical-align: baseline !important; color: rgb(187,
23, 23); text-decoration: none !important; background-image:url(https://reader009.{domain}/reader009/html5/0419/5ad7f30ae8b4e/5ad7f3
background-size: 40px 60px !important; height: 20px !important;
width: 40px !important; position: relative !important; display: inline-
block !important; background-position: 0px -20px;">
http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://www.pinterest.com/pin/create/button/?url=http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/&media=&guid=_gzAo3y5hCrk-0&description=How%20to%20Create%20a%20Flaming%20Photo%20Manipulation+(via+%3Ca+href=http://void%280%29/http://void%280%29/http://void%280%29/http://void%280%29/http://void%280%29/http://psd.tutsplus.com/category/tutorials/photo-effects-tutorials/http://psd.tutsplus.com/category/tutorials/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/http://psd.tutsplus.com/tutorials/photo-effects-tutorials/flaming-photo-manipulation/#disqus_threadhttp://psd.tutsplus.com/author/jayan-saputra/http://tutsplus.com/amember/signup.php -
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
2/27
In this tutorial, well 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.
Editors note:This tutorial was originally published on Psdtuts in January 2009.
Step 1
For this project, I used two nice images that suits for the manipulation; image1, image2. I would like to thank
http://www.sxc.hu/photo/1093986http://www.sxc.hu/photo/959022 -
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
3/27
the author of this two great pictures, which is thiquinho and huibidos from sxc.hu. And before we continue
with the steps, I need to inform you that this tutorial is written using Photoshop CS3.
Step 2
Lets start with image1, 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/http://www.sxc.hu/profile/huibidoshttp://www.sxc.hu/profile/thiquinho -
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
4/27
Step 3
With the "PassionFire" image active, duplicate the "background" layer. Set the foreground and background
color to black and white by pressing D on the keyboard. Click the "background" layer again and fill it with the
foreground color ~ which is set to black. See the images below.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
5/27
Step 4
Reactivate "Layer 1," then press Command + Shift + U to apply desaturate command. Now invert the color
by pressing Command + I. Your image should look like a films negative now.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
6/27
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/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
7/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
8/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
9/27
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 the one below.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
10/27
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 the layers panel.
Step 10
Click the "Layer 2 copy" to make it active, then use the Free Transform command ( Edit > Free Transform)
to rotate and resize the fire image like shown below. Dont forget to press Enter when youre done
transforming.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
11/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
12/27
Step 12
If you feel the result is not quite good enough, simply use the Liquify filter to fix it. I assume you already
know how to use the liquify filter; the Forward Warp tool and Twirl Clockwise tool is the only tool I used to get
this result (see image below).
Step 13
Duplicate the "Layer 2" copy, then use the Free Transform command to resize and rotate the fire image in
the current layer. Dont forget to reposition the fire image too. Once you get this composition (see imagebelow), hit Enter.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
13/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
14/27
Step 14Repeat the previous process to get the hair covered with fire. Just duplicate and modify the layer until you
get all the hair part covered. If needed, use the Liquify Filter again. The end result of this process should
look like the image below, notice how many layers are used.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
15/27
Step 15Okay, now activate "Layer 2" and make it visible again. Then Change the Blending Mode to Vivid Light. This
step will colorize only the white line in the layer below it.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
16/27
Step 16
Still in "Layer 2," apply the Free Transform command to resize and rotate the fire image like shown below.
The purpose is to cover up the girls body and hair with the fire texture. Press Enter when youre done
transforming.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
17/27
Step 17Were gonna 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, then click OK when done. Blurring the fire
image will cause its texture to blend smoother with the layer below it.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
18/27
Step 18
Now add a layer mask to "Layer 2." Then use a soft round Brush tool with Opacity at 100%. Set the brush
size according to your need, then just mask until the fire outside becoming hidden. See the process below.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
19/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
20/27
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 round brush tool.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
21/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
22/27
Step 20
Now go to the top most layer (mine is: "Layer 2 copy 6"), add two adjustment layers which is Hue/Saturation
and Brightness/Contrast. Careful not to change the layer adjustment order, or the color effect will be wrong.
Below you can see the setting I used to complete this step, also pay attention to the adjustment layer order.
By adding a Hue/Saturation adjustment layer, we unify all colors. The Brightness/Contrast adjustment layer
brings more color contrast and makes sure the image colors looks like real fire.
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
23/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
24/27
Step 21
Im sure you notice the fire sparks effect. I create it using the Brush tool with this simple setting. 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 the setting as you like. Just make sure
the brush spatter enough and vary the size.
Step 22
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
25/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
26/27
-
7/27/2019 How to Create a Flaming Photo Manipulation _ Psdtuts+
27/27
http://d2f8dzk2mhcqts.cloudfront.net/229_Fire_Hair/final_large.jpg