Graffiti Tutorial

Average: 4.1 (201 votes)

Today we are going to create some realistic graffiti in the Gimp. This tutorial is partially inspired off of Photoshop tutorial by DreamDealer v5.0 at DreamDealer.nl Let's get started!

Step 1

Download this photo and open up the Gimp. Open up the photo we just downloaded. Go to Select > All, copy & paste onto a new layer. Delete the original layer.

Step 1

Step 2

Now you are going to need a type of logo. You can either create one or find one online somewhere. For the sake of the tutorial, I decided to create one. If you want to use one you found and not make one, then skip down to step something. If you'd like to make one, then read on.

There are many ways you can go about making a logo/design for graffiti (at least digital graffiti anyway lol). For mine, I'm going to use text. Download this graffiti font and install it. Restart the Gimp (save first!) and open your document back up.

At this point, go ahead and use the Text Tool and type in whatever you want your graffiti to say. Position and size it. Don't worry about the perspective right now. We will get to that later.

Step 2

Step 3

I decided to add a little bit of a background and a stroke to the text. To do that, first merge the two text layers together. Rename the new layer as "text." Create a new layer underneath this layer and name it "text_bg." Right click on the text layer and select Alpha to Selection. Go to Select > Grow. Grow by 15 pixels. Fill the selection with white on the text_bg layer using the Bucket Fill tool.

Create a new layer above the text layer and name it "text_gradient." Right click the text layer and select Alpha to Selection. Change the foreground color to #00a2ff and the background color to #383838. Select the Blend Tool and apply a gradient from top to bottom of the text on the text_gradient layer. Go to Select > Deselect.

Merge all the layers that make up the text logo. Go to Filters > Light and Shadow > Drop Shadow. Set the X & Y radii to 20 and the blur radius to 0. Uncheck allow resizing. Set the opacity to 70%. Hit ok. Merge the text with the shadow. Our logo is done.

Step 3

Step 4

Select the Perspective Tool. Alter the perspective of the logo so that it matches that of the wall. Hit ok.

Step 4

Step 5

Set the layer mode of the logo's layer to Overlay.

At this point, the logo looks a little too sharp to be a logo. Let's fix that. Duplicate the logo's layer. Move the duplicate layer underneath the original text layer. Go to Filters > Blur > Gaussian Blur. Enter 30 for both values. Hit ok. Right click the original text layer and hit the Alpha to Selection option. Select the duplicate layer and hit the delete button.

Step 5

Step 6

Use the eraser tool on both logo layers to erase the parts of the logo covering the pole.

Step 6

Step 7

I decided the image needed another effect. Go to Edit > Copy Visible, and then go to Edit > Paste As > New Layer. On the new layer that just popped up, go to Filters > Blur > Gaussian Blur. Enter 10 for both values and hit ok. Set the Layer mode to Overlay.

Step 7

Conclusion

There you have it. A simple way to create some graffiti. Just remember that you should never use a smooth wall- only textured/rough ones. Makes the effect more realistic.

Final

-Sarah Davison (SGlider12) ~2009 sglider12.blogspot.com

If you are looking for fast success in 350-029 dumps then join today to explore complete pmi certification resources and pass testking 642-384 certifications on first try.A person can desire 1z0-054 & testking 70-643 for his easiness.

sgt_pinky's picture

Good tute. My result:

4

Good tute. My result: http://img441.imageshack.us/img441/4860/pinkyk.jpg

I have three text layers: 'overlay' mode on two and 'color' mode on top most.

Gimper's picture

nice work sgt, the angle

nice work sgt, the angle looks perfect. if I didn't know I would have thought it was actually real :)

Aruz's picture

I think the waves are not

I think the waves are not seen clean. But helpfull tut. You are a Gimp guru. :)

GImpKnowHow's picture

I did something similar just

5

I did something similar just this week, but I used bump mapping to make it look like the graffiti was on the wall rather than layer modes. Nice work!

Christian's picture

Didn't turn out good for me

Didn't turn out good for me at all. I used a different font and a different background image.

Visitor's picture

Nice tutorial for beginners.

4

Nice tutorial for beginners.

Defunk's picture

Thanks for the tut. This was

5

Thanks for the tut. This was something I was looking for.

Visitor's picture

this tu suck

this tu suck

Visitor's picture

Did you have to use a hosting

Did you have to use a hosting site for you picture that requires you to sign up to download the pic, and the registration happens to require all kinds of crap like your address.

SJ's picture

lol..it is quite

4

lol..it is quite complicated...i was getting a bit confused , im sure its just me but i had no idea which layers i was supposed to be merging and which ones i was supposed to be using...i tried it once and the end product was much much different than what it was meant to be...im trying it again

Visitor's picture

You should have the toolbar

You should have the toolbar and what you are doing visible too...it is confusing when all you can see is the product of what you're doing

Mark's picture

i failed it for the second

i failed it for the second time lol this is hard

HasT's picture

Wow.... this is too hard for

Wow.... this is too hard for me.
Too much layer things and complicated advises...
But it looks great!!

Visitor's picture

Thanks for the tut! I am

5

Thanks for the tut! I am progressing very well now. here's my rendition of this tut: http://img193.imageshack.us/i/2470112186702e8275df.png/

Visitor's picture

Oh ya, by the way (i'm the

Oh ya, by the way (i'm the visitor guy above me)... I used the Brutal Tooth font, find it on dafont.com

Benn's picture

Cool. Simple and very cool.

Cool. Simple and very cool.

blaze1341's picture

http://i78.photobucket.com/al

Visitor's picture

Pretty nice blaze1341. Try

Pretty nice blaze1341. Try adding a neon effect to the lines coming out of the eyes, oh and some glow effect and it will look awesome

Visitor's picture

Thanks For The Tutorial I

Thanks For The Tutorial
I Followed all the steps but didnt like the outcome of it so i removed somethings and this is what i got,
[IMG]http://i607.photobucket.com/albums/tt157/NoobzRlegendz/ieatsoulsomethingsomething-.jpg[/IMG]

Visitor's picture

Mistake on last post here is

Visitor's picture

well, this tutorial is not

3

well, this tutorial is not really suited for complete gimp noobs, like me.
its confusing, you should show the toolbox / layers tool so that we know that use... and what are we supposed to merge ;S ?
sorry, this didnt help me at all. looks nice though...

sven's picture

Nice.... :-) I'm kind of a

Nice.... :-)

I'm kind of a gimp noob and it works if you look around a little... :-) it's nice...

Anthony Thorstad's picture

I found it easiest to use the

5

I found it easiest to use the rafter's themselves as a reference for the perspective. Good tutorial and I had no problem following it.

DumbledoreGandalf's picture

Dude, don't listen to all the

5

Dude, don't listen to all the douches that didn't succeed! This tutorial is spot on, very good thanks!!! My result looks awesome and yeah thanks :D

Visitor's picture

1) It's not good, it's not

1

1) It's not good, it's not cool: you just can't make realistic graffiti (or anything similar) without a Displacement Map.
2) There's also a Tutorial about making jewelry text in Dream Dealer's site. I saw years ago a tutorial called Diamond Text which is very similar. People tend to reinvent the wheel or they just ...

PS I won't buy you a coffee because it's unhealthy, but you other tuts I've liked.

GimpTR's picture

Thanks for this tutorial. i

3

Thanks for this tutorial.
i created video tutorial .
You can following..:
http://www.gimptr.com/2009/10/resimlere-graffiti-efekt-uygulama-graffiti...

Visitor's picture

Wow! Mine turned out pretty

4

Wow! Mine turned out pretty cool. I just couldn't find the "Overlay" you were speaking of..

XRedWitchX's picture

This was my first attempt

5

This was my first attempt following this tutorial:
Hextress Graffiti

Lenin's picture

Beautiful tutorial! However,

3

Beautiful tutorial!

However, if this is actually meant for pure beginners, then they would be confused in the steps around 4-6 because you forgot to mention the merge down steps for the text with the dropshadow, etc. So, when they move or stretch the layers, the lower layer would be left untouched.

Thankyou anyway......

Gimp guy's picture

Yaaah... I didn't really get

5

Yaaah... I didn't really get it down.

Gimp guy's picture

OMG! I tried it again, it was

5

OMG! I tried it again, it was perfect! THX GIMPER YOU RULE!

Graffiti King's picture

This is my New graffiti on

5

This is my New graffiti on gimp can i post a tutorial on this website???
(Image tutorial)

Link : http://www.mediafire.com/view/85t2agj7zk1d047/Untitled.png

yolanda33's picture

Controversies that contain

Controversies that contain graffiti continue to create disagreement in the middle of city official, law enforcement, and writers who wish to display and be grateful for work in community location. 642-997courses

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags