Create Ultra-Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Posted on May 26th, 2010 in Text Effects.

Tags: abstract, bokeh, effect, photoshop, shining, text, tutorial

• Tweet

• Tweet

In this tutorial, I will show you the steps I took to create this Ultra-Shining Text Effect with Bokeh and Abstract Texture in Photoshop. Have a try!

Along the way, you will learn the method used to create lighting effect, bokeh, image adjustments, plus an rather interesting way of creating those little flying/falling light particles :)

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

Ok let’s get started!

To complete this tutorial, you will need the following stocks:

A Bold Font (You can choose any one from the list)

Abstract Brush

Step 1

Create a new document sized 550px *600px, grab the Gradient Tool from the toolbox and fill the background as shown below:

As you can see this gradient color is different from the final effect color – this is because initially I thought it would be better to use a dark gradient fill in the beginning, just for experimental purpose. I can always change the colour later on with image adjustments.

Grab the type tool and type a big text (using a font you downloaded from the list) on the centre of the canvas, name this text layer as “mother text”, reduce its opacity to 40%:

Apply the following layer blending options to it:

Drop Shadow

Outer Glow

Gradient Overlay

and you will have the following effect:

Step 2

Type another smaller size letter on the canvas, name this type layer as “child text”, drop its opacity to around 30%, use the free transform tool to rotate it a bit so it looks like falling from the top:

Apply the following layer blending options to it:

Drop shadow

Gradient Overlay

Then duplicate this child text layer a few times, rotate each duplicated layer and scatter them around the mother text:

Step 3

Now let’s add some fancy lighting effect for the text. Create a new layer named “light strip bottom” below the mother text layer, use a soft white brush to do a single click on the top of the canvas:

Compress this layer to a very thin strip with the free trasform tool (scale):

Move this strip to this bottom of the text, and change the blending mode to “soft light”:

Now let’s add some highlights for the text. To do this, create a new layer on top of the “light strip bottom” layer, name it “highlight” and use a soft round white brush to do a single click as shown below:

Compress it to a thin size:

Move it over the bottom light strip and change the blending mode to “overlay”:

You will have the following effect: (you can duplicate this highlight layer a few more times for deeper effect)

Use the same method as the highlight layer creation (apart from the compression), add a few more lighting source around the text:

Step 4

Now let’s add some bokeh to the text. Thanks to the dynamic brush function in Photoshop, it’s really simple to make the bokeh effect.

So grab a round white brush with 80% hardness, apply the following dynamic brush settings to it:

Shape dynamics

Scattering

Other Dynamics

and tick the “Airbrush”, “Smoothing” and “Protect Texture” option.

Use this brush we just made to paint some bokeh around the text, make sure you adjust the brush size along the way:

As you can see, I used smaller bokeh on the top for more depth:

Step 5

Now let’s add some flying/falling light particles to the text. Create a new layer on top of all previous layers, name it as “particles”, grab a small round white brush, do a single click anywhere on the canvas:

Use the Warp Tool to warp this dot as shown below:

You may have to warp it twice for a more curvy shape:

Once you finish the warping, simply duplicate this particle layer and scatter them around the text: (experiment with blending mode as you duplicate them, try “soft light”, “overlay”, and “normal” mixing together. Also adjust the layer opacity for each layer so that they look different and as a result the image can have more depth)

Optional: for add some elegance to the text, you can duplicate the “light strip bottom” layer and resize and rotate it, and place the smaller strip on the bottom of the text:

Step 6

Now we can add some abstract texture onto the texture. Create a new layer called “texture” above the background layer, use the abstract brushset we downloaded and paint to the positions as shown below:

OK, we’re pretty much done. For some fine-tuning, I added two adjustment layers on top of all previous layer:

Color Balance

Curves

Optionally, you can also flatten the image, duplicate the background layer once and add the following “accented edge” (Filter > Brush strokes > Accented edge) filter effect to it:

This will create some blurry and melting effec to the text:

Add the following layer mask to the duplicated layer so it doesn’t look blurry for the whole canvas:

Smart sharpen the flattened background layer a bit, and here the final effect: (click to enlarge)

That’s it for this tutorial! Hope you enjoy it and learn something new :)

Until next time, have a great day!

Take a Break