How to Create a Galaxy Text Effect in Adobe Photoshop

This tutorial will show you how to use a couple of layer styles, textures, and brush settings to create a bright, galaxy-inspired text effect. Let’s get started!

How to Create a Galaxy Text Effect in Adobe Photoshop

How to Create a Galaxy Text Effect in Adobe Photoshop

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create a Background

Step 1

Create a new 960 x 720 px document. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and use the Color #0c0e22.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Go to File > Place Linked to open the Cosmos image. Resize it as needed, and rename its layer to Background Image.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Add a Hue/Saturation adjustment layer and change its Blend Mode to Color.

Change the Hue value to 23, and the Saturation to -45.

How to Create a Galaxy Text Effect in Adobe Photoshop

2. How to Create Text Layers

Step 1

Create the text in All Caps using the font Bungee. Set the Size to 230 pt, and if you use more than one line of text, change the Leading value to 210.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Change the text layer’s Fill value to 0.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Duplicate the text layer twice.

How to Create a Galaxy Text Effect in Adobe Photoshop

3. How to Style the First Text Layer

Double-click the original text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 20
  • Check the Anti-aliased box
  • Shadow Mode: Color Dodge
    • Color: #47fcc7
    • Opacity: 70%

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Rolling Slope – Descending
  • Check the Anti-aliased box.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Add a Stroke with these settings:

  • Size: 1
  • Fill Type: Gradient
  • Use the faucet 30 gradient fill

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Add a Drop Shadow with these settings:

  • Opacity: 100%
  • Distance: 5
  • Spread: 30
  • Size: 10

How to Create a Galaxy Text Effect in Adobe Photoshop

This will style the first text layer.

How to Create a Galaxy Text Effect in Adobe Photoshop

4. How to Style the Second Text Layer

Double-click the first copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 35
  • Uncheck the Use Global Light box
  • Angle: 107
  • Altitude: 37
  • Gloss Contour: Ring – Double
  • Check the Anti-aliased box
  • Highlight Mode:
    • Color: #ef1d58
    • Opacity: 70%
  • Shadow Mode: Color Dodge
    • Color: #a81227
    • Opacity: 70%

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Cone – Inverted
  • Check the Anti-aliased box.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Add an Inner Shadow with these settings:

  • Blend Mode: Screen
  • Color: #b2b412
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 90
  • Distance: 25
  • Size: 30

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Add an Inner Glow with these settings:

  • Blend Mode: Lighter Color
  • Opacity: 25%
  • Gradient: Create the gradient fill using the Colors #4c1061 to the left, #3e2b6a in the middle, and #504b71 to the right.
  • Size: 18

How to Create a Galaxy Text Effect in Adobe Photoshop

This will style the second text layer.

How to Create a Galaxy Text Effect in Adobe Photoshop

5. How to Style the Third Text Layer

Double-click the second copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 55
  • Uncheck the Use Global Light box
  • Angle: -39
  • Altitude: 58
  • Gloss Contour: Ring
  • Check the Anti-aliased box
  • Highlight Mode: Overlay
    • Color: #e3dc26
  • Shadow Mode: Color Dodge
    • Color: #0eb483
    • Opacity: 70%

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Add a Contour with these settings:

  • Contour: Rolling Slope – Descending
  • Check the Anti-aliased box.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Add an Inner Shadow with these settings:

  • Blend Mode: Color Dodge
  • Color: #ab60f1
  • Opacity: 35%
  • Distance: 10
  • Size: 20

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Add an Inner Glow with these settings:

  • Opacity: 35%
  • Color: #ff1d48
  • Source: Center
  • Size: 65
  • Contour: Cone – Inverted

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 5

Add a Satineffect with these settings:

  • Blend Mode: Color Dodge
  • Color: #ae8010
  • Opacity: 10%
  • Angle: 90
  • Distance: 143
  • Size: 95
  • Contour: Ring – Double
  • Check the Anti-aliased box
  • Check the Invert box

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 6

Add an Outer Glow with these settings:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 25%
  • Color: #53abde
  • Size: 25

How to Create a Galaxy Text Effect in Adobe Photoshop

This will style the final text layer.

How to Create a Galaxy Text Effect in Adobe Photoshop

6. How to Stroke a Work Path

Step 1

Right-click any text layer and choose Create Work Path.

Pick the Brush Tool and open the Brush panel (Window > Brush). It is important to do all the work inside the Brush panel, especially choosing the tips.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Pick a soft round tip, and use these settings under the Brush Tip Shape and Shape Dynamics tabs:

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Create a new layer on top of all layers, call itFade Stroke, and set the Foreground Color to #29ecee.

Hit the Return key once to stroke the work path. If you want a different result, you can change the Size of the tip, or the Fade value under the Shape Dynamics tab.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Change the Fade Stroke layer’s Blend Mode to Overlay.

How to Create a Galaxy Text Effect in Adobe Photoshop

7. How to Create a Texture Stroke Layer and Brush Tip

Step 1

Place the Stars texture on top of all layers, resize it as needed, rename its layer to Texture Stroke, and change its Blend Mode to Linear Dodge (Add).

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Option-click the Add layer mask icon at the bottom of the Layers panel to add an inverted mask that hides the layer’s contents.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

With the Brush Tool active, pick the Flat Angle 32px tip, and use these settings for the Brush Tip Shape and Shape Dynamics tabs:

How to Create a Galaxy Text Effect in Adobe Photoshop

8. How to Stroke a Work Path on a Layer Mask

Step 1

Select the Texture Stroke layer’s thumbnail, set the Foreground Color to White, and pick the Direct Selection Tool (A).

Right-click the work path and choose Stroke Path. Set the Tool to Brush, check the Simulate Pressure box, and click OK.

How to Create a Galaxy Text Effect in Adobe Photoshop

We will repeat this step to stroke the rest of the textures in this tutorial, but with the Simulate Pressure box unchecked.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Command-click any text layer’s thumbnail to create a selection.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Make sure that the Texture Stroke layer’s thumbnail is still selected and that the Background Color is Black, and press Command-Backspace to fill the selection with Black.

Press Command-D to deselect.

How to Create a Galaxy Text Effect in Adobe Photoshop

9. How to Create a Stroke Texture Group

Step 1

Place the Galaxy image below the original text layer, resize it as needed, and rename its layer to BG Stroke 1.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Add an inverted mask to the BG Stroke 1 layer, and then place the layer in a group and call it BG Stroke.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Duplicate the BG Stroke 1 layer three times, and rename the copies to add the numbers 2,3, and 4.

How to Create a Galaxy Text Effect in Adobe Photoshop

10. How to Create Big Particles Brush Tips

Step 1

Pick the Brush Tool, choose the Erodible Point 9px tip, and use these settings:

Brush Tip Shape

How to Create a Galaxy Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a Galaxy Text Effect in Adobe Photoshop

Scattering

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Select the BG Stroke 2 layer mask’s thumbnail, and stroke the path using the Direct Selection Tool.

Make sure to uncheck the Simulate Pressure box for all the BG Stroke layers.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Change the settings of the same brush tip to get a different outcome, by unchecking the Shape Dynamics tab, and using these settings for the Brush Tip Shape and Scattering:

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Use the modified tip to stroke the path on the BG Stroke 2 layer mask, and change the layer’s Blend Mode to Lighter Color.

How to Create a Galaxy Text Effect in Adobe Photoshop

11. How to Create Dust Brush Tips

Step 1

Choose the Airbrush tip below, and use these Brush Tip Shape and Scattering settings:

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Click the Create new brush icon in the bottom right corner of the Brush panel, set the Name to Dust Brush, and click OK.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Select the BG Stroke 3 layer mask’s thumbnail, stroke the work path with the Dust Brush tip, and change the layer’s Blend Mode to Color Dodge.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Change the Brush Tip Shape and Scattering settings of the same brush tip as below:

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 5

Stroke the work path on the BG Stroke 4 layer’s thumbnail, and change the layer’s Blend Mode to Color Dodge.

With the Direct Selection Tool active, hit the Return key to get rid of the work path.

How to Create a Galaxy Text Effect in Adobe Photoshop

12. How to Add Light Streaks

Step 1

Place one of the P-Series.Black-BG – C4D Set images on top of the TextureStrokelayer, resize it as needed, and change its layer’s Blend Mode to Screen.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Press Command-T to enter the Free Transform Mode, and click the Warp icon in the Options bar.

Click-drag the points and/or the sections to warp the light into a shape you like. When you’re done, hit the Return key to accept the changes.

You can also resize, rotate, and adjust the image while in the Free Transform Mode.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

You can add a layer mask, and use a soft round brush tip, with the Foreground Color set to Black, to paint over any unwanted areas and hide them.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Add more images and warp them.

If the light’s background is visible, you can go to Image > Adjustments > Levels, click the Sample in image to set black point icon, and click the background area you want to make black.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 5

Add as many images as needed, and place them anywhere you like.

How to Create a Galaxy Text Effect in Adobe Photoshop

13. How to Adjust a Background and the Global Coloring

Step 1

Add a layer mask to the Background Image layer, pick the Brush Tool, choose the Dust Brush you saved earlier, and click-drag slightly in the center of the document to erase a part of the image’s center.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 2

Add a Gradient Map on top of all layers, check the Dither box, and create the gradient fill using the Colors #5c3d69 to the left, #94516a in the middle, and #e8977a to the left.

Change the Gradient Map layer’s Blend Mode to Soft Light, and its Opacity to 30%.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 3

Add a Color Lookup adjustment layer on top of all layers, and use the FoggyNight.3DL table from the 3DLUT File menu.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 4

Press Command-A to select all, go to Edit > Copy Merged, and Edit > Paste Special > Paste in Place.

Rename the pasted layer to Overlay, and hide the Color Lookup layer.

How to Create a Galaxy Text Effect in Adobe Photoshop

Step 5

Decrease the Overlay layer’s Opacity to a value you like.

How to Create a Galaxy Text Effect in Adobe Photoshop

Congratulations! You’re Done

In this tutorial, we used a simple texture for the background, and created a couple of text layers. Then, we styled the text layers to create the main effect.

After that, we used textures and brush settings to create a couple of stroke layers. Finally, we used adjustment layers to enhance the final result.

Please feel free to leave your comments, suggestions, and outcomes below.

How to Create a Galaxy Text Effect in Adobe Photoshop