fresh photoshop tutorials & resources
Log in Register
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
Recent Posts
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Swirl Brushes are useful Photoshop resources that you can use in your designs if you want to avoid m...
This Sunday many Christians worldwide celebrate Easter. For kids, Easter is all about painted eggs, ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Diamond Gold Silver and Pearls Jewelery Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator