SMFNEW Support Forum

Members Area => General Discussion => Graphics And Design => Topic started by: rebelion on June 02, 2010, 05:08:53 pm

Title: Graphic tutorial #1 with pics
Post by: rebelion on June 02, 2010, 05:08:53 pm
This is my first graphic tutorial admire how much time i put into this
I started at 5:38 PM


 I chose gimp because it's free and I don't have money for photoshop and stuff like that.


 You are going to be creating a sort of graffiti text like this
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fsmfnew2-1.png&hash=61e48a01b9df08f59fdfaef661bd40f4f3048d56)

Requirements
------------Name----------    -------------------Link-------------------
Gimp2.6                            Click Me (http://ftp://ftp.gimp.org/pub/gimp/v2.6/)
Font- Amsterdam Graffiti   http://amsterdamgraffitifont.tk/   
Brushes                             http://urbandesignsvectors.tk/   
More Brushes                    http://gimpsplatterbrushes.tk/   
    Even More Brushes           http://splatterbrushes.tk/               

 When you download Gimp, the font, and the brushes extract them to Gimp 2.6 go to my computer -> Local Disk (C:) -> Documents and settings -> your computer account -> .gimp-2.6. Extract the brushes to brushes and fonts to fonts

 Now open up Gimp and Click File -> New chose any size you want I recommend 640x480 Click "Advanced options" and change "Fill with:" and put transparency and than click "OK"

 A page should pop up and it looks like little gray boxes.
In "Toolbox" Click the Font Icon.
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Ftoolbox.jpg&hash=d9c15bc974d8b60667eb5397905957f30c7e5edb)
 And this will show up
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Ftext.jpg&hash=a012688c1e5783db46e199511ac984c4a31343c0)
Click the picture with the letters "Aa" and search for Amsterdam graffiti
When you have it click and hold on the little gray boxes and move your mouse (https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fmove.jpg&hash=e10ac6823dea955717888eaf8f8f6a7e101e56a0)
Don't mind the red color it was a mistake I did just keep it black till later. Now type in the text you want and than center it
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fgimp-move.jpg&hash=f1eae7978ff5b631ed88625872b89f8d69cc0cf2)

(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fsmfnew-1.jpg&hash=5dac092327ed47969e267b8da4e265eff1d16845) OK, there's a box that says layers and there should be 2 layers. Right click the layer with the text and click "alpha to selection" grab your gradient tool
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi48.tinypic.com%2F2q87wwi.jpg&hash=aabbaf237dc8e037bf05671c00efa749a8126222)
and choose 2 colors (the same) one darker and the other lighter. Now gradient the text from up to down (don't take out the alpha if you have put it up again)
Create a new layer by clicking the new layer icon
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fnewlayer.jpg&hash=2ac85642508048a70ef2f9dc2c8da27b282f0cb3)
 Okay now at the top there's file edit select view etc
click edit and than click grow and grow it by 4 pixels
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fgrow.jpg&hash=f00d12bac7b0a162cabbf01a02ae012013b76fc4)

 Put the new layer under the text and get the "bucket fill tool" next to the font icon and click it change the color to black and click the text make sure your on the layer of the new layer not the text if you're on the text left click the new layer.

 Now that you've done that don't take off alpha keep it on. Choose the burn tool (the last icon) and make sure it's on burn.
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fdodgeburn.jpg&hash=3ae8c1a7a83e0335ead9f675ba0883e026f35ab4)
Choose any splatter and click the text the more you click the darker the spots get (doesn't really work with read) now take off alpha by going to select -> none

 Now make a new layer and get your brush out and click the screen (better to do it on the text but to the right of it)
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fbrush2.jpg&hash=6fd4c5018dfd1c6f098e23291d326d8a636053a1)
 there's some space to the left of the text so there's another splatter brush to fill that in
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fbrush3.jpg&hash=308885fa9063212b9a8fe46581f1da5a36347d54)

 Now click file -> save and at the end put .png example smfnew.png

 End result
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fsmfnew-2.png&hash=65a74787221c6f4bfdb819a7340a1342a839f0fe)

If you need any help or anything more detailed post it!
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 02, 2010, 07:24:44 pm
Done with the tutorial post your end result and if you don't get something or your stuck on something post it so i can give more details:D
Title: Re: Graphic tutorial #1 with pics
Post by: Nick on June 03, 2010, 04:12:40 am
Wow nice job. It's nice to see a tutorial in the graphics section. Keep up the good work!
Title: Re: Graphic tutorial #1 with pics
Post by: Shole on June 03, 2010, 06:30:35 am
gradient tool  how does that look (the icon i dont know which or what gradient tool  is :( )
Title: Re: Graphic tutorial #1 with pics
Post by: Alex on June 03, 2010, 10:08:13 am
Nice tutorial =]
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 03, 2010, 03:27:13 pm
gradient tool  how does that look (the icon i dont know which or what gradient tool  is :( )
I'm going to add a pic glad to see that you're doing it :D
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 03, 2010, 03:37:29 pm
(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi48.tinypic.com%2F2q87wwi.jpg&hash=aabbaf237dc8e037bf05671c00efa749a8126222)
Title: Re: Graphic tutorial #1 with pics
Post by: Shole on June 03, 2010, 04:07:02 pm
For sure thx :D
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 04, 2010, 06:44:01 am
No problem :D
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 04, 2010, 03:22:20 pm
*bump* did any one try this :(?
Title: Re: Graphic tutorial #1 with pics
Post by: Shole on June 04, 2010, 03:45:22 pm
I did but i fail....I have to try it a bit more as soon as i get free time i am atm preocupied with my school and some other things....
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 04, 2010, 04:00:27 pm
 When do you have free time?
Title: Re: Graphic tutorial #1 with pics
Post by: Shole on June 04, 2010, 05:16:12 pm
Well tomorrow i guess
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 04, 2010, 06:48:26 pm
Okay I hope I will see it tomorrow I really want feedback to improve this and future tutorials :)
Title: Re: Graphic tutorial #1 with pics
Post by: Bolt3D08[UGP] on June 04, 2010, 09:47:39 pm
Looks Awesome Bro, Will Take A Look Later :D
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 06, 2010, 09:15:22 am
 You mean take a look later like try it later or read it later?
Title: Re: Graphic tutorial #1 with pics
Post by: The FIFA 11 forums on June 06, 2010, 10:13:14 am
is it possible to move/drag text around.. sounds dumb but i can't do it. I want to make everyone an ID card!
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 06, 2010, 12:34:56 pm
 I'll post a pic on how to :D
Title: Re: Graphic tutorial #1 with pics
Post by: Matt on June 06, 2010, 01:55:25 pm
You should try your hand at web design  :)
Title: Re: Graphic tutorial #1 with pics
Post by: The FIFA 11 forums on June 06, 2010, 02:32:59 pm
thanks reb
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 07, 2010, 02:09:31 pm
You should try your hand at web design  :)
Where :D?
 Also I'm getting the picture on how to move I couldn't recently because my brother was doing some school stuff.

(https://www.support.smfnew.com/proxy.php?request=http%3A%2F%2Fi675.photobucket.com%2Falbums%2Fvv118%2Fownerebel%2Fgimp-move.jpg&hash=f1eae7978ff5b631ed88625872b89f8d69cc0cf2)
Title: Re: Graphic tutorial #1 with pics
Post by: The FIFA 11 forums on June 08, 2010, 02:08:09 am
Ty reb. It worked
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 08, 2010, 07:03:33 am
 Are you almost done with the tutorial?
Title: Re: Graphic tutorial #1 with pics
Post by: Money Mike on June 08, 2010, 10:18:49 am
awesome work dude.. thanks!!  8)
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 08, 2010, 01:25:35 pm
Did you try it...?
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 09, 2010, 11:16:24 pm
*bump* thanks every one for trying this  :'( obviously I'm saying that sarcastically   :'( if i don't see some pics I won't do next tutorial  :'(
Title: Re: Graphic tutorial #1 with pics
Post by: The FIFA 11 forums on June 10, 2010, 11:56:04 am
im still making mine, but it's taking a while and im busy at the moment. But its a great TUT
Title: Re: Graphic tutorial #1 with pics
Post by: rebelion on June 11, 2010, 09:15:28 pm
 Thank you for trying it :D  no one else except shole has tried it... took me 3 hours to make it...
SimplePortal 2.3.7 © 2008-2024, SimplePortal