Create Abstract Shining Text Effect with Groovy Font in Photoshop

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)

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

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:

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.

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

Step 2

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

Apply the following layer blending options to this text:

Drop Shadow

Inner Glow

Bevel and Emboss

Stroke

and you will have the following effect:

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:

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:

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

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

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

Fill the selection with black colour:

and you will have the following effect:

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

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

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

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:

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

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

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:

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

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

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

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

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

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.

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:

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:

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

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)

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

Categories: Text Effects

Tags: ,,

  • http://www.matejlatin.com Matej Latin

    great text effext dude.. thanks for this.. might come useful some time…

  • rajasegar

    Great tutorial and techniques well explained!
    Thanks for sharing…
    Bookmarked!!

  • matttm

    Please describe how you render clouds in such a way.

  • chico

    so cool~~~~XD

  • http://www.facebook.com/jotitajjsg Juan José Sanchez

    woow

  • http://nishagaandhi.wordpress.com/ Nisha Gandhi

    wow this is so cool effect! love it!

  • http://www.psd-dude.com psddude

    I like it!

  • https://www.google.com/ Logo Design

    Great tutorial and techniques well explained!

    Thanks for sharing…

  • KUMAR RAHUL544

    I LOVED IT IT WAS AMAZING

  • AKEEMLANGREY

    WHATS THE NAME OF THIS FONT?

  • Jdekkers88

    im not possible to make this :( i want it with more text is that possible ? who can make some for me with different text ? i will reward a little bit for it $5 or something.. pleas mail me jdekkers@hotmail.nl

  • Goofy

    Font type = Akko

  • JonnyBeeGoowd

    $5 for a graphic design service?!?!?! What next? $10 for a garage?

  • Bubbzy

    It says in the description – GROOVY FONT

  • Ken

    The font is PRISMA , here’s the website to download it:
    http://www.dafont.com/prisma.font

  • http://www.clippingsolutions.com/ Clipping Solutions

    It is really a beautiful and creative blog having some vital information over the subject. Thank you for
    share.