Photoshop

How to Create Space Tile Text Effect in Photoshop

In this tutorial, we’ll learn how to create space tile text effect in Photoshop by styling some layers.

space tile text effect

You’ll need:

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.

Step 1

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.

space tile text effect space dust texture

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.

 space tile text effect pattern overlay

 space tile text effect pattern overlay result

Step 2

Write your text using the Garnet font with the color #1e4d6e, 100pt Tracking value and 250pt font size.

 space tile text effect text

Duplicate the text layer twice by selecting Layer > Duplicate Layer > OK. For the second duplicate layer, keep its Fill value at 0.

space tile text effect text layer duplicate

Step 3

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.

 space tile text effect text layer bevel and emboss

 space tile text effect text layer contour

 space tile text effect text layer stroke

 space tile text effect text layer style result

Step 4

Now, open the Layer Style window for the first duplicate text layer and apply the following changes.

space tile text effect first duplicate bevel and emboss

 space tile text effect first duplicate contour

 space tile text effect first duplicate satin

 space tile text effect first duplicate layer style result

Step 5

We’ll now apply the following Layer Styles to the second duplicate text layer.

space tile text effect second duplicate bevel and emboss

 space tile text effect second duplicate contour

 space tile text effect second duplicate satin

 space tile text effect second duplicate layer style result

Step 6

Make a selection by ctrl-clicking on any one of the text layer.

 space tile text effect selection

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.

space tile text effect texture

Choose Filter > Pixelate > Crystallize and keep the values shown.

space tile text effect crystallize

Select Filter > Filter Gallery, choose Accented Edges from the Brush Strokes folder and use the settings shown to create cracks in the text.

space tile text effect accented edges

 space tile text effect accented edges result

Now, select Filter > Filter Gallery, choose Angled Strokes from the Brush Strokes folder and use the settings shown to sharpen the cracks.

 space tile text effect angled strokes

 space tile text effect angled strokes result

To intensify the cracks, select Filter > Sharpen > Smart Sharpen and use the values shown below.

 space tile text effect smart sharpen

 space tile text effect smart sharpen result

Change the layer blending mode of the Texture layer to Soft Light.

space tile text effect texture blending mode

Step 7

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”.

space tile text effect noise

Select Filter > Render > Clouds and remove the selection by choosing Select > Deselect.

 space tile text effect clouds

Select Filter > Filter Gallery, choose Grain from the Textures folder and use the settings shown to create a noise texture in the text.

 space tile text effect grain

 space tile text effect grain result

Change the Noise layer’s opacity to 50% and layer blending mode to Soft Light.

 space tile text effect noise blending mode

Step 8

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.

space tile text effect group

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.

 space tile text effect rounded rectangle tool

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.

space tile text effect rounded rectangle bevel and emboss

 space tile text effect rounded rectangle contour

 space tile text effect rounded rectangle gradient overlay

 space tile text effect rounded rectangle pattern overlay

 space tile text effect rounded rectangle layer style result

Step 9

Duplicate the rectangle for each letter.

space tile text effect rectangle duplicate

Open the Layer Style window for the rasterized group layer and apply the following style.

 space tile text effect drop shadow

 space tile text effect drop shadow result

Step 10

With the Polygonal Lasso Tool, select the first letter.

 space tile text effect polygonal lasso tool

Duplicate the selected letter by pressing Ctrl+J.

 space tile text effect duplicate letter

Repeat these two steps to extract all letters and then hide the rasterized group layer.

 space tile text effect polygonal lasso tool all letters

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.

 space tile text effect transform

Step 11

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.

 space tile text effect glow

Now, go to Filter > Distort > Ripple and keep the following values.

space tile text effect ripple

 space tile text effect ripple result

Press the “Create a New Fill or Adjustment Layer” icon at the bottom of the layers panel and select Gradient Map.

 space tile text effect 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.

 space tile text effect adjustment layer

And we’re done!

 space tile text effect

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*