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

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


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


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!


  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • PSDMaterial

    Very inspiring output !

  • Assem

    that is just awesome

  • Alicia

    Awesome tut, but the link to the finished image doesn’t work! :s

  • James Qu

    @Alicia: perhaps try a different browser? I can see the final image no problem with firefox.

  • Isabellle

    Who needs the final file as long as this tutorial is here? just do it yourself. don’t be lazy :P

  • John

    That’s really cool. Can’t wait to try this for myself. Thanks :D

  • curtis

    my version nice tut ty!

  • knight


  • Jon

    Awesome, however difficult to do when you are not an avid PS user. Tried doing it two different times, got more than half way through it and things went down hill. :/

  • Medah

    I’m having trouble with the last part; the layer mask thingy. After I added the accented edges filter, I tried adding the layer mask by going to Layer – Layer mask – Reveal all, Hide all or From transparency. Those three are the only options available. And I can’t find the layer mask shown in the picture.. Help pls

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

comment *

  • name *

  • email *

  • website *

You May Also Like

Create an Artistic Metal Text Effect in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Create ...

Create an Electrified Text Effect in Photoshop

In this tutorial, I will show you the process I used to this electrified ...