Amazing Video-Game Text Style in Photoshop
Mon, 07/20/2009 - 07:54
Following my series of tutorials on Retro effects, I will show you how to create a text effect in Photoshop based on the DVNO clip by Justice and of course some 8 and 16 bits video game opening screens. We will play basically with some basic filters like Gaussian Blur, also with Blend Modes to the light effects.
Create a new document in Photoshop, I used 1920x1200 pixels. Then fill the background layer with a very dark brown. I used #100c03 for the color.
With the Horizontal Type Tool (T) add the text you want in 2 or more lines. It's good if the words end with E or F, later on you will understand.
Duplicate the layer and go to Layer>Layer Styles>Stroke. Use 4 pixels and white. Then go to Layer>Layer Style>Create Layer. A new layer will be created, but it will be with the whole word, so holding Command (MAC)/Control (PC), click over the original text to create a marquee selection. After that just make sure that you have the stroke layer selected and delete the marquee selection.
Group the stroke layer and the word layer. They will be inside a folder. Then change the Blend Mode of the folder to Color Dodge. Also move the stroke layer to the top and right so, they won't be aligned, that will create a nice depth. After that go to Fillter>Blur>Gaussian Blurr. For the Stroke use 1.6 for the Radius.
Now for the word without stroke, go to Filter>Blur>Gaussian Blur. Use 5.0 for the radius. Then go to Layer>Layer Style>Inner Shadow. Use Color Dodge for the Blend Mode, -40º for the Angle, 20 pixels for the Distance, 30% for the Choke and 75 pixels for the Radius. Also you you have to change the Fill of the layer to 0%, that way you will only see the the inner shadow.
Now for each text layer, the stroke and the inner shadow one, go to Edit>Transform>Warp. For the Warp select Bulge, then just move the handle to reduce the size of the bulge effect.
With the Rectangle Tool (U), inside of the folder with Color Dodge, create some lines starting on the edge of the letters Es and Ls. Make sure you use white for the color. After that go to Filter>Blur>Gaussian Blur. Use 0.8 for the radius. Then go to Layer>Layer Styles>Outer Glow, use 75% for the Opacity, a very light yellow for the color. Then for the Size use 10 pixels and for the Range 50%.
Add another layer inside the Color Dodge folder and with the Brush Tool (B), pick a small and soft brush. Then just paint some dots of light like the light was moving through the lines.
Add another layer, this time not inside the Color Dodge layer, then change the Blend Mode to Screen and go to Layer>Layer Style>Color Overlay. Use blur for the color and Multiply for the Blend Mode.
Go to Layer>Layer Mask>Reveal All. Then with the Brush Tool (B) use a big soft brush. With white for the color start painting over the mask layer, so the blue clouds will start appearing. Make it visible only in the center. Also, reduce the size of the brush and invert the color to erase the parts that are over the lines and text, otherwise the blue will affect the light effect.
Add some flares using Brushes or stock images.
Now if you want to add a space scene, you can either create it from scratch, which I have done several times in past tutorials or we can use a stock photo. I used one from Shutterstock if you want you can get it here.
Just place it in front of the other layers and change the Blend Mode to Screen. Also with the Eraser Tool (E), delete the center light of the space scene. Use the image below for reference.
To create the lines I created I pattern, it's really easy, start a new document with 100x4 pixels then create a black line with 2 pixels height and a white line bellow the black with other 2 pixels height. Then just go to Edit>Define Pattern. Done.
So back to the document, just create a new layer on top of the others and with the Paint Bucket Tool (G), select Pattern for the color and use the patter you have just created. After that just go to Filter>Blur>Gaussian Blur. Use 1 or 2 pixels for the Radius. The last thing will be to change the Blend Mode to Color Dodge.
With the Horizontal Type Tool (T) type "Press Start" using a pixel font. The one I used was Bylinear. Then just add a shadow using layer styles.
After that, press Command+Option+Shift+E on a Mac or Control+Alt+Shit+E on a PC, that will create a new layer with all the layers merged. Go to Filter>Blur>Gaussian Blur and use 10 pixels for the Radius.
Change the Blend Mode of the Blurry layer to Screen and go to Layer>Layer Mask>Hide all. Again with the Brush Tool (B) and a medium size soft brush and white, paint over the flares and the dots of light. Also a little bit over the word where there's more light, that will add a nice glow to the image.
Let's add some texture. I used an old paper texture I got from Shutterstock, you can download it here or you can use another one you have.
Place the image in the document and then change the Opacity to 80% and the Blend Mode to Multiply.
The effect is pretty much done, again it was all about playing with basic filters and blend modes. Of course you can add more elements or try different colors and angles. The idea was just to understand what elements and effects give the 80's feel to an image, or even the video-game look, like Streets of Rage, my favorite of them all. Of course the space background doesn't fit with that.
That's why I prefer the version without the space background, it's simpler and we can drive the user attention more to the light effects of the word instead of the space scene. Again it's up to you and it's all about trying. I hope you like this tutorial and that it can be useful to you.