How to Create a Galaxy Text Effect in Adobe Photoshop

Post pobrano z: How to Create a Galaxy Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

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!

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.

Solid Color Layer

Step 2

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

Add the Background Image

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.

HueSaturation

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.

Create the Text

Step 2

Change the text layer’s Fill value to 0.

Fill Value

Step 3

Duplicate the text layer twice.

Duplicate the Text Layer

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

Step 3

Add a Stroke with these settings:

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

Step 4

Add a Drop Shadow with these settings:

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

This will style the first text layer.

Styled Text Layer 1

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

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
Inner Shadow

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
Inner Glow

This will style the second text layer.

Styled Text Layer 2

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%
Bevel and Emboss

Step 2

Add a Contour with these settings:

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

Step 3

Add an Inner Shadow with these settings:

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

Step 4

Add an Inner Glow with these settings:

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

Step 5

Add a Satin effect 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
Satin

Step 6

Add an Outer Glow with these settings:

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

This will style the final text layer.

Styles Text Layer 3

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.

Create Work Path

Step 2

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

Brush Settings

Step 3

Create a new layer on top of all layers, call it Fade 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.

Stroke the Work Path

Step 4

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

Change the Blend Mode

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

Add the Texture

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.

Add an Inverted Layer Mask

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:

Brush Settings

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.

Stroke the Work Path

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

Stroked Mask

Step 2

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

Create a Selection

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.

Fill the Layer Mask Selection

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.

Add the Stroke Texture

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.

BG Stroke Group

Step 3

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

Duplicate the BG Stroke Layer

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

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

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.

Stroke the BG Stroke 1 Layer Mask

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:

Brush Settings

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.

Stroke the BG Stroke 2 Layer Mask

11. How to Create Dust Brush Tips

Step 1

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

Brush Settings

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.

Save the Brush Tip

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.

Stroke the BG Stroke 3 Layer Mask

Step 4

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

Brush Settings

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.

Stroke the BG Stroke 4 Layer Mask

12. How to Add Light Streaks

Step 1

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

Add a Light Image

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.

Warp the Light

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.

Hide Unwanted Areas

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.

Adjust the Lights Background

Step 5

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

Add More Light Images

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.

Mask Out the Background Image Center

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

Gradient Map

Step 3

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

Color Lookup

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.

Create the Overlay Layer

Step 5

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

Decrease the Opacity

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.

Final Result