In this tutorial, I will show you the methods I use to Create Abstract Shining Text Effect with Groovy Font in Photoshop. This is a beginner level tutorial with lots of tips and tricks about effective text manipulation. Have a try :)

Along the way, I will show you a number of methods I use to create nice abstract effect to make the overall design look cool, as well as the use of slice tool to create your own stripe brush.

Here is a preview of the final effect: (click to enlarge)

retro font flatten 489x700 Create Abstract Shining Text Effect with Groovy Font 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 tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Ok Let’s get started!

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

Font

Step 1

Create a new document (sized doesn’t really matter here), fill the background layer with the gradients shown below:

1 fill 480x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Create a new layer on top of the background layer, either paint or render some cloud on the center and bottom – this acts as the foundation of the text effect:

Hint: don’t paint or render too much cloud, a subtle effect will do.

1 cloud 480x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

You can use the perspective option via Ctrl + T (right-click) for the cloud on the bottom to adjust its shape:

1 persp 500x389 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 2

Use the font we downloaded, type some text to the center of the canvas: (I used a yellowish colour)

2 type1 497x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Apply the following layer blending options to this text:

Drop Shadow

2 drop shadow 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Inner Glow

2 inner 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Bevel and Emboss

2 bevel1 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Stroke

2 stroke1 500x364 Create Abstract Shining Text Effect with Groovy Font in Photoshop

and you will have the following effect:

2 effect1 500x379 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Duplicate this text layer twice and move each duplicated layer towards the top left a little, reduce their layer opacity to 15% and 40% respectively – this creates a layered text effect:

2 dup effect 500x388 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 3

Now let’s get to create the stripe brush :) Create a new document with the same size as our text document, add a new layer on top of the background layer.

Choose the slice tool from the toolbox:

3 slice Create Abstract Shining Text Effect with Groovy Font in Photoshop

Right-click on the canvas with the slice tool selected, choose “divide slice … “:

3 devide 500x496 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Tick the “Divide vertically into” box and enter “10” into the textbox, click on “OK”:

3 verti 500x273 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Then use the rectangular marquee tool to draw selection for every second slice: (make sure you hold down “shift” key for multiple selection)

3 select 500x675 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Fill the selection with black colour:

3 fill 500x281 Create Abstract Shining Text Effect with Groovy Font in Photoshop

and you will have the following effect:

3 black 500x664 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Turn off the background, and go to Edit > Define Brush Preset and define a vertical stripe brush set:

3 turn off Create Abstract Shining Text Effect with Groovy Font in Photoshop

Now we can also rotate this stripe layer a bit and define another brush set:

3 rotate 500x473 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Then we can use it to paint some stripe pattern on top of the text: (make sure you reduce the brush flow and opacity to be both around 30%)

3 paint 500x337 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 4

Now let’s create a base for this text effect. Create a new layer under the text layer and use the vertical stripe brush to paint the following pattern:

4 paint 476x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Go to Filter > Distort > Twirl and apply the following settings:

4 twirl Create Abstract Shining Text Effect with Groovy Font in Photoshop

Hit Ctrl + F and re-apply the twirl filter, you will have the following effect:

4 twirl after 488x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Use the Free Transform tool to compress it down, and reduce the layer opacity to around 30%, then use a soft eraser to remove its edges. You will have the following effect:

4 erase1 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Create a layer on top of the base layer, use a soft black brush to gently paint some shadow under the text:

4 shadow 500x194 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 5

Now let’s create another abstract pattern with the stripe brush we created. Create a new layer and make a selection with elliptical tool, grab the vertical stripe brush (reduce brush tip size) and paint inside the selection: (Make sure you set the brush opacity to 50%)

5 paint 500x470 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Then duplicate this layer once, rotate the duplicated layer 90 degree CW:

5 rotate 500x349 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Merge the two layers, you will have the following effect:

5 effect1 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Then we can use the warp tool to manipulate its shape, as shown below:

5 warp 500x394 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Once you finish the warping, duplicate this pattern layer a few times and resize each of them, scatter them around the canvas as shown below:

Hint: make sure you adjust the layer opacity, or use a soft eraser with 50% flow and opacity to remove some part of the pattern, in order to create more depth for the image.

5 dup effect 500x685 Create Abstract Shining Text Effect with Groovy Font in Photoshop

Step 6

OK we’re almost done! For the final touches, I added a new layer on top of all previous layer and use a small soft white brush, and painted some shining dots around the text, as shown below:

6 dots 500x313 Create Abstract Shining Text Effect with Groovy Font in Photoshop

I also created another new layer on top and set its blending mode to “overlay”, use a soft white brush to paint around the edges of the text to add a glowing effect:

6 overlay 500x239 Create Abstract Shining Text Effect with Groovy Font in Photoshop

I added some more colours to the text, as well as using the Lens Flare filter to further highlight certain parts of the text:

6 lens 2 500x267 Create Abstract Shining Text Effect with Groovy Font in Photoshop

6 lens 1 500x199 Create Abstract Shining Text Effect with Groovy Font in Photoshop

If you wish to find out how to apply this Lens Flare filter to the text, check out this tutorial here on psdvault.com.

I also added some particle effect around the text, and here is my final effect for this tut: (click to enlarge)

retro font flatten 489x700 Create Abstract Shining Text Effect with Groovy Font in Photoshop

That’s it for this tutorial! Hope you enjoy this tutorial and find it useful! Till next time, have a great day!