Futuristic Text Effect
In this tutorial, we are going to create a glowing glossy futuristic looking text effect. Many Layer Styles will be applied to achieve this text effect, along with a nice brush trick to create the feathery fluffy stroke.
The Final Result
Tutorial Details
- Software Used : Photoshop
- Version : CS5 Extended
- Time : 0:45 – 1:15
Resources
- Arista 2.0 font.
Step 1
Create a new 1024 x 768 px document. Set the Foreground color to #264c55
, and the Background color to #322d2d
. Create a Radial Gradient by dragging from the center of the document to one of the corners.
Create the text using the color #7b7b7b
. The font used is Arista 2.0, and the Size is 300 px.
If needed, center-align your text, then open the Character panel (Window > Character), and set the Leading value to something around 220 px, so that the vertical space between the words isn’t so big.
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_1.jpg)
Duplicate the text layer, then double clickthe original one to apply the following Layer Style:
– Drop Shadow
- Color :
#686868
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_2.jpg)
– Inner Shadow
- Color :
#634e38
- Distance : 0
- Size :
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_3.jpg)
– Inner Glow
- Blend Mode : Luminosity
- Color :
#786450
- Size : 18
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_4.jpg)
– Bevel and Emboss
- Technique : Chisel Hard
- Depth : 250
- Size : 16
- Uncheck the Use Global Light box
- Angle : 90
- Altitude : 30
- Gloss Contour : Shallow Slope Valley
- Check the Anti-aliased box
- Shadow Mode – Color :
#7b7b7b
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_5.jpg)
– Contour
- Contour : Cove Shallow
- Check the Anti-aliased box.
![Futuristic TE step 1](/images/tutorials/futuristic/Futuristic_01_6.jpg)
Step 2
Back to the duplicated text layer, change its Fill value to 0.
![Futuristic TE step 2](/images/tutorials/futuristic/Futuristic_02_1.jpg)
Then double click it to apply an Inner Glow effect:
- Blend Mode : Vivid Light
- Color :
#a9cdd8
- Size : 7
- Contour : Cone
![Futuristic TE step 2](/images/tutorials/futuristic/Futuristic_02_2.jpg)
This is what you should get:
![Futuristic TE step 2](/images/tutorials/futuristic/Futuristic_02_3.jpg)
Step 3
Right click one of the text layers and choose Create Work Path.
![Futuristic TE step 3](/images/tutorials/futuristic/Futuristic_03_1.jpg)
Select the Brush Tool, then, in the Brush panel (Window > Brush), choose the Star 42 pixels brush tip, and change its Settings as below:
![Futuristic TE step 3](/images/tutorials/futuristic/Futuristic_03_2.jpg)
Shape Dynamics
![Futuristic TE step 3](/images/tutorials/futuristic/Futuristic_03_3.jpg)
Step 4
Create a new layer under both text layers and call it stroke_1. Set the Foreground color to #b2ebfc
, and pick the Pen Tool. Right click the path you’ve just created and choose Stroke Path.
![Futuristic TE step 4](/images/tutorials/futuristic/Futuristic_04_1.jpg)
Choose Brush from the Tool drop down menu, and make sure the Simulate Pressure box is un-checked.
![Futuristic TE step 4](/images/tutorials/futuristic/Futuristic_04_2.jpg)
Hit the Enter/Resturn key to get rid of the path. You should get a stroke similar to this.
![Futuristic TE step 4](/images/tutorials/futuristic/Futuristic_04_3.jpg)
Duplicate the stroke_1 layer, rename the copy to stroke_2, then drag it between the original and copy text layers, then change its Blend Mode to Color Burn.
![Futuristic TE step 4](/images/tutorials/futuristic/Futuristic_04_4.jpg)
Step 5
Create a new layer under the stroke_2 layer and call it dots. Double click it to apply the following Layer Style:
– Drop Shadow
- Color :
#7f7f7f
- Distance : 0
![Futuristic TE step 5](/images/tutorials/futuristic/Futuristic_05_1.jpg)
– Inner Glow
- Blend Mode : Overlay
- Color :
#00f6ff
![Futuristic TE step 5](/images/tutorials/futuristic/Futuristic_05_2.jpg)
– Bevel and Emboss
- Gloss Contour : Notched Slope Rounded
- Shadow Mode – Color :
#767676
![Futuristic TE step 5](/images/tutorials/futuristic/Futuristic_05_3.jpg)
– Contour
- Contour : Log
![Futuristic TE step 5](/images/tutorials/futuristic/Futuristic_05_4.jpg)
Set the Foreground color to #a0e5fb
, then pick a hard round brush and start adding dots (on the dots layer). The sizes of the brush used here are 10 and 15 px.
![Futuristic TE step 5](/images/tutorials/futuristic/Futuristic_05_5.jpg)
Step 6
Finally, create a new layer on top of all layers, call it radial gradient, and change its Blend Mode to Soft Light. Use the Gradiant Tool to crate a Radial Gradient like you did in Step 1, except this time the gradient should be set to Foreground to Transparent using a Black
Foreground color. Don’t forget to check the Reverse box to get the right gradient.
![Futuristic TE step 6](/images/tutorials/futuristic/Futuristic_06.jpg)
And we’re done!
Did you enjoy this post? Please consider donating to help us cover our server costs.
What a nice creation. Especially the fine hairs around the letters with the colour, very good. Thanks!
Thanks a lot!
very awesome. i love seeing the changes step by step. thank you.
You’re welcome. Thanks for the comment!
Muito show, valeu ter compartilhado, postarei em meu blog o que fiz aqui informando seu site, show.
Paz.
Thanks for the support!