Tags

Related Posts

Share This

How to Create a Quick Holographic Text Effect in Adobe Photoshop

By Rose

Final product image
What You’ll Be Creating

This tutorial will show you how to use Photoshop’s layer styles and filters to create an easy holographic 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 Texture Background Base

Step 1

Create a new 900 x 600 px document with a White Background, right-click the Background layer, choose Convert to a Smart Object, and rename the layer to Texture.

Create the Texture Smart Object

Step 2

Set the Foreground and Background Colors to Black and White, and go to Filter > Render > Clouds.

Render Clouds

2. How to Create a Holographic Texture

Step 1

Go to Filter > Filter Gallery > Texture > Grain, and use these settings:

  • Intensity: 100
  • Contrast: 0
  • Grain Type: Clumped
Grain

To add each of the new filters below, click the New effect layer icon in the bottom right corner of the Filter Gallery window, and then choose the filter.

Step 2

Go to Stylize > Glowing Edges, and use these settings:

  • Edge Width: 2
  • Edge Brightness: 6
  • Smoothness: 7
Glowing Edges

Step 3

Go to Artistic > Watercolor, and use these settings:

  • Brush Detail: 3
  • Shadow Intensity: 0
  • Texture: 1
Watercolor

Step 4

Go to Artistic > Film Grain, and use these settings:

  • Grain: 3
  • Highlight Area: 0
  • Intensity: 10
Film Grain

Step 5

Go to Brush Strokes > Dark Strokes, and use these settings:

  • Balance: 0
  • Black Intensity: 0
  • White Intensity: 2

Click OK to get out of the Filter Gallery window.

Dark Strokes

Step 6

Go to Filter > Distort > Wave, and use the settings below. You can use any other values you like as well.

Wave

Step 7

This is the basic texture, but you can adjust its size based on the final effect you want and the text you’ll be creating.

Here, we will go to Image > Image Size, set the Width to 1200 px, and the Height to 750 px.

Save this file and keep it open to use it later in the tutorial.

Change the Size

3. How to Create a Subtle Vignette Background

Step 1

Create another 900 x 600 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Solid Color.

Use a dark Fill Color such as #201c20.

Solid Color

Step 2

Add a Gradient fill layer, and use the Colors #909090 to the left and #000000 to the right to create the gradient.

Change the Style to Radial, and the Scale to 250. Then, change the layer’s Blend Mode to Soft Light.

Gradient Fill Vignette

4. How to Create Text and Use Glyphs

Step 1

Create the text using the font Premier Script, and set the Size to 200 pt.

Create the Text

Step 2

Because the Premier Script font has a ton of glyphs, you can access a character’s available glyphs by highlighting it, and then click the glyph you want to use from the alternatives you get.

Use Glyphs by Highlighting

Step 3

Another way to access those glyphs would be by going to Type > Panels > Glyphs Panel.

Highlight the characters you want to replace, and have fun changing up the text using the different glyphs available.

The Glyphs Panel

Step 4

Make all the changes necessary before the next step.

Finished Text

Step 5

Duplicate the text layer.

Duplicate the Text Layer

5. How to Style a Glass Stroke

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

Step 1

Add a Bevel and Emboss with these settings:

  • Style: Outer Stroke
  • Size: 6
  • Gloss Contour: Ring – Double
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Shadow Mode: Linear Burn
      • Color: #222222
      • Opacity: 15%
    Bevel and Emboss

    Step 2

    Add a Contour with these settings:

    • Contour: Log
    • Check the Anti-aliased box.
    Contour

    Step 3

    Add an Inner Shadow with these settings:

    • Blend Mode: Color Burn
    • Opacity: 35%
    • Distance: 1
    • Size: 1
    Inner Shadow

    Step 4

    Add an Outer Glow with these settings:

    • Blend Mode: Normal
    • Opacity: 50%
    • Color: #dbd6dd
    • Spread: 10
    • Size: 7
    Outer Glow

    This will create a glass-like stroke.

    Glass Stroke

    6. How to Style a Glossy Text

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

    Step 1

    Add a Bevel and Emboss with these settings:

    • Size: 10
    • Uncheck the Use Global Light box
    • Angle: 84
    • Altitude: 42
    • Gloss Contour: Ring – Double
    • Check the Anti-aliased box
    • Highlight Mode: Vivid Light
      • Shadow Mode:
        • Opacity: 10%
      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 Glow with these settings:

      • Blend Mode: Vivid Light
      • Opacity: 35%
      • Color: #697b99
      • Source: Center
      • Size: 5
      • Contour: Cone – Inverted
      Inner Glow

      This will style the main text.

      Styled Text

      7. How to Apply a Texture to a Text

      Step 1

      Go to the holographic texture document, press Command-A to select all, and Command-C to copy the selection.

      Copy the Texture

      Step 2

      Go back to the text document, and press Command-V to paste the texture. Rename the layer to Texture, and change its Blend Mode to Screen.

      Right-click the Texture layer, and choose Create Clipping Mask to clip the texture to the copy text layer.

      Add the Holographic Texture

      Step 3

      Select the copy text layer, and change the text Color to anything you like. The Color used here is #72757a.

      Change the Text Color

      8. How to Enhance a Texture Using Adjustment Layers

      Step 1

      Add a Vibrance adjustment layer, clip it to the Texture layer, and change the Vibrance value to 50.

      Vibrance

      Step 2

      Add a Curves adjustment layer, change its Blend mode to Luminosity so that you don’t affect the colors, and its Opacity to 80%.

      Adjust the RGB as well as the Channel curves to get a result you like.

      Curves

      Step 3

      Here are the adjusted Channel curves. You can skip adjusting these altogether if you don’t feel the need to make any changes, and you can use a different layer Opacity value as well.

      Curves Channels

      Awesome Work, You’re Now Done!

      In this tutorial, we used a bunch of filters to create a holographic texture.

      Then, we created and styled two text layers using a bunch of layer styles to achieve a glass-like effect. Finally, we added the texture to the text, and used adjustment layers to enhance the final result.

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

      Final Result