How to Create a Splattery Groovy Typography in Photoshop

Now it’s time for some 3D Groovy Typography in Photoshop CS5. This is a quick tutorial and does not require much of your time. I made this Typography with some simple effects of Photoshop.

In this tutorial you’ll learn how to create an Eye Catchy 3D Groovy Typography using Photoshop’s basic tools, nothing too fancy. Since it is an easy one, even beginners should not hesitate to try it. As you would already know, my intention is to use minimum resources and effects, so here I am making another cool graphic using simple and easy to use resources.

Final Result

Download Source

Download this Freebie

Simply enter your email address and the download link will be sent right to your inbox. If you did not get an email please check your junk folder.

I agree to receive freebies newsletter twice a month. (Your email will never be shared and you can unsubscribe at any time by clicking the link in the email.)

Step 1 – Text

Let’s start with the text, Type each letter on a separate layer because we have to work on every letter individually. Don’t be afraid, it’s not a long tutorial.

Step 2 – Groove

For a Groove effect we have to rotate the text. Here I’m rotating text clockwise. See the screenshot below.

Final Result after rotating the text

Step 3 – Coloring

Here I made a copy of Letter D and changed the color to yellow, placed that copy at a distance of 1px from the green D. Repeat this step and make several copies, after that merge all of the duplicated layers and in the end, place the merged layer under the Green D, we did all this for making a little 3-D kind of effect.

Step 4 – Background Filling

Here I am Applying Gradient on that layer which we made by merging the yellow layers of D.

Step 5 – Shadow

After Applying the Gradient, I’m going to add Drop Shadow by putting these values in the Gradient Panel.

Result

This is the result I got after adding 3-D Effect, Gradient and Drop Shadow.

Step 6 – Background

Here I added a Wood Texture background grabbed from here. I think this typography would also look great over brick wall type backgrounds, or maybe some dark solid colors. You can try multiple variations.

Step 7 – Adding Special Effect

Now I’m going to add Groovy Look in the Typography, I put all the layers containing letters on the background and I’m going to make Glow Effect on the Letters by Erasing bits of foreground Green layers of the letters by using the Erase Tool.

Step 8 – Texture

I applied Wet Media Brushes (comes default in Photoshop) and select the 45px Round Brush. This brush contains light beautiful textures so they will add quite a groovy effect.

20 Comments on “How to Create a Splattery Groovy Typography in Photoshop” Join The Discussion!

Tutorial Loungesays:

July 5, 2011 at 3:56 am

good work.

waseemsays:

July 5, 2011 at 5:20 am

@Tutorial Lounge

Thanks,

darshani.ksays:

July 5, 2011 at 6:04 am

kewl…heyy if u hve sme stuff created in corel tn wld love 2 see..:)

waseemsays:

July 6, 2011 at 2:47 am

@darshani.k
What type of design tutorial you want to see in Corel Draw?
Thanks for commenting..

Lucky_Lukesays:

July 6, 2011 at 8:47 am

thanx a lot!

waseemsays:

July 7, 2011 at 3:37 am

Big Welcome

karensays:

July 6, 2011 at 2:01 pm

It rocks

waseemsays:

July 7, 2011 at 3:35 am

So does @Karen

darshani.ksays:

July 6, 2011 at 11:46 pm

work such as cartons of products,leaflets,pamphlet, literature, web layouts, visiting cards etc. created in Corel..like 2 know some ideas related 2 dis plzzz do help me wid ds…

waseemsays:

July 7, 2011 at 3:44 am

@Darshani.K

Your request has been noted, the tutorial will be published soon. Thanks for your feedback.

Don Aminesays:

July 7, 2011 at 11:33 am

good work.

waseemsays:

July 11, 2011 at 3:05 am

@Don Amine
Thanks

Tayyabsays:

July 11, 2011 at 5:58 am

Good Work Waseem!, thumbs up…

Jihansays:

October 13, 2011 at 6:38 pm

wow this looks so good, but so many steps involved. I am so lazy when it comes to editing. But good work.

waseemsays:

October 14, 2011 at 6:11 am

I was just like you, but then I started earning from this and now I don’t have any objection to work for hours and hours. You should understand that if you want to earn a living from graphic design, you’re gonna have to carry on even if you get bored. And you are not lazy, you just want something exciting all the time (that was the case in my side)
If you are not thinking of becoming a professional designer, you are here only for fun, then you are going good. This Monday you’ll see a brief tutorial from me. Hope you’ll like that one.
Thanks for the comment.

shaheensays:

October 24, 2011 at 10:17 pm

MR:jilson i want to regester my self but your website have a problem so please add me as a friend in your facebook account ant tech me new cool tips&triks