Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Spooky Ghost Text Effect Photoshop Tutorial
Tutorials Text Effects 12769 Views October 8th, 2015

Learn how to create a spooky ghost text effect in Photoshop with a creepy forest background. You can easily replace the background with one of these dark Gothic backgrounds free stock images. Create interesting manipulations for this year Halloween party using this spooky text style.


Ghost Text Effect in Photoshop with Spooky Background

Open this creepy forest background image in a new PSD file. Call this layer Forest Image.

Add a Brightness/Contrast adjustment layer to darken the image. You can use the Exposure adjustment instead of brightness and contrast.

Duplicate the Forest Image layer and call it Highlights 1. Place this layer in fron of all the other layers. Go to Filter>Stylize and choose Glowing Edges

Go to Image>Adjustments and choose Desaturate.

Set the blend mode to Screen, opacity 50%

Add a Layer Mask to this layer. Use the Brush Tool, color black and paint inside the layer mask to hide some areas. Try to leave highlight on only one part of the trees (left or right).

Duplicate this layer and call it Highlights 2. Use the Brush Tool again to hide more parts of the white lines to create more highlights.

Create a new layer and call it Gradient. Fill the layer with any color you want. Set the Fill to 0% and add a Gradient Overlay layer style with these settings.

Now it is time to add the text and to create the spooky ghost text effect. Type the text "Ghost" using any font type you like. I use the font type Consolas.

Install New Font in Photoshop
You can choose a font family from the Font Family menu in the Character panel or options bar. If a document uses fonts that aren't installed on your system, you see an alert message when you open it. If you later try to edit type layers with missing fonts, Photoshop prompts you to substitute an available matching font. Learn how to install a new font in Photoshop Read more...

Rasterize the text and make 2 copies. Name the 3 layers: Ghost1, Ghost2 and Ghost3. Let's start with the top layer, Ghost3. Hide the other two layers. Add a Color Overlay using #f8f8f8. Set the Opacity of the layer(not of the Color Overlay) to 30%

Go to Filter>Blur and choose Gaussian Blur with these settings.

Go to Filter>Distort and choose the ZigZag filter.

Go to Filter>Blur and choose the Radial Blur filter, Blur Method Zoom.

The next layer that we work with is Ghost2. Please unhide the layer first. To create a spooky effect we'll add some layer styles like Outer Glow.

Now we'll add some filter effects similar with the one used for the previous layer. First add a Filter>Blur>Motion Blur filter.

Next, add a Gaussian Blur effect.

Very important aspect: move the Ghost2 layer to the left to create movement effect. Also set the opacity of this layer to 55%

Time to add styles to our last layer called Ghost1. Set the opacity of the layer to 50% and add a Color Overlay style using a dirty white color #f8f8f8.

To create that ghostly eerie effect we will use again the two Photoshop filters: Motion Blur and Gaussian Blur.

To distort the text entirely, to the point that is not readable anymore, we'' use the Twirl filter that you can find also in the Distort category of filters.

Very important is to move the Ghost1 layer up.

Download these ghost brushes as we will need them for the next step. Unzip the files and load the ABR file in Photoshop.

Create a new layer and call it Ghost Silhouette. Use the Brush Tool, color white and add a ghost from the list of brushes. I used the "ghost8 brush" but you can choose any creepy silhouette you want.

Set the opacity of the Ghost Silhouette layer to around 40%. Duplicate the Ghost Silhouette layer, resize it, lower the opacity even more and move it like shown in the image.

You can use the Warp Tool to distort the two ghost images.

Add a new layer or layers and use the Brush Tool, color white, to create highlights. Set the blend mode to Overlay. Play with different opacity levels. Use the Gaussian Blur to soften the light effect.

For the final touches we'll add two adjustment layers: Hue/Saturation and Gradient Map. For the Gradient Map set the blend mode to Overlay. So, here is the final result for the ghost text style made in Photoshop using layer styles and filters.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

6 comment(s) for "Spooky Ghost Text Effect Photoshop Tutorial"

Su Hall
4:46 AM Friday, October 09, 2015
Alright! This is a cool effect! Thank you!

Su reply
5:23 AM Friday, October 09, 2015
Thank you for this tutorial, just in time for Halloween. As a little suggestion .. if you convert the text to smart object and add smart filters you can replace the text easier :) reply
Ifraeem Suleman
1:22 AM Monday, October 12, 2015
Thanks :) reply
3:52 AM Wednesday, October 28, 2015
I was able to follow you all the way to the end. You said to add a Hue/Saturation and Gradient Map, but there are no settings in the tutorial. I have played around with the colors but it doesn't look like yours.
Also, on the ghost, you said to duplicate it and "resize it". Resize to what? anything? or something specific?

Otherwise, one of the best tuts I have done in terms of complete instructions,,thank you! reply
3:57 AM Wednesday, October 28, 2015
I just added the settings for the Hue/Saturation and Gradient Map adjustments. To make the colors more vibrant you can increase the Saturation level.
About the resize use something between 60% and 80% ... it will probably not look identical!
Thank you for the message :) reply
10:57 AM Tuesday, October 11, 2016
Halloween Night Ghost photo manipulation inspired by this tutorial made by d.trenkenshu reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action

      Metal Tag Photoshop Creator