In this tutorial, we’ll learn how to create space tile text effect in Photoshop by styling some layers.
- Adobe Photoshop CS3+ (I used Photoshop CS6)
- Garnet font
- Metal mesh patterns
- Space dust texture
- Gradient shapes
- Brushed steel metallic texture
Before we begin, we’ll first add the brushed steel metallic texture to our Patterns preset by opening the image in Photoshop and selecting Edit > Define Pattern > OK.
Create a new document with 1024px width and 750px height. Now, open the space dust texture on it and resize it to fit the document.
Open the Layer Style window by double-clicking on the texture layer and make the following changes. For the pattern, select Hex Metal Mesh pattern from the metal mesh pattern pack.
Write your text using the Garnet font with the color #1e4d6e, 100pt Tracking value and 250pt font size.
Duplicate the text layer twice by selecting Layer > Duplicate Layer > OK. For the second duplicate layer, keep its Fill value at 0.
Open the Layer Style window for the original text layer and make the following changes. For Stroke, select the “stove pipe 155b” gradient from the gradient shapes pack.
Now, open the Layer Style window for the first duplicate text layer and apply the following changes.
We’ll now apply the following Layer Styles to the second duplicate text layer.
Make a selection by ctrl-clicking on any one of the text layer.
Make a new layer between the two duplicate text layers and name it “Texture”. Set the colors #081f30 and white as foreground and background colors. Now, select Filter > Render > Clouds and remove the selection by choosing Select > Deselect.
Choose Filter > Pixelate > Crystallize and keep the values shown.
Select Filter > Filter Gallery, choose Accented Edges from the Brush Strokes folder and use the settings shown to create cracks in the text.
Now, select Filter > Filter Gallery, choose Angled Strokes from the Brush Strokes folder and use the settings shown to sharpen the cracks.
To intensify the cracks, select Filter > Sharpen > Smart Sharpen and use the values shown below.
Change the layer blending mode of the Texture layer to Soft Light.
Again, make a selection by ctrl-clicking on any one of the text layer and set the color #1a1a1a as the foreground color. Now, create a new layer on top of all the other layers and name it “Noise”.
Select Filter > Render > Clouds and remove the selection by choosing Select > Deselect.
Select Filter > Filter Gallery, choose Grain from the Textures folder and use the settings shown to create a noise texture in the text.
Change the Noise layer’s opacity to 50% and layer blending mode to Soft Light.
Select the layer on the top and shift-click on the original text layer to select all of the layers except the background layers. Then, group the layers together by selecting Layer > Group Layers.
Duplicate the group and hide the original group by clicking on the layer visibility icon (the eye) in the layers palette. Now, select the duplicate group layer and press Layer > Merge Group to rasterize the grouped layers into one layer.
Select the Rounded Rectangle Tool and keep the settings shown below. After that, create a rectangle that is big enough to fit a letter inside it. Place the rectangle layer below the rasterized group layer.
Open the Layer Style window for the rectangle layer and keep the following settings. For Pattern Overlay, select the brushed steel metallic texture as the pattern.
Duplicate the rectangle for each letter.
Open the Layer Style window for the rasterized group layer and apply the following style.
With the Polygonal Lasso Tool, select the first letter.
Duplicate the selected letter by pressing Ctrl+J.
Repeat these two steps to extract all letters and then hide the rasterized group layer.
Now, let’s place the letters in the rectangles. Go to Edit > Free Transform and rotate and position the letters and rectangles as you like.
Create a new layer above all of the other layers, name it “Glow” and change its layer blending mode to Linear Light. Set the color #6dcff6 as the foreground color and with a 35px soft round brush, add glow dots on the letters as shown below.
Now, go to Filter > Distort > Ripple and keep the following values.
Press the “Create a New Fill or Adjustment Layer” icon at the bottom of the layers panel and select Gradient Map.
From the CSP True Sky Gradients file from the gradient shapes pack, select the gradient shown below. Also, change the new layer’s opacity to 50% and layer blending mode to Overlay.
And we’re done!