Photoshop Text Effects

Photoshop Tutorial for a Light Burst Text Effect

In this Photoshop tutorial, we’ll learn how to create a text effect in Photoshop CS6. We’ll be creating light beams around a text like this:

light burst text effect

For this Photoshop tutorial, you’ll need:

  • Photoshop CS6

Step 1

Let’s start this Photoshop tutorial by creating a new document. Go to File > New and use the settings shown below.

 light burst text effect new

Step 2

We’ll now add the text required for this Photoshop tutorial. Select the Type Tool and press D to set black and white as the foreground and background colors respectively. In the Options bar, choose your font and its size.

 light burst text effect font

Now, type your text.

 light burst text effect text

If your text’s too small, make it bigger by going to Edit > Free Transform and dragging the corner handles outwards while holding the Shift key. Press Return (Macs) / Enter (Windows) when you’re done.

 light burst text effect free transform

Now, select Type > Rasterize Type Layer to convert the Type layer into a pixel-based layer.

Step 3

We’ll now save a selection of the text so that we can load it later. Command-click (Macs) / Ctrl-click (Windows) the text layer’s preview thumbnail.

 light burst text effect selection

 light burst text effect selection result

To save the selection, go to the Channels panel and select the Save Selection As Channel option at the bottom.

 light burst text effect save selection

Go back to the Layers panel and press Command+D (Macs) / Ctrl+D (Windows) to deselect the selection.

Step 4

Hide the background layer by clicking on the layer visibility icon (the eye) in the Layers palette.

 light burst text effect hide background layer

 light burst text effect hide background layer result

We’ll now fill the space around the text with white. Go to Edit > Fill and use the settings shown below.

 light burst text effect fill white

light burst text effect fill white result

You can now make the background layer visible again by clicking on the layer visibility icon.

 light burst text effect background layer visible

Step 5

We’ll now blur our text. Go to Filter > Blur > Gaussian Blur and use the value shown below.

 light burst text effect gaussian blur

 light burst text effect gaussian blur result

Now, select Filter > Stylize > Solarize.

 light burst text effect solarize

We’ll now brighten the text by selecting Image > Auto Tone.

 light burst text effect auto tone

Step 6

Duplicate the text layer by pressing Command+J (Macs) / Ctrl+J (Windows).

 light burst text effect duplicate

With the duplicate text layer selected, go to Filter > Distort > Polar Coordinates and use the following settings.

 light burst text effect polar coordinates

 light burst text effect polar coordinates result

Now, select Image > Image Rotation > 90° CW.

 light burst text effect rotate cw

Invert the image by pressing Command+I (Macs) / Ctrl+I (Windows).

 light burst text effect invert

Now, go to Filter > Stylize > Wind and use the following settings.

 light burst text effect wind settings

Click OK when you’re done. We need to apply the Wind filter two more times, so press Command+F (Macs) / Ctrl+F (Windows) twice.

 light burst text effect wind

Step 7

We’ll re-invert the text by pressing Command+I (Macs) / Ctrl+I (Windows).

 light burst text effect re-invert

Let’s brighten the text again by selecting Image > Auto Tone.

 light burst text effect auto tone again

Apply the Wind filter three more times by pressing Command+F (Macs) / Ctrl+F (Windows) thrice.

 light burst text effect wind result

Rotate the image to its original position by selecting Image > Image Rotation > 90° CCW.

 light burst text effect rotate ccw

Go to Filter > Distort > Polar Coordinates and use the following settings.

 light burst text effect polar coordinates rectangular

 light burst text effect polar coordinates rectangular result

Step 8

Change the duplicate text layer’s blending mode to Screen.

 light burst text effect screen

 light burst text effect screen result

Step 9

Let’s add some color now. Click on the New Fill or Adjustment Layer option at the bottom.

 light burst text effect new fill layer

Choose Gradient from the list and click on the gradient preview bar.

 light burst text effect gradient preview

Choose the Black, White gradient.

 light burst text effect black white gradient

Double-click on the black color stop present in the Gradient Editor’s bottom-half.

 light burst text effect black color stop

Choose any color you want. I picked a reddish-orange color.

 light burst text effect photoshop tutorial color picker

Now, double-click on the white color stop.

 light burst text effect photoshop tutorial white color stop

Choose any color you want. I picked an orange-yellow color.

 light burst text effect photoshop tutorial color picker white

Change the Gradient Fill layer’s blending mode to Color.

 light burst text effect photoshop tutorial color

 light burst text effect color result

Step 10

Select the original text layer, click on the menu icon on the top-right and select Convert to Smart Object from the list. Now, go to Filter > Blur > Radial Blur and use the following settings.

 light burst text effect radial blur

 light burst text effect radial blur result

Step 11

Now, let’s finish this Photoshop tutorial. Select the New Layer icon.

 light burst text effect new layer

Go to the Channels panel and Command-click (Macs) / Ctrl-click (Windows) the Alpha 1 channel.

 light burst text effect alpha 1

 light burst text effect alpha 1 result

Go back to the Layers panel, go to Edit > Fill and use the following settings.

 light burst text effect fill black

Press Command+D (Macs) / Ctrl+D (Windows) to deselect the selection and this Photoshop tutorial is complete!

 light burst 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


*