How to Create a Splattery Groovy Typography in Photoshop

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.

Before we go further remember to Subscribe to our RSS Free Rss Feed or Follow us on twitter Twitter to stay updated with our postings

Final Result

Free photoshop tutorials

Download Source

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.

Free 3d tutorial in photoshop

Step 2 – Groove

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

Free photoshop tutorials

Final Result after rotating the text

Free photoshop typography tutorial

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.

Free photoshop tutorial

Step 4 – Background Filling

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

Free photoshop gradient tutorial

Step 5 – Shadow

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

Free photoshop tutorial

Result

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

Free photoshop tutorial of typography

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.

Free background of photoshop

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.

free photoshop tutorials

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.

Free photosho tutorials

Step 9 – Using Brush

After that I used Designzzz Brush Pack #2 Hi-Res Paint And Blood Brushes and painted this thing.

Free Paint strokes in photoshop

Step 10 – Bevel

After painting brush strokes, I added a Bevel and Emboss effect.

Free photoshop tutorials

Step 11 – Curve

Everybody likes curvy things, right. Here I used Pen Tool and made this beautiful Curve path.

Free photoshop tutorials

Step 12 – Making of the Curve

Here’s how I drew this curve.

Free photoshop tutorials

Step 13 – Making Curve Beautiful

Now erase the overlapping areas of the curve. Refer to the screen shot below for further instructions.

Free tupography tutorials

Step 14 – More Curves

To add some extra groove, I made this unique kind of curvy shape. I placed it on two locations. Now have a look at the final result, let’s see if you can spot the two shapes.

 

free photoshop tutorial

Final Result

Free photoshop tutorials

Download Source

Follow Designzzz on Facebook

Share the Love
   
   

Awesome Comments!

Tutorial Lounge
07.04.11

good work.

waseem Reply:

@Tutorial Lounge

Thanks,

darshani.k
07.04.11

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

waseem Reply:

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

Lucky_Luke
07.04.11

thanx a lot!

waseem Reply:

Big Welcome

karen
07.04.11

It rocks

waseem Reply:

So does @Karen :)

darshani.k
07.04.11

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…

waseem Reply:

@Darshani.K

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

Don Amine
07.04.11

good work.

waseem Reply:

@Don Amine
Thanks

Tayyab
07.04.11

Good Work Waseem!, thumbs up…

Jihan
07.04.11

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

waseem Reply:

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.

shaheen
07.04.11

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

THANK YOU!

dear Jilson

Tayyab Reply:

you can LIKE our Facebook page to stay updated. http://www.facebook.com/designzzz

Image Masking
07.04.11

You’ve done really awesome job! Excellent tutorial it is and very easy to follow step by step, thanks a lot for sharing this nice post & I’ll visit your site again :)

patara
07.04.11

I hadn’t seen this one before Waseem. Looks great. Thanks for adding the link on the Neon Text Effect page.

waseem Reply:

Well, the truth is I couldn’t think of anything to say in the description. So I called called Tayyab, he said put a link of your old tutorial, and that’s how you see the link.

Leave Your Response

Your Name:

Your Email:

Comments:

* Name, Email, Comment are Required


© Copyright 2012 - Designzzz.com
x
Loading...