EffectsPhotoshopText

Colorful Futuristic Text Effect

This tutorial explains how to create a colorful futuristic looking text effect, using a couple of Layer Styles for multiple layers, and a simple brush.

Tutorial Assets
1- Code font.
2- Texture 235 by Sirius-sdz.
3- Northern Lights by estelmiire.
4- Lined Paper pattern.
5- Subtle Zebra 3D pattern.
6- gradient-shapes for Photoshop by ilnanny
7- Sparklies Photoshop Brushes pack by redheadstock.

Loading the Contours
You might need to load the Contours used in some of the Layer Styles below. To do so, go to Edit -> Preset Manager, and choose Contours from the Preset Type drop down menu.

Step A

Click the small arrow in the top right corner, and choose Contours.

Step B

Click Append to add the new contours to the existing ones.

Step C

Step 1
Create a new 1024 x 768 px document. Place the Texture 235 image on top of the Background layer, then resize it so that it fits within the document.

Step 1

Place the Northern Lights texture image on top of all layers then change its layer’s Blend Mode to Multiply.

Step 2

Step 2
Create the text using the Horizontal Type Tool (T). The text color is #7b7b7b, the font used is Code, and the size is 300 pt. In the Character panel (Window -> Character), set the Tracking value to 75 px to avoid overlapping of the stroke.

Step 3

Duplicate the text layer twice so that you have three text layers: The original, copy, and copy 2.

Step 4

Step 3
Double click the first copy text layer (the one in the middle) to apply the following Layer Style:

Bevel and Emboss: Change the Style to Stroke Emboss, the Technique to Chisel Hard, the Depth to 350, the Size to 20, check the Anti-aliased box, change the Highlight Mode to Vivid Light, its color to # 9ea761, and change the Shadow Mode color #7b7b7b.

The Stroke Emboss requires the Stroke effect to be active in order to make a difference. So until we start modifying the Stroke effect, go ahead and change the rest of the Bevel and Emboss settings.

Step 5

Contour: Choose Steps, and check the Anti-aliased box.

Step 6

Texture: Choose the Lined Paper pattern, change the Scale to 50 and the Depth to 250.

Step 7

Stroke: Change the Size to 15, the Position to Center, and the color to #299da4.

Step 8

Drop Shadow: Change the color to #686868, un-check the Use Global Light box, change the Angle to 148, the Distance to 8, the Spread to 57, and the Size to 7.

Step 9

This will create the center stroke of the text.

Step 10

Step 4
Double click the second copy text layer (the one at  the top) to apply the following Layer Style:

Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 250, the Size to 25, the Gloss Contour to Rounded Steps, check the Anti-aliased box, change the Highlight Mode to Vivid Light, its color to # ff5f40, and change the Shadow Mode color #7b7b7b.

Step 11

Contour: Choose Cone, and check the Anti-aliased box.

Step 12

Texture: Choose the Subtle Zebra 3D pattern.

Step 13

Inner Shadow: Change the Blend Mode to Linear Burn, the color to # 3c2dff, the Distance to 0 and the Size to 10.

Step 14

Inner Glow: Change the Blend Mode to Soft Light, the color to #6fc0ff, the Source to Center, and the Size to 18.

Step 15

Satin: Change the Blend Mode to Vivid Light, the color to #a7f093, and the Contour to Cone.

Step 16

Drop Shadow: Change the color to #686868, un-check the Use Global Light box, change the Angle to 148, the Distance to 8, the Spread to 57, and the Size to 7.

Step 17

This will create the main colorful part of the text.

Step 18

Step 5
Right click the original text layer and choose Rasterize Type. This will make the text layer no longer editable, but will enable us to use the Brush Tool later on.

Step 19

Step 6
Double click the rasterized layer to apply the following Layer Style:

Bevel and Emboss: Change the Style to Stroke Emboss, the Technique to Chisel Hard, the Depth to 450, the Size to 18, the Gloss Contour to Valley – Low, check the Anti-aliased box, change the Highlight Mode to Linear Light, its color to # e9e9da, and change the Shadow Mode color #7b7b7b.

Step 20

Stroke: Change the Size to 25, the Position to Center, the Fill Type to Gradient, the Style to Reflected and the Angle to 90. Then, choose the “steel pipe 60″ gradient from the ” gradient-shapes for Photoshop” pack, in the “CHROMES.grd” file.

Step 21

Inner Shadow: Change the Blend Mode to Linear Burn, the color to # 3c2dff, the Distance to 0 and the Size to 10.

Step 22

Inner Glow: Change the Blend Mode to Soft Light, the color to #6fc0ff, the Source to Center, and the Size to 18.

Step 23

Drop Shadow: Change the Distance to 15, the Spread to 50, and the Size to 30.

Step 24

This will create the metallic outer part of the stroke.

Step 25

Step 7
Pick the Brush Tool and choose a 10 px hard round brush.

Step 26

Next, we’ll start adding some dots to the tips of the letters. To do so, place the brush so that its tip touches the metallic stroke’s edge, then click to add the dot.

Step 27

Do the same for the other letters. One to three dots for each letter is enough.

Step 28

Step 8
Create a new layer on top of all layers and call it “Holes”, then change its Fill value to 0.

Step 29

Double click the “Holes” layer to apply an Inner Shadow effect  using the default values.

Step 30

With the same 10 px brush, add a dot in the center of each of the dots you created in the previous step. The Inner Shadow will make these dots look like small holes.

Step 31

This is what you should get.

Step 32

Step 9
Click the ‘Create new fill or adjustment layer’ icon down the Layers panel and choose Gradient Map.

Step 33

Make sure that the adjustment layer is on top of all layers and change its Blend Mode to Overlay and its Opacity to 80%. Then, click the Gradient box to create the gradient fill.

Step 34

The gradient uses two colors: # 3e4b53 to the left and # 64767a to the right. The Gradient Map will intensify the colors and make them more vivid.

Step 36

Step 10
Finally, create a new layer right below the Gradient Map adjustment layer, call it “Sparkle”, and change its Blend Mode to Vivid Light. Set the Foreground color to # ded7a9 and pick the Brush Tool.

Use one of the Sparklies Photoshop Brushes, (decrease its size as needed), to add a big sparkle on top of one of the letters to finish the text effect up.

Step 36

Conclusion
This is the final result. Many Layer Styles were used to achieve both the main effect and the stroke, as well as many bright colors everywhere. Hope you enjoyed the tutorial and found it useful. Please feel free to leave your comments and suggestions below.

Final Result

Share:

Leave a reply

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