Ghosting An Image With Photoshop

Written by Steve Patterson. In this Photoshop effects tutorial, were going to look at a way to give a photo a more ghostly appearance. Im a fan of horror films, but I admit Im a bit shallow in that I usually just watch them for the special effects. Im usually sitting there thinking to myself, I wonder how they did that. So while playing around in Photoshop one night, I came up with this little technique for taking a living, breathing person and making them appear more like a ghost, which is why I called itghosting an image. Its a simple effect with only a few steps involved and theyre easy to do.

Of course, as with most photo effects, it helps if you start with the right type of image. A photo of your kids playing at the beach on a summer afternoon may not be the best choice. Then again, you never know till you try it.

Using Photoshop CS6 or Photoshop CC (Creative Cloud)? Check out the fully updated version of this tutorial! 

Heres the photo Ill be starting with:

The original image

The original image.

And heres the ghosting effect were after:

The final result

The final effect.

Lets get started!

Step 1: Copy The Background Layer

As always, we never want to work directly on our Background layer, since it contains our original pixel information, so the first thing Im going to do is copy it. Im a big fan of naming layers and you should be too, so Im going to use the keyboard shortcut Ctrl+Alt+J (Win) / Command+Option+J (Mac) to bring up the New Layer dialog box. Im going to name my Background copy layer desaturated, and well see why in a moment:

Photoshop's New Layer dialog box

Photoshops New Layer dialog box. Name your layer desaturated.

This gives me a copy of my Background layer in the Layers palette, which Photoshop has named desaturated:

Copy the Background layer

Photoshops Layers palette now showing my Background layer and the copy above it.

Step 2: Desaturate The Background Copy Layer

With my desaturated layer selected in the Layers palette, Im going to, you guessed it, desaturate it to remove all the colors. To do that, Ill use the keyboard shortcut Ctrl+Shift+U (Win) / Command+Shift+U (Mac). The image now appears black and white:

Desaturate the Background copy layer

After desaturating the layer, the image appears black and white.

Step 3: Copy The Desaturated Layer

I need to make a copy of my desaturated layer at this point, so with it selected in the Layers palette, Ill use the keyboard shortcut Ctrl+Alt+J (Win) / Command+Option+J (Mac) once again to bring up the New Layer dialog box. This time, Ill name the layer motion blur:

Naming my new layer

Create a copy of the desaturated layer and this time name it motion blur.

I now have three layers in my Layers palette, including my new motion blur layer at the top:

Three layers now in the Layers palette

The Layers palette now showing my three layers.

Step 4: Apply The Motion Blur Filter

I feel like Im giving away the endings with my layer names, but oh well. With the motion blur layer selected, go up to the Filter menu at the top of the screen, select Blur, and then select Motion Blur. This brings up the Motion Blur dialog box. Normally youd apply a motion blur to an object thats, you know, in motion, but applying it to a stationary object tends to give it a ghost-like effect, which is what were after. When the dialog box appears, set the Angle to zero degrees, and then drag the slider bar at the bottom to the right to increase the Distance value until your image is blurred out quite a bit. Here Ive set mine to 95 pixels:

Photoshop's Motion Blur dialog box

Photoshops Motion Blur dialog box.

Heres my image after applying the Motion Blur filter:

The image after applying the Motion Blur filter

The image after applying the Motion Blur filter.

Step 5: Add A Layer Mask To The Motion Blur Layer

Our image already looks a little spooky with the motion blur applied, but now were going to bring back some of her face, and were going to do that using a layer mask. With the motion blur layer selected, click on the Add Layer Mask icon at the bottom of the Layers palette:

Click the Add Layer Mask icon

Click on the Add Layer Mask icon at the bottom of the Layers palette.

This adds a layer mask to the motion blur layer:

The layer mask added

The layer mask is now added.

Step 6: Paint With Black On The Layer Mask To Reveal Some Of The Face

Grab your Brush tool from the Tools palette, or press B on your keyboard to quickly select it. Then press D on your keyboard to make sure black is selected as your foreground color (Note: If your layer mask was already selected when you pressed D, your foreground color will actually become white, since white is the default foreground color for a layer mask. If thats the case, simply press X to swap the foreground and background colors, which will set your foreground color to black). Go up to the Options Bar at the top of the screen and lower the opacity of your brush to around 10%:

The Brush tool options in the Options Bar

Lower the opacity of the brush to 10% in the Options Bar.

This will allow you to paint the face back in gradually. Click on the layer mask thumbnail in the Layers palette to select it if its not already selected (it will have a highlight border around it if its selected), and then with a large, soft-edged brush and black as your foreground color, paint over the middle area of the face in short, gradual strokes to bring back some of the eyes, nose and mouth, leaving the rest blurred out. Be sure to stay well within the boundaries of the face so everything blurs out nicely from the center:

Paint with black on the layer mask to reveal some of the face

The image after masking away some of the blurring effect.

Step 7: Merge All Of The Layers Onto A New Layer

Were going to merge all three layers onto a new layer at this point, and we can do that with the keyboard shortcut Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E (Mac), which takes all three layers and merges them onto a brand new layer at the top of the Layers palette. Double-click on the name of the layer and rename it to merged:

Merge all three layers onto a new layer

Merge all three layers onto a new layer at the top of the Layers palette and rename it merged.

Step 8: Apply The Diffuse Glow Filter To The Merged Layer

With the new merged layer selected, go up to the Filter menu at the top of the screen, select Distort, and then select Diffuse Glow. This brings up Photoshops Filter Gallery (it doesnt actually say Filter Gallery anywhere at the moment but its the Filter Gallery) set to the Diffuse Glow filter options. You may have to play around with the three options a little depending on the image youre using, but for my image, Ive set Graininess to 3, Glow Amount to 10, and Clear Amount also to 10 as circled below:

Photoshop's Diffuse Glow filter options

Photoshops Filter Gallery set to the Diffuse Glow filter options.

Heres my image after applying the Diffuse Glow filter:

The image after applying Diffuse Glow

The image after applying the Diffuse Glow filter.

Step 9: Add A Solid Color Fill Layer

All thats left to do now is add a little color, so with the merged layer still selected, click on the New Fill Or Adjustment Layer icon at the bottom of the Layers palette:

Click the New Fill Or Adjustment Layer icon

Click the New Fill or Adjustment Layer icon at the bottom of the Layers palette.

Select Solid Color from the top of the list:

Select Solid Color

Select Solid Color from the list.

This will bring up Photoshops Color Picker. Im going to choose a green color:

Photoshop's Color Picker

Photoshops Color Picker.

Click OK once youve chosen a color to exit out of the Color Picker. Youre image will now be filled entirely with the solid color, so well fix that next.

Step 10: Change The Blend Mode Of The Fill Layer To Color And Lower The Opacity

With the Solid Color fill layer selected, go up to the layer blend mode options in the top left of the Layers palette, click on the down-pointing arrow beside the word Normal and change the blend mode to Color. This will colorize the image with the color youve chosen (green in my case). The color will most likely be too intense though, so move over to the right to the Opacity option at the top of the Layers palette and lower the opacity to reduce the intensity. Ive lowered mine considerably, all the way down to 11% for just a hint of color:

Change the blend mode to Color and lower the opacity

Change the blend mode of the Solid Color fill layer to Color and lower the opacity.

And were done! Heres the original image once again for comparison:

The original image once again

And here is the final ghosting effect:

The final result

The final result.

And there we have it! Thats how to give a photo a ghostly appearance with Photoshop!

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

You May Also Like...


Ghosting An Image With Photoshop
In this photo effects tutorial, turn a living, breathing person into a ghost and let Photoshop take the rap for it!

Ghosting An Image With Photoshop CS6
In this Photo Effects tutorial, learn how to give a photo a more ghostly, supernatural look with Photoshop CS6! Fully compatible with Photoshop CC.

Ghosting An Image In Photoshop
Photoshop Punch Through Image Effect Photoshop Mirror Image Effect Add A Transparent Text Area To An Image With Photoshop Three Image Photo Frame Template Add

Ghosting An Image With Photoshop CS6
Ghosting An Image With Photoshop CS6 November 22, 2013. This new version of our original Ghosting An Image tutorial is now fully updated for Photoshop

Photoshop Video Tutorial: How to Create See-Through Ghost ...
ghost photo using just a single image. This Photoshop tutorial is great for beginners and will show you how to quickly create a ghost photo using just one image.

Photoshop Creating a Ghost Image - Graphic Design ...
Photoshop Creating a Ghost Image, Photoshop 911 answers reader's questions, in the Photoshop department of The Design and Publishing Center, featuring DTG Magazine

Ghosting an image with Photoshop and Premiere E... | Adobe ...
We have purchased 39 laptops that are to have the same image on them as part of an educational grant we received. We purchased 39 licenses for Photoshop and Premiere

How to Create ghost images in Photoshop « Photoshop
How to Create ghost images in Photoshop. Cool tutorial on how to add a ghostly effect to your photos with Photoshop. Create ghost images in Photoshop

How to Make a Ghost Image in Photoshop | eHow
You May Also Like. How to Make Things Transparent in Photoshop. Photoshop allows you to edit images in a variety of ways. which comes in handy for creating ghost

Photoshop Tutorial: Turning your Image into a Ghost in ...
Turning your Image into a Ghost in Photoshop - currently viewing photoshop tutorials from Photoshop Lady

Previous
Next Post »