Array

How to Seamlessly Blend faces into background in Photoshop using new radial gradients

Colin Smith

Subscribe on YouTube:

How to easily create the floating heads effect used on movie posters

We have all seen the floating heads effect on posters, magazine and album covers, you name it. We combine different pictures and seamlessly blend them into the background.

While experimenting with the updated gradients tool in Photoshop, it occurred to me, this might work well on faces and heads. So I tried it and immediately, I knew I had stumbled on the perfect use for this tool. I’m excited to share this discovery with you now.

The first thing we need to do, is get all the images into Photoshop, but in layers in a single document.

Choose File>Scripts>Load Files Into Stack

Click Browse and choose your images. Tip: If you have already opened the images in Photoshop, choose Add Open Files, and they will be stacked together.

Click ok

 

All the images will be added to layers in a single document.

Turn off the layers except the background by clicking the eyeballs in the Layers panel

One at a time, resize and position the images of the faces. Press Ctrl/Cmd+T for free transform. Drag to position. Drag the corners to resize.

We will do the following steps for each image.

Choose the layer and make it visible. (eye icon)

Click the new Layer mask to add a mask

 

Choose the Gradients tool (G Key)

Choose Radial and Foreground to transparent

Make sure the forgeround color is black,

Make sure REVERSE is checked it the top bar. Alternatively use a black to white gradient. (The Transparency option allows to use multiple gradients on 1 mask). 

Making sure the mask is selected in the layer, not the image..

Drag out from the center. Notice it creates a beautiful vignette effect and blends the image into the background.

In the Properties panel, drag the center point under opacity control. This will change how the edges feather. (You should be able to do this with the diamond on the overlay, but that appears to be broken at this time).

If you want to do manual touchup on the mask it’s easy.

Grab a brush. Paint with black to hide areas and white to show them. Be strategic with the manual painting as you can easily ruin the smooth blend if you aren’t careful.

I hope you found this tutorial useful. I actually mad this a 2 part tutorial on the new Gradient tool. Check out the addition tutorial on making a rainbow to master some of the other features, as well as a killer tip I came up with.

Drop a comment and let me know if this was helpful.

Browse the other free photoshop tutorials here at the cafe

Download 100s of dollars worth of Photoshop adds on for free here at the Vault.

Also follow me on Instagram, Tik Tik, Threads and Twitter.  for shorts and reels.

See you next time!

Colin


PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free

23 thoughts on “How to Seamlessly Blend faces into background in Photoshop using new radial gradients

  1. Dennis Zito
    July 27, 2023 at 7:08 am

    Colin,
    This was great!! Thanks you.
    Dennis

  2. Jane Roby
    July 27, 2023 at 7:33 am

    Thank you Colin, for all that you share with us. Your tutorials are very much appreciated.

  3. B Reicker
    July 27, 2023 at 9:32 am

    That is amazing…. so happy I checked out this video! Thank you!

  4. July 27, 2023 at 10:23 am

    Wonderful tutorial! If you turned each of the layers into a smart object, would you be able to edit the gradients when you reopened the image after saving it?

    1. Colin Smith
      July 31, 2023 at 12:40 pm

      You can re edit the gradients on anything except a mask

  5. Renee
    July 27, 2023 at 10:34 am

    This is an excellent way of blending. Thank you for sharing.

  6. Dianne_A 😻
    July 27, 2023 at 10:35 am

    Thank you Colin. Very cool effect and good use for the radial gradient.

  7. Shar
    July 27, 2023 at 10:48 am

    I always enjoy your tutorials, Colin. This is a fun one and simple to do. Thanks so much!

  8. geoff
    July 27, 2023 at 10:55 am

    great stuff as usual. really liked the bg image

  9. shawnie
    July 27, 2023 at 11:14 am

    You are a rock star Colin! thank you so much!

  10. DKBUSZ
    July 27, 2023 at 11:52 am

    Very interesting and much appreciated!

  11. July 27, 2023 at 12:25 pm

    I just had to take a moment to express my admiration for your incredible Photoshop Café tutorials. Your expertise and teaching style are simply outstanding! Thanks to your guidance, I’ve been able to elevate my digital art skills to a whole new level.

    1. Colin Smith
      July 31, 2023 at 12:39 pm

      Thanks so much!

  12. Dianne_A 😻
    July 27, 2023 at 12:34 pm

    Colin, I think there is one step missing. In my PS desktop, I need to check “Reverse” in the gradient tool settings to make the radial gradient go from transparent in the center to black (foreground) as I pull out the circle so the edges are feathered.

    1. Colin Smith
      July 31, 2023 at 12:39 pm

      That’s correct, I need to add it to the tutorial

  13. Peter
    July 27, 2023 at 4:06 pm

    Hi Colin, I enjoy your tutorials very much. Another Aussie making it in the USA

  14. Sherryl Neale
    July 27, 2023 at 4:24 pm

    Wow! This is totally wicked! I so love your tutorials, Colin

  15. Kerro
    July 27, 2023 at 4:36 pm

    Awesome stuff Colin, as is your usual teaching. I didn’t realize blending could be so easy. I’m just getting into compositing and this will make my life so much easier.

  16. Chris
    July 28, 2023 at 1:56 pm

    Easy to follow lesson, concise instructions and uses an example that shows the technique to very good effect. Thanks for sharing.

  17. donna joslyn
    July 28, 2023 at 5:33 pm

    that really is a good one! thanks.

  18. Bill Lodge
    August 3, 2023 at 5:04 am

    Thanks very much for this info Colin, I have only been discussing the difficulties I’ve found blending composites earlier this morning.

  19. Katie
    August 3, 2023 at 6:13 pm

    Blew me away with how easy it is to create a collage with family photos. Thank you.

  20. Johnson
    December 18, 2023 at 1:27 am

    Enjoyed this tutorial. Will start to practise immediately.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to Dodge and Burn photos in Photoshop, Paint with light and shadow to add 3 dimensional depth to your...

How to make jaw dropping photo realistic embosses in Photoshop. This photoshop tutorial shows how to make 3D looking bevels...

Here are 5 of my favorite tips for working with Layer masks, they will speed up your workflow and fix...

Copy link