Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Create Ultra-Shining Text Effect with Bokeh and Abstract Texture in Photoshop
Text Effect

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

By James QuMay 26, 20105 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

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!

abstract bokeh effect photoshop shining text tutorial
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience, mastering the software since its 5.0 version. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

July 5, 2025

Photoshop June 2025 Update: Master New Features in Version 26.8

June 21, 2025

How to Make a GIF in Photoshop: A Step-by-Step Guide

June 20, 2025

10 Comments

  1. PSDMaterial on May 26, 2010 11:57 PM

    Very inspiring output !

  2. Assem on May 27, 2010 10:39 AM

    that is just awesome

  3. Alicia on May 27, 2010 4:46 PM

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

  4. James Qu on May 27, 2010 8:47 PM

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

  5. Isabellle on May 28, 2010 4:32 PM

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

  6. John on May 30, 2010 3:49 AM

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

  7. curtis on July 5, 2010 5:52 PM

    my version nice tut ty! http://twitpic.com/22jbt4

  8. knight on August 27, 2010 2:46 PM

    amazing!!

  9. Jon on January 17, 2011 12:59 PM

    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. :/

  10. Medah on August 11, 2011 11:40 AM

    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

Don't Miss

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

July 5, 2025

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

July 4, 2025

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

For Beginners

Basics

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

By Lana WilsonJuly 4, 20256 Mins Read

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

How to Use “Find Distractions” Feature in Photoshop for Easy Photo Clean-up

June 28, 2025

Photoshop June 2025 Update: Master New Features in Version 26.8

June 21, 2025

You May Also Like

Opinion

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

By James QuJuly 5, 20259 Mins Read
Basics

Photoshop June 2025 Update: Master New Features in Version 26.8

By James QuJune 21, 20254 Mins Read
Basics

How to Make a GIF in Photoshop: A Step-by-Step Guide

By James QuJune 20, 20253 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}