How to Make a Grunge Text in GIMP


How to make a grunge text effect.
Series: Gimp101

Stocks and Source File:  http://www.mediafire.com/?19q4cudu54tjh
Hello and welcome. in this tutorial I will show you how you can make a grunge text effect in GIMP.
The final result:

So, let’s get started.
Create a new image with what size you want. I will be using the default one for this tutorial which is 640×400 px.
Then, fill the background with black using the “Bucket Fill Tool”.
Now make a new layer, grab the “Gradient Tool”, set the shape of the gradient on “Radial”, set the Foreground Color on “#16b4e8” and the Background color on Black, which has the HTML Notation as “#000000”. Now drag from the center to any of the other corners like I did.

Now low the opacity to about 50%.
You should have something like this:

Ok now go to File- Open  As Layers and open “Texture 1”. You might get an window that wants to rotate the image. Click “Keep Orientation”.

Ok, now grab the “Scale Tool” click on the on the texture, and a window should pop up. Put in the values of the width and Height the size of your background image, in this case is 640 at Width and 400 at height. Then, grab the “Alignment Tool”, click on the scaled texture that might be out of the image, an then, at the “Align” settings, select the  two buttons that are in the middle like in the image bellow:

Those two button will center the image perfectly, because we scaled it with our image size, and we need to make it fill the whole image.
Now, select the layer with the texture, set it’s layer mode to “Overlay”, lower down it’s opacity to around 80% and desaturate the layer by going to “Colors-Desaturate” and click OK.
Now you should have something like this:

Ok now duplicate this layer by going to Layer-Duplicate layer or click this icon at the Layers dialog. Then, with the duplicate of the layer selected, go to “Colors-Brightness-Contrast” and turn the Brighness way down, -116 will be fine, like I did:

Then set the layer mode on “Normal” and turn the opacity down to about 13%. This extended the surface of the texture to make it look good. Now the next thing you want to do is to open up “Texture 2” by going to “File-Open as Layers”. Then, with the Texture 2 selected, go to Colors-Desaturate and click OK.
Then, set the layer mode to “Overlay” and turn the opacity down to about 65%. Now, you should have something like this:

Ok so this is our base background.
Now for the text.
Select the “Text Tool”and write whatever you want, with what font you want. I recommend using strong, bold fonts. For this, I found best working “Tahoma Bold”. This font comes with almost any operating system I know, from Windows, Linux to Mac. So write your text, set it’s color to black and center it.

Now right click on the text layer and click “Alpha to Selection”. This makes a selection around our text. Then, grab the “Bucket Fill Tool”, select the foreground color to “#535353”, and then fill the text selection. Then go to “Select-Shrink”, leave the 1 value and click OK. Then take the “Gradient Tool”, set t”he Shape back on “Linear”, select the Foreground Color “#bdbdbd” and the foreground color on white, then stroke from the top of the text down and hold Ctrl so you will make a perfectly straight stroke.

Now go to “Select-None” to get rid of the selection. So now you should have something like this:

Ok, now we will open up “Texture 1” again. It proved to be a very usefull texture, and keep the orientation when asked.
Go to “File-Open as Layers” and select Texture 1. Now grab the “Scale tool” again and resize the image so it will fill the  text just fine.


Just do not scale it too much or it will lose it’s quality. Then right click on the text layer and select “Alpha to Selection”. Then go to “Select-Shrink”.
Now, select the texture layer,move it above the text layer,then go to “Select-Invert” then go to “Edit-Cut”. Set this texture layer mode to “Overlay”. This  gives us a nice textured effect. Right click on this layer and click “Merge Down” so it will merge down with the text layer. Then duplicate this layer, and with the bottom one of this two ones go to “Layer-Layer to Image Size”. Now go to “Filters-Blur-Motion Blur” and use the following settings:

Now click OK. Now you should have something like this:

Now set this layer mode to “Soft Light”. Now duplicate this layer several times untill you will get this effect:

Now select tbe original text layer and duplicate it. Then, go to “Layer-Layer to image Size”, then go to “Filters-Enhance-Despeckle” and use the following settings:

You can play with the settings but these are my settings. Select the layer mode to “Overlay”, and delete the other text  layer. Now duplicate the active layer again. Now you should have something like this:

So this is how you can make a grunge text effect. The basis of it. Ok, now for the ending, duplicate this layer, then go to “Filters-Distors-IWarp” and using your mouse over the text, make it like a wave effect.

Move it by clicking more times untill you get the desired effect.

Ok so now you should have something like this:

So that’s it. This is how you can make a grunge text effect with wallpaper in GIMP. You can use this tutorial for making great wallpapers to show to your friends and other stuff. Also, I inculded a download link for the project file if you want it, it’s at the top of this page. So thanks for reading this tutorial. Subscribe to this blog’s rss for latest tutorials and see you in the next Gimp101 Tutorial.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

%d bloggers like this: