0% found this document useful (0 votes)
12 views

Light burst

This document provides a step-by-step guide on creating a 'Light Burst' text effect in Photoshop. It covers opening a new document, adding and manipulating text, applying various filters, and adjusting layers to achieve the final effect. The process includes techniques such as rasterizing text, using blend modes, and applying Gaussian and radial blur filters.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views

Light burst

This document provides a step-by-step guide on creating a 'Light Burst' text effect in Photoshop. It covers opening a new document, adding and manipulating text, applying various filters, and adjusting layers to achieve the final effect. The process includes techniques such as rasterizing text, using blend modes, and applying Gaussian and radial blur filters.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 29

Light burst

Step 1: Open A New Photoshop Document


Open a new document in Photoshop by going up to the File menu and choosing New..., or by using the
keyboard shortcut, Ctrl+N(Win) / Command+N (Mac ). You can choose your own width and height for
your document, but if you want to follow along, I chose the 640x480 size from the list of available presets
to keep things simple. I've also left my Resolution value set to its default of 72 pixels/inch. Since I'm
creating this text effect for the web, it makes no difference what I set the resolution value to, so the default
value is fine:

Create a new document in Photoshop. To follow along, use the "640x480" preset size.

Step 2: Add Your Text


With your new blank document open, grab the Type tool from the Tools palette or by pressing T on your
keyboard. Make sure blackis selected as your foreground color. If it isn't, just press D on your keyboard
to reset it to black. Choose your font in the Options Bar at the top of the screen. Thick, heavy fonts work
best for this effect. Then, go ahead and enter your text. I'm going to use "Impact", and I'll type the words
"LIGHT BURST":
Choose a thick, heavy font, and with black as your foreground color, enter your text.

Step 3: Resize Your Text With Free Transform


With your text layer selected in the Layers palette, use the keyboard
shortcut Ctrl+T (Win) / Command+T (Mac) to bring up theFree Transform box and handles around your
text. Hold down Shift+Alt (Win) / Shift+Option (Mac) and drag out any of the corner handles to make
your text larger and fill up more of the document area. Holding Shift constrains the text proportions, and
holding Alt/Option resizes the text from the center:
Resize the text with Photoshop's "Free Transform" command.

Make sure to still leave plenty of room around the text for our light burst effect.
Press Enter (Win) / Return (Mac) when you're done to accept the transformation.

Step 4: Rasterize Your Text


We're going to be applying several filters to our text, but Photoshop doesn't allow us to do that without
first rasterizing it, which simply means to convert it into pixels. So again with the text layer selected, go up
to the Layer menu at the top of the screen, chooseRasterize, and then choose Type. This will convert
our text into pixels. It will still look the same in the document window, but in the Layers palette, the Type
layer will now be a regular layer:
After rasterizing the text, the Type layer in the Layers palette becomes a normal layer.

Step 5: Add A Selection Around Your Text And Save It


Ctrl-click (Win) / Command-click (Mac ) directly on the thumbnail preview area of the text layer in the
Layers palette to quickly load a selection around your text:

"Ctrl-click" (Win) / "Command-click" (Mac) directly on the text thumbnail in the Layers palette.

Your text will now have a selection around it:


The text is now selected.

With the text selected, go up to the Select menu at the top of the screen and choose Save Selection.
When the Save Selectiondialog box appears, just click OK. There's no need to name it or make any
changes to the options.

Once you've saved your selection, press Ctrl+D (Win) / Command+D (Mac) to deselect your text.

Switch over to your Channels palette for a moment (it's grouped in beside the Layers palette) and you'll
see your selection saved as a new channel named "Alpha 1" at the very bottom. We'll be coming back
here a bit later to load our selection again:
The selection is now saved as a new channel, "Alpha 1", in Photoshop's Channels palette.

Step 6: Use "Fill" To Fill Your Text Layer With White And Set The Blend Mode To
"Multiply"
Switch back to your Layers palette once again, and with the text layer selected, go up to the Edit menu at
the top of the screen and choose Fill, or press Shift+F5 on your keyboard to quickly bring up
Photoshop's Fill dialog box. When the dialog box appears, set the Contents to White and change
the Blending Mode to Multiply:

Photoshop's "Fill" dialog box".


Click OK when you're done. Nothing will seem to have happened in your document window, but if you
look at your text layer's thumbnail in the Layers palette, you'll see that all of the empty space around the
text has now been filled with white, while leaving the text black thanks to that "Multiply" mode.

Step 7: Apply The Gaussian Blur Filter To The Text


Go up to the Filter menu at the top of the screen, choose Blur, and then choose Gaussian Blur. When
the Gaussian Blur dialog box appears, enter a Radius value of about 4 pixels and click OK to apply a
slight blurring to the text:

Apply the Gaussian Blur filter to the text.

Here's the text after applying Gaussian Blur:


The text is now blurred slightly.

Step 8: Apply The "Solarize" Filter To The Text


With the text layer still selected, go back up to the Filter menu and this time choose Stylize, and then
choose Solarize. This will turn the document black, and your text will appear as a white stroke:
The image after applying the Solarize filter.

Step 9: Lighten The Text With Levels


The text is looking a little dark, so let's lighten it. Use the keyboard
shortcut Ctrl+L (Win) / Command+L (Mac ) to bring up Photoshop's Levels command, and drag the
white point slider on the right in towards the left until you reach the right edge of the histogram:
With the Levels dialog box open, grab the white point slider on the right and drag it to the right edge of the histogram to
brighten the text.

Click OK. The text will now appear much brighter:

The text is now much brighter after applying Levels.


Step 10: Make A Copy Of The Text Layer
We need to make a copy of the text layer at this point, so to do that, with the text layer selected, use the
keyboard shortcut Ctrl+J(Win) / Command+J (Mac), which will add a copy of the layer above it in the
Layers palette:

The Layers palette now showing both the text layer and the copy above it.

Make sure the copy of the text layer is selected because all of these next steps are to be done on the
copy. We won't be touching the original again until near the end.

Step 11: Apply The "Polar Coordinates" Filter To The Text


Go back up to the Filter menu, and this time choose Distort, and then Polar Coordinates. We're going
to send our text to the North Pole. Alright, no we're not. What we are going to do is make it look very
strange. When the Polar Coordinates dialog box appears, select the Polar To Rectangular option at the
very bottom and then click OK:
Photoshop's "Polar Coordinates" dialog box.

Your text will now look very strange indeed:

The text after applying the "Polar Coordinates" filter.

Step 12: Rotate The Canvas 90 Degrees Clockwise


Go up to the Image menu at the top of the screen, select Rotate Canvas, and then choose 90° CW to
rotate the canvas 90 degrees clockwise:

Rotate the canvas 90 degrees clockwise.

Step 13: Invert The Image


Use the keyboard shortcut Ctrl+I (Win) / Command+I (Mac ) to invert the image, so black becomes
white and white becomes black:
Invert the image with "Ctrl+I" (Win) / "Command+I" (Mac).

Step 14: Apply The "Wind" Filter Three Times


Go back up to the Filter menu once again, choose Stylize, and then choose Wind. When the Wind
filter's dialog box appears, make sure Method is set to Wind and Direction is set to From the Right:
Photoshop's "Wind" filter.

Click OK to apply the Wind filter once. Then press the keyboard
shortcut Ctrl+F (Win) / Command+F (Mac ) twice to apply the same filter two more times.

Step 15: Invert The Image Again


Press Ctrl+I (Win) / Command+I (Mac) to invert the image once again:
Invert the image once again using "Ctrl+I" (Win) / "Command+I" (Mac).

Step 16: Apply The "Wind" Filter Three More Times


With the image inverted, press the keyboard shortcut Ctrl+F (Win) / Command+F (Mac) three more times
to apply the filter to the image three more times:
Apply the "Wind" filter to the image three more times.

Step 17: Brighten The Image Again With Levels


We need to brighten the image again using Levels, but this time, we'll let Photoshop do the work for us by
using Auto Levels. To do that, press Shift+Ctrl+L (Win) / Shift+Command+L (Mac) to apply the Auto
Levels command to the image, which will brighten it up:
Apply the "Auto Levels" command to brighten the image.

Step 18: Rotate The Canvas 90 Degrees Counterclockwise


Go back up to the Image menu at this point, choose Rotate Canvas once again, and this time
choose 90° CCW to rotate the canvas back to the way it was originally:
Rotate the canvas 90° CCW.

Step 19: Apply The "Polar Coordinates" Filter Again


Go back up to the Filter menu again, choose Distort, and then choose Polar Coordinates. This time
choose the Rectangular to Polar option and click OK:
Apply "Polar Coordinates" again, this time choosing "Rectangular to Polar".

Your image should now look something like this:

The image after applying the "Polar Coordinates" filter a second time.

Step 20: Set The Layer Blend Mode To "Screen"


Go up to the blend mode options in the top left of the Layers palette and change the blend mode of the
text copy layer from "Normal" to Screen by clicking on the down-pointing arrow and selecting "Screen"
from the list:
Change the blend mode of the text copy layer to Screen.

This reveals the original text layer beneath it:

The original text layer is now visible as well.

Step 21: Apply A Gradient Fill Layer To Add Color


Click on the New Fill Or Adjustment Layer icon at the bottom of the Layers palette:

Click the "New Fill Or Adjustment Layer icon.

And select "Gradient" from the list:

Select a Gradient fill layer.

When the Gradient Fill dialog box pops up, click inside the gradient preview area at the top:
Click inside the gradient preview area.

This will bring up the Gradient Editor dialog box. Click on the gradient swatch in the top left, the black to
white gradient first, and this will make sure that both colors on either side of the gradient have their
opacity set to 100%:

Select the black to white gradient swatch in the top left to make sure both colors are set to 100% opacity first.

Then set your gradient colors to whatever you like. I've set the color on the left to a reddish-orange, and
the color on the right to a yellowish-orange:

Set your gradient colors.


Exit out of the gradient dialog boxes once you've chosen your colors.

Step 22: Change The Blend Mode Of The Gradient Fill Layer To "Color"
With the Gradient fill layer selected, go back to the blend mode options in the top left of the Layers palette
and change the layer's blend mode to Color:

Change the blend mode of the Gradient fill layer to "Color".

The image is now colorized with the colors from the gradient:
The gradient colors are now applied to the image.

Step 23: Apply A Radial Blur To The Original Text Layer


We're done with the text copy layer at this point. We're going to finish off the last few steps by working on
the original text layer, so click on it in the Layers palette to select it. Then go up to the Filter menu,
choose Blur, and then choose Radial Blur:

Photoshop's "Radial Blur" dialog box.


Set the Amount to about 65 pixels, the Blur Method to Zoom, and the Quality to Best, as circled
above, and then click OK to apply the filter to the original text:

The Radial Blur applied to the image.

Step 24: Load The Saved Text Selection


Only a couple of things left to do. First, switch over to your Channels palette again like we did earlier.
We're going to reload that selection we saved. To do that, simply right-click (Win) / Control-click (Mac
) anywhere on the Alpha 1 channel at the very bottom, which will load the selection back into the
document window:
Right-click (Win) / Control-click (Mac) anywhere on the "Alpha 1" channel to load the saved text selection.

Switch back to the Layers palette when you're done. The selection is now loaded in the image:
The selection now loaded into the image.

One thing left to do...

Step 25: Fill The Selection With Black


With the original text layer selected in the Layers palette and black still as your foreground color,
press Alt+Backspace (Win) /Option-Delete (Mac) to fill the selection with black and finish the effect.

Press Ctrl+D (Win) / Command+D (Mac) to remove the selection, and you're done!

After all that, here's the final "light burst" text effect:
The final "Light Burst" effect.

You might also like