Step 6: Fill The Area Around The Text With White
Click on the Background layer’s visibility icon (the little eyeball) to temporarily hide the Background layer for a moment:
Clicking the visibility icon for the Background layer.
With the white-filled Background layer hidden, we’re seeing only the text layer in the document. The gray and white checkerboard pattern surrounding the letters is Photoshop’s way of representing transparency, which means all the space around the text on the layer is currently empty:
The area surrounding the text on the layer is transparent.
We need to fill the empty space with white without affecting our black text, and we can do that using Photoshop’s Fill command. Go up to the Edit menu at the top of the screen and choose Fill:
Going to Edit > Fill.
This opens the Fill dialog box. Set the Use option at the top to White, then set the Blending Mode option toMultiply:
Setting the Fill options.
Click OK to close out of the Fill dialog box, and Photoshop fills the transparent area surrounding the letters with white. By setting the blend mode to Multiply, the black letters were not affected:
Only the transparent area around the text was filled with white.
You can turn the Background layer back on at this point by clicking again on the layer’s visibility icon. We only turned if off temporarily so we could see what was happening with the Fill command on the text layer:
Clicking again on the Background layer’s visibility icon.
Step 7: Apply The Gaussian Blur Filter
We need to add a small amount of blurring to our text, and we can do that with the Gaussian Blur filter. Go up to theFilter menu at the top of the screen, choose Blur, then choose Gaussian Blur:
Going to Filter > Blur > Gaussian Blur.
When the Gaussian Blur dialog box opens, drag the slider at the bottom to set the Radius value to around 4 pixels:
Setting the Radius value to 4 pixels.
Click OK to close out of the dialog box. Here’s my text with the blurring applied:
The text after applying the Gaussian Blur filter.
Step 8: Apply The Solarize Filter
Once again go up to the Filter menu at the top of the screen but this time, choose Stylize, then choose Solarize:
Going to Filter > Stylize > Solarize.
There’s no dialog box for the Solarize filter. Photoshop simply applies it to the text layer, and now the text appears as a light gray outline against a black background:
The text after applying the solarize filter.
Step 9: Lighten The Text With Auto Tone
We need to brighten up the text and we can do that very quickly using one of Photoshop’s Auto image adjustments. Go up to the Image menu at the top of the screen and choose Auto Tone. For our purposes here, it really doesn’t matter if you choose Auto Tone, Auto Contrast or Auto Color since we’re essentially working with a black and white image. I chose Auto Tone only because it’s the first one in the list:
Going to Image > Auto Tone.
With Auto Tone applied, the text now appears much brighter:
The text after applying the Auto Tone adjustment.
Step 10: Duplicate The Text Layer
We need to make a copy of our text layer. Go up to the Layer menu at the top of the screen, choose New, then choose Layer via Copy. Or, a faster way to duplicate a layer is by simply pressing Ctrl+J (Win) / Command+J(Mac) on your keyboard:
Going to Layer > New > Layer via Copy.
A copy of the text layer appears above the original in the Layers panel:
The Layers panel showing the copy of the text layer.
Step 11: Apply The Polar Coordinates Filter
With the copy of the text layer selected (highlighted in blue) in the Layers panel, go up to the Filter menu at the top of the screen, choose Distort, then choose Polar Coordinates:
Going to Filter > Distort > Polar Coordinates.
When the Polar Coordinates dialog box opens, select the Polar to Rectangular option at the very bottom, then click OK to close out of the dialog box:
Selecting the Polar to Rectangular option
Your text will now look something like this:
The text after applying the Polar Coordinates filter
Step 12: Rotate The Image
In a moment, we’re going to apply Photoshop’s Wind filter to the image, but the Wind filter only works horizontally, so before we run it, we need to rotate our image onto its side. To do that, go up to the Image menu at the top of the screen, choose Image Rotation, then choose 90° CW (clockwise):
Going to Image > Image Rotation > 90° CW.
The image should now be rotated clockwise:
The image rotated 90° clockwise.
Step 13: Invert The Image
Next, we need to invert the image, making the black areas white and the white areas black. Go up to the Imagemenu, choose Adjustments, then choose Invert. Or, press Ctrl+I (Win) / Command+I (Mac) on your keyboard:
Going to Image > Adjustments > Invert.
The image is now inverted:
The image after inverting the brightness values.
Step 14: Apply The Wind Filter Three Times
To create what will eventually become the beams of light, we’ll use the Wind filter. Go up to the Filter menu, chooseStylize, then choose Wind:
Going to Filter > Stylize > Wind.
When the Wind dialog box appears, set the Method option to Wind, then set the Direction option to From the Right:
The Wind filter options.
Click OK to close out of the dialog box. Photoshop will apply the Wind filter to the image. We actually need to apply the filter two more times, but rather than selecting it again from the Filter menu, simply press Ctrl+F (Win) /Command+F (Mac) on your keyboard. This is a handy shortcut for re-applying the last filter that was used (along with the settings that were used). Press Ctrl+F (Win) / Command+F (Mac) again to re-apply the Wind filter a second time (so it’s now been applied a total of three times). Your image should now look something like this:
The image after applying the Wind filter three times.
Step 15: Invert The Image Again
Next, we need to re-invert the image, so once again go up to the Image menu, choose Adjustments, then chooseInvert, or press Ctrl+I (Win) / Command+I (Mac) on your keyboard:
Going to Image > Adjustments > Invert.
The text once again appears light gray against a black background:
The image after inverting it again.
Step 16: Brighten The Text Again With Auto Tone
Let’s again make the text brighter by going back up to the Image menu and choosing Auto Tone:
Going back to Image > Auto Tone.
And once again, the text appears brighter:
The text after re-applying the Auto Tone command.
Step 17: Re-Apply The Wind Filter Three More Times
Press Ctrl+F (Win) / Command+F (Mac) on your keyboard three times to re-apply the Wind filter three more times to the image:
The image after applying the Wind filter three more times.
Step 18: Rotate The Image
We’re done with the Wind filter, so let’s rotate the image back to its original orientation. Go up to the Image menu, choose Image Rotation, then choose 90° CCW (counterclockwise):
Going to Image > Image Rotation > 90° CCW.
The image is now back to its original position:
The image after rotating it counterclockwise.
Step 19: Apply The Polar Coordinates Filter Again
Go up to the Filter menu, choose Distort, then choose Polar Coordinates. This time when the dialog box appears, select the Rectangular to Polar option at the bottom:
Selecting the Rectangular to Polar option.
Click OK to apply the Polar Coordinates filter and exit out of the dialog box. The light burst effect is now starting to take shape:
The image after re-applying the Polar Coordinates filter.
Step 20: Change The Layer Blend Mode To Screen
Next, we need to allow our original text layer below to show through the light beams, and we can do that by simply changing the top layer’s blend mode. You’ll find the Blend Mode option in the top left corner of the Layers panel (it’s the box that’s set to Normal by default). Click on the box and select Screen from the list of blend modes that appears:
Changing the layer’s blend mode from Normal to Screen.
With the blend mode set to Screen, the light beams now appear to shine through the text:
The effect after changing the blend mode to Screen.
Step 21: Add A Gradient Fill Layer
Let’s add some much needed color to the effect, and we’ll do that using a Gradient Fill layer. Click on the New Fill or Adjustment Layer icon down at the bottom of the Layers panel:
Clicking the New Fill or Adjustment Layer icon.
Select Gradient near the top of the list:
Adding a Gradient fill layer.
This opens the Gradient Fill dialog box. Click on the gradient preview bar at the top to open the Gradient Editor:
Clicking the gradient preview bar.
When the Gradient Editor appears, select the Black, White preset gradient by clicking on its thumbnail at the top of the dialog box (third thumbnail from the left, top row). This will give us a starting base for the gradient and, most importantly, will make sure that both colors are set to 100% opacity:
Clicking on the Black, White gradient’s thumbnail.
The bottom half of the Gradient Editor is where we can actually edit the gradient. Double-click on the black-filledcolor stop below the left end of the large gradient preview bar:
Double-clicking the black-filled color stop on the left.
This will open Photoshop’s Color Picker where we can replace the black in the gradient with whatever color we like. I’ll choose a reddish orange color. Click OK once you’ve chosen a new color to close out of the Color Picker:
Choosing a new color for the left side of the gradient.
Then, do the same thing with the other side of the gradient in the Gradient Editor. Double-click on the white-filledcolor stop below the right side of the gradient preview bar:
Double-clicking the white-filled color stop on the right.
Choose a new color for the right side of the gradient from the Color Picker. I’ll choose an orange-yellow. Click OK when you’re done to again close out of the Color Picker:
Choosing a new color for the right side of the gradient.
Here’s my edited gradient with its new custom colors. If you’re happy with the colors you chose, click OK to close out of the Gradient Editor, then click OK to close out of the Gradient Fill dialog box:
The new custom gradient.