ultra-shine-text-flatten

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)

ultra shine text flatten1 500x538 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

vip sign up 250 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

1 fill 500x540 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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%:

1 type 500x538 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Apply the following layer blending options to it:

Drop Shadow

1 drop sha 500x350 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Outer Glow

1 outer glow 500x350 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Gradient Overlay

1 grad ove 500x350 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

and you will have the following effect:

1 effect1 500x511 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

2 type rotate1 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Apply the following layer blending options to it:

Drop shadow

2 drop sha 500x350 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Gradient Overlay

2 grad over 500x350 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

2 effect2 500x525 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

3 click 500x273 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

3 resize 500x272 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

3 soft light 500x256 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

3 click 2 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Compress it to a thin size:

3 reisze 2 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

3 resize long 500x241 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

3 overlay 499x231 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

3 click around 500x505 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

4 sha dyn Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

Scattering

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

Other Dynamics

4 other dyn Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

4 paint 500x543 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

4 paint small Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

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

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

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

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

5 warp 2 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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)

5 effect2 500x531 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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:

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

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:

6 texture 500x533 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

Color Balance

6 col sha1 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

6 col mid1 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

Curves

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

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:

6 accented edge1 500x353 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

6 melting 500x535 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

6 mask 500x533 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

ultra shine text flatten1 500x538 Create Ultra Shining Text Effect with Bokeh and Abstract Texture in Photoshop

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

Until next time, have a great day!