Google+

Light Tubes Text Effect

In this tutorial, we are going to use Photoshop layer Layer Styles and brushes to create a nice glossy text effect, with some light tips around the letters.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS5 Extended
  • Time : 0:30 – 1:15

Resources

Step 1

Create a new 1024 x 768 px document. Set the Foreground color to #990050, and the Background color to #6e0023, then, create a Radial Gradient from the center of the document to one of the corners.

Light Tubes Text Effect step 1

Set the Foreground and Background colors back to Black and White. Create a new layer on top of the Background layer and call it BG Texture, then go to Filter > Render > Clouds.

Light Tubes Text Effect step 1

Go to Filter > Artistic > Paint Daubs, and change the values as shown below:

Light Tubes Text Effect step 1

This will create a nice texture.

Light Tubes Text Effect step 1

Go to Filter > Render > Lighting Effects, and modify the values as shown below:

Light Tubes Text Effect step 1
Light Tubes Text Effect step 1

Finally, change the BG Texture layer’s Blend Mode to Multiply.

Light Tubes Text Effect step 1

Now, create the text in White. The font is Xpressive, and the Size is 250 px. Also, change the Tracking value in the Character panel (Window > Character) to 200 so that there is enough space between the letters.

Light Tubes Text Effect step 1

Step 2

Open a new 100 x 100 px document. Create the shape below, using the Ractangular Marquee Tool and the Elliptical Marquee Tool, then fill it with Black, OR, simply use the Rectangle Tool and Ellipse Tool to do so.

Light Tubes Text Effect step 2

Once you’ve created the shape, go to Edit > Define Brush Preset, and type in a name for the brush.

Light Tubes Text Effect step 2

Open the Brush panel (Window > Brush), and modify the Settings as shown below:

Shape Dynamics

Light Tubes Text Effect step 2

Back to the original document, create a new layer on top of all layers, and call it Brush. With the white color, start adding some tips around the letters.

Light Tubes Text Effect step 2

In order to rotate the brush, you need to change the Angle value under the Brush Tip Shape tab, or simply move the small arrow in the Angle preview box.

Light Tubes Text Effect step 2

Once you’re done with the tips, duplicate the text layer, and make the original one invisible (by clicking the eye icon next to it).

Light Tubes Text Effect step 2

Select the Brush layer and the copy text layer, then go to Layer > Merge Layers. Rename the merged layer to text, and change its Fill value to 0.

Light Tubes Text Effect step 2

Step 3

Double click the text layer to apply the following Layer Style:

– Drop Shadow

  • Distance : 0
  • Size : 18
Light Tubes Text Effect step 3

– Inner Glow

  • Blend Mode : Linear Light
  • Technique : Precise
  • Source : Center
  • Size : 27
Light Tubes Text Effect step 3

– Bevel and Emboss

  • Depth : 123
  • Size : 10
  • Gloss Contour : Rolling Slope – Descending
  • Check the Anti-aliased box
  • Highlight Mode : Overlay
  • Shadow Mode – Color : #6a6a6a
Light Tubes Text Effect step 3

– Contour

  • Contour : Rolling Slope – Descending
  • Check the Anti-aliased box.
Light Tubes Text Effect step 3

The text should look like a glass tube after the Layer Style is applied.

Light Tubes Text Effect step 3

Step 4

Create a new layer right below the text layer and call it tips. Pick a soft round brush with a similar size to the tips you’ve created, in this case, it is 10 px. Set the Foreground color to #ff0078, and start adding dots right where the circular tips are.

Light Tubes Text Effect step 4

After you add the dots to all the tips, double click the tips layer to add the following Layer Style:

– Outer Glow

  • Color : #ffbad5
Light Tubes Text Effect step 4

– Inner Glow

  • Blend Mode : Vivid Light
  • Color : #ffbad5
Light Tubes Text Effect step 4

This should add a nice glow to the tips.

Light Tubes Text Effect step 4

Step 5

Create a new layer below the tips layer and call it Light. Increase the brush Size to 30 px, and add more dots where the tips are.

Light Tubes Text Effect step 5

This will add more glow around the tips as if they are emitting some light.

Light Tubes Text Effect step 5

You can play around with the size of the brush or the colors you choose as well.

Step 6

Once again, set the Brush Size to 10 px, and change the Spacing to 25%.

Light Tubes Text Effect step 6

Shape Dynamics

Light Tubes Text Effect step 6

Right click the original text layer and choose Create Work Path.

Light Tubes Text Effect step 6

Create a new layer below the Light layer and call it Stroke, then change its Blend Mode to Overlay.

Light Tubes Text Effect step 6

Set the Foreground color to #ffe0f3, pick the Direct Selection Tool, right click the path, and choose Stroke Path.

Light Tubes Text Effect step 6

Choose Brush and check the Simulate Pressure box.

Light Tubes Text Effect step 6

This will add a simple glow to some of the text edges and corners.

Light Tubes Text Effect step 6

Step 7

Pick the Ellipse Tool and click the Paths icon in the Options bar at the top. Start adding circles around the tips. Then, create a new layer on top of the Stroke layer and call it Sparkles.

Light Tubes Text Effect step 7

Stroke the circles with this Sparkles Brush the same way you stroked the path in the previous step (Step 6). Then, change the Sparkles layer’s Blend Mode to Vivid Light.

Light Tubes Text Effect step 7

Create a new layer below the Stroke layer and call it Highlight, then change its Blend Mode to Overlay. Pick a big soft round brush, and with the Foreground color still set to #ffe0f3, start adding some highlight spots around the text.

Light Tubes Text Effect step 7

Create a new layer on top of all layers and call it Sparkles 2, then change its Blend Mode to Overlay as well. Pick a big sparkles brush from the Sparklies Photoshop Brushes pack.

Light Tubes Text Effect step 7

Use the brush to add more glowing highlights.

Light Tubes Text Effect step 7

And that’s it.


Did you enjoy this post? Please consider donating to help us cover our server costs.

Latest Comments
    • textuts
    • Juergen
      • textuts
  1. muslimka
    • textuts
  2. MT
    • textuts
    • textuts
  3. GUNO
    • textuts
  4. nang
    • textuts
    • textuts
  5. ivdeqnova
    • textuts
  6. Thel
    • textuts
  7. Marina
    • textuts

Leave a Comment

Your email address will not be published. Required fields are marked *