Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Free Image Tools
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
PSD VaultPSD Vault
Home»Photo Effect»How to Create a Fiery Hair Face Manipulation in Photoshop
Photo Effect

How to Create a Fiery Hair Face Manipulation in Photoshop

By James QuSeptember 12, 20267 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

This photo manipulation tutorial walks you through creating a dramatic floating face effect with swirling fiery hair — combining portrait extraction, fire texture compositing, and the Twirl filter to build a surreal, atmospheric piece that showcases some of Photoshop’s most satisfying compositing techniques.

I originally created this effect back in 2012, and it remains one of the most visited tutorials on PSDVault. The core technique — using the Twirl filter on fire textures to simulate flowing hair — is just as effective in Photoshop 2025 as it was then, and the result still turns heads.

A quick note on stock images: the three stock image links in the original tutorial (two from DeviantArt, one from CGTextures) are no longer active — both sites have either removed the files or restructured their URLs since 2012. For this updated version, use the following free replacements instead:

  • Ground texture: Unsplash.com — search “cracked ground texture” or “dry earth texture”. Look for a shot with strong perspective depth and earthy tones.
  • Face/model: Unsplash.com — search “woman portrait neutral expression”. Choose a front-facing or slight three-quarter shot with clean, even lighting and a plain background for easier extraction.
  • Fire texture: Unsplash.com — search “fire flame black background”. You need a fire photograph shot against a near-black background — this is essential for the Screen blend mode technique in Steps 4 and 5 to work correctly.

All three are free to use with attribution under Unsplash’s licence. Download all three before starting and keep them open as separate Photoshop tabs — it makes switching between source images much faster than going back and forth to your desktop.

The PSD file for this tutorial is available to PSD Vault VIP members — useful if you want to inspect the layer structure and exact adjustment layer settings before following along yourself.

Let’s get started.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 250+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

Step 1

Create a new document sized 1280 * 800px with black background. Load the ground image into Photoshop and select a piece from the ground, copy and paste the selection onto the image, then perspective it as shown below:

Use a soft eraser to fade the top edge as shown below:

Add the following 3 adjustment layers on the ground layers:

Black and White

Levels

Layer mask on the levels adjustment layer:

Curves

and you will have the following effect so far:

Step 2

Use Select > Subject to make an initial selection of the face, then refine the edges in Select > Select and Mask. For the neck and jaw edge, use the Refine Edge Brush at 5–10px to get a clean transition. Apply as a Layer Mask rather than erasing directly — this keeps the extraction non-destructive.

Copy and paste the selection into our document, use a small soft eraser to clean up the edge:

Then we want to erase part of her face with a soft eraser:

Step 3

Add the following 3 adjustment layers as clipping mask to this face layer:

Black and White

Levels

Curves

Layer mask on the curves adjustment layer:

and here is the effect so far:

Step 4

We can add some cloud behind and around the face area with the cloud filter or a cloud brush:

We will now add fire texture into the image – select a piece as shown below:

Warp this selection and aim to achieve this shape below:

Apply the following image adjustments to this fire texture layer:

and here is the effect so far:

Go to Filter > Distort > Twirl and apply the following settings:

Hit Ctrl + F and repeat this filter a few times, and you will have the following effect:

Tip: Before applying the Twirl filter, make sure the fire texture layer is selected (not a mask or adjustment layer). Go to Filter > Distort > Twirl. Start with Angle set to 200–250°. Press Ctrl/Cmd+F to repeat the filter – each repetition increases the spiral. 3–4 repeats typically gives the hair-like swirl effect. If the twirl looks too centred, use Free Transform to reposition the fire texture before applying so the swirl originates from above the head rather than the centre of the canvas.

Duplicate this layer few times and merge them together, then duplicate the merge layers a few times and scatter them around the head:

Step 5

We’re almost done! For some final touches, I added some particles with this rain brush I created on the image:

I then added some fire particles by going back to the fire image and selecting parts of it, copy and paste the selection onto our image:

Hint: make sure you change the blending mode of these fire layers to “Screen”.

For the final colour grade, I used two adjustment layers at the top of the layer stack. A Selective Color adjustment targeting the Reds — pushing Cyan -15, Yellow +10 — to warm the fire tones. Then a Curves adjustment with a gentle S-curve for overall contrast, plus a slight boost to the Red channel midpoint (Input 128, Output 138) to push the warm amber colour across the whole composition.

Tips and Tricks You May Find Useful for this Photo Effect

Tip 1 — Use Screen blend mode on all fire layers, not just the final particles.
Every fire texture layer in this composition should use Screen blend mode. Screen makes the dark/black areas of the fire image completely transparent, leaving only the glowing flame visible. If you leave any fire layer on Normal mode, you’ll see an ugly rectangular box around the flame. Apply Screen as soon as you paste each fire selection.

Tip 2 — Vary your Twirl repetitions for different hair strands.
Don’t apply the same number of Twirl repeats to every duplicated fire layer. 3 repeats gives a loose wave, 5 gives a tighter curl, 7+ gives a very tight spiral. Mixing different amounts across your duplicated layers creates a more natural, varied hair texture rather than obviously repeated copies of the same shape.

Tip 3 — Use Warp more aggressively than you think.
The key to making fire look like flowing hair is in the Warp step before the Twirl. In Free Transform, right-click > Warp and spend time pulling the mesh handles to create an elongated, tapering shape — wide at the scalp, narrowing to a point at the tip. The more hair-like your warp shape before the Twirl, the more convincing the result after it.

Tip 4 — Add a Hue/Saturation clipping mask to individual fire layers to vary colour.
Real hair isn’t one uniform colour — it has variation. Add a Hue/Saturation adjustment as a clipping mask to individual fire layers and shift the Hue slightly between them (±10–15 on the Hue slider). Some strands will read as deeper orange, others as brighter yellow, which adds convincing variation to the fiery hair without any additional compositing work.

Tip 5 — Try Generative Fill for the cloud/atmosphere (Photoshop 2024+).
Instead of using the Render Clouds filter or a cloud brush for the atmospheric background, make a loose Lasso selection behind the face area and use Generative Fill with the prompt “dark atmospheric smoke and mist, fantasy art style”. The AI-generated result typically integrates more naturally with the fire and face elements than the procedural Cloud filter, and gives you three variations to choose from.

That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!

Fiery Hair Floating Face Manipulation photo effect tutorial
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Unlock the Power of Photoshop’s Generative Expand Tool

September 10, 2026

Transforming Photos into Art with Photoshop’s Neural Filters Style Transfer

September 5, 2026

How to Create Instant Professional Blurred Backgrounds in Photoshop with AI Depth Blur

September 1, 2026

11 Comments

  1. photoshop clipping path on June 18, 2012 2:19 PM

    Great useful tutorial. Your post is very much helpful for the designer. Very easy to follow step by step. I like your post very much. Thanks a lot for sharing !!

  2. photoshop clipping path on June 18, 2012 2:21 PM

    Great useful tutorial. Your post is very much helpful for the designer. Very easy to follow step by step. I like your post very much. Thanks a lot for sharing !!
     

  3. PSD Vault on June 28, 2012 7:34 PM

    Hi there, basically all you need to do is to change the blending mode of that light dot layer to “overlay”, instead of normal, then apply the twirl filter and so on.

    Hope this helps :)

  4. Random User on June 30, 2012 1:18 AM

    I’m sorry but I found the tutorial difficult to follow and poorly written.

  5. Tutor Dipu on June 30, 2012 5:06 PM

    wow! what a charm full tutorial.

  6. rulezz on July 4, 2012 6:48 AM

    could you explain the last part where you added some colours and adjusted and adjusted the contrast and curves?

  7. Grafixyard on July 10, 2012 12:18 AM

    not so easy steps but explanation made them easy

  8. Bokeh on February 16, 2013 8:54 AM

    Thanks for tuts, followed your adwise but added my own spice to it, awsome…..

  9. kole on March 10, 2013 9:01 AM

    can u upload a whole video tutorials ?

  10. Andranik on April 11, 2014 6:37 PM

    Thank you, but the tutorial is not an easy to follow at all, there are very few details of how you did things

  11. Rungs on November 27, 2014 1:15 AM

    The Ground image link is broken. Please upload another linkR

Leave A Reply

You must be logged in to post a comment.

Don't Miss

How to Create a Fiery Hair Face Manipulation in Photoshop

September 12, 2026

How Colour Theory Supercharges Your Photoshop Skills

September 11, 2026

Unlock the Power of Photoshop’s Generative Expand Tool

September 10, 2026

For Beginners

Basics

How Colour Theory Supercharges Your Photoshop Skills

By James QuSeptember 11, 20265 Mins Read

Curves or Levels: Choosing the Right Tool for Stunning Edits

September 2, 2026

Live Gradients in Photoshop – How to Master It

August 27, 2026

How to Blend Cut-Out Objects Seamlessly with AI Harmonize in Photoshop

August 25, 2026

You May Also Like

AI

Unlock the Power of Photoshop’s Generative Expand Tool

By James QuSeptember 10, 20264 Mins Read
Photo Effect

Transforming Photos into Art with Photoshop’s Neural Filters Style Transfer

By James QuSeptember 5, 20263 Mins Read
Photo Effect

How to Create Instant Professional Blurred Backgrounds in Photoshop with AI Depth Blur

By James QuSeptember 1, 20263 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Free Image Tools
  • Privacy Policy
  • Terms & Conditions
© 2026 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
  • Manage options
  • Manage services
  • Manage {vendor_count} vendors
  • Read more about these purposes
View preferences
  • {title}
  • {title}
  • {title}