GT Portal . Forums . Official Tutorials . Art Galleries . FAQs . Search . New Posts . Contact Us Login  .  Register


Board index » GIMP News and Help forums » GIMP Tutorials and Tips Make Money Online . Free Image Hosting
Featured Tutorial : Learn how to create characters by Griatch
Search for :  


Post new topic Reply to topic   [ 52 posts ]   Go to page 1, 2, 3  Next


Author Message
 Post subject:
PostPosted: Sat Nov 12, 2005 5:22 pm 
Offline
User avatar

Joined:
Sun Oct 23, 2005 2:49 am

Topics: 16
Posts: 68

Find User's Topics

This is a tutorial that will end up similar to this:

Image

This is my first tutorial, but I think that it is fine, and the result will startle all but the most advanced gfx artists.
This will not be a free ticket to an amazing sig, and if you are first starting the GIMP I recommend doing a beginners tutorial. On The other hand if you have some experience with the GIMP, this will turn out very well.

For this tutorial you will have to have good knowledge of the paths tool, gradients, channels, layers, bushing, selecting etc. and you will need to have this script-fu called layer effects:

http://abcdugimp.free.fr/Script-fu/Scri ... cts_en.scm

Start off by making a new document 150 high by 350 wide.
Create a New Layer Called Main Shape
This is the most important part, and the part that I can't help you with because it's all up to you what shape you want!
Use the paths tool to create a nifty looking shape that will be your main shape, but remember to leave room for the branch.
Then Go Select - From Path
This is my shape:

Image

This is a very important shape, so Go Select – Save To Channel so whenever I Tell you take the Main Shape Selection you can right click on this channel and press add to selection. Call the channel Main Shape
Now with this selected, use the gradient tool with the Brushed Aluminum gradient and a Bi-linear shape. Clicking from the middle to the top in a straight line should give you this:

Image

Now go Script Fu – Shadow – Drop Shadow with these settings:

Image

Then go Script Fu – Layer Effects – Inner Shadow with these settings:

Image

Then go Script Fu – Décor – Bevel and put in a radius of 5 and deselect work on copy.
Create a new layer called Secondary Shape
Now for the secondary shape make another creative shaped path in the open area, and go Select – From Path
This is mine:

Image

Again I would make a channel called Secondary Shape for selecting purposes
Now repeat the gradient, drop shadow, the inner shadow, and the bevel to this selection
Create a New Layer Called Connections 1 and put it under all of the other layers.
Make 2 Rectangular Selections using shift at the edges where the connection should be like mine:

Image

Now repeat the gradient, drop shadow, the inner shadow, and the bevel to this selection, but for the gradient use the Foreground To Background gradient with black and white foreground and background in bi-linear shape.
Then with the connections 1 layer selected paint some “light grunge" in black on the 2 “pipes."
Create a new layer called Connection 2 and put it on top of the Connections 1 layer
Then using the path tool create an interesting shape in between the 2 “pipes" for the second connection and go Select – From Path. This is mine:

Image

Now repeat the gradient drop shadow, the inner shadow, and the bevel to this selection using any metallic gradient that looks good, in bi-linear shape. I used Brushed Aluminum. This is what I have now:

Image

Now we are going to start adding the parts that turn it into a signature. Select the main shape and go Select - Shrink and shrink it 6 pixels. This is another important selection so make it a channel called Grunge.
Create layers for the grunging called “Grunge 1,2,3…."
Now in this selection do your normal grunging. Here is a grunge tutorial that you can follow if you don't know how do some good grunge backgrounds:
http://www.gimptalk.com/topic.php?a=v&t=1568&f=8
Make sure you don't leave this selection.
Now we need to add a border to the grunge section, so make the alpha selection of the grunge by right clicking on a layer with all of the selection filled, then go Select – Border and border it 3 pixels. Then fill that with black.
Here is what I have now:

Image

Make a new layer Called LCD
Now we do the techy thing in the second shape. Make your second shape selection and shrink it by 6 pixels, then fill it with a color like 23b22e.
Then make a new layer on top of that called scan lines and make some horizontal scan lines that are a darker green color.
Make a new layer called Second Shape Border
Finally Alpha select your LCD layer and border it by 3 and fill that with black.
My Image:

Image

These next parts are self explanatory, and there are tutorials on how to do them in the forums.
Now add a render into the grunge area, and put some color that matches your render into the area too!
Then add some Pixel Text on top of the LCD area, and some indented text into connection 2, and some text in your grunge area.

Now you should have your final result! Here is mine!

Image

C&C is needed for better tutorials later in time!


Wow lots of typing!

This is a converted photoshop tutorial from
http://www.dutchdesignz.com/modules.php ... pic&t=1861




Top
 Profile  
 
 Post subject:
PostPosted: Sat Nov 12, 2005 5:56 pm 
Offline
User avatar

Joined:
Mon Dec 06, 2004 11:05 am

Topics: 249
Posts: 2207

Find User's Topics
Very detailed, and nice illustrated tutorial.
Moved to Official tutorials, + added to pixel2life tutorials list.

thanks for sharing.

regards


_________________
http://www.gimp-tutorials.com . http://www.radcpp.com . http://www.apitalk.com
---
get FLV Player


Top
 Profile  
 
 Post subject:
PostPosted: Sat Nov 12, 2005 6:06 pm 
Offline

Joined:
Sun Jun 12, 2005 4:50 am

Topics: 54
Posts: 568

Find User's Topics
Excellent tutorial. Very well expalined! Good job and thak you very much for sharing it with us!


_________________
Image
Gimp Dome


Top
 Profile  
 
 Post subject:
PostPosted: Sat Nov 12, 2005 6:36 pm 
Offline
User avatar

Joined:
Sun Oct 23, 2005 2:49 am

Topics: 16
Posts: 68

Find User's Topics
Thanks for the high praise Ali and Droz! Please try out the tutorial and post your results!



Top
 Profile  
 
 Post subject:
PostPosted: Sat Nov 12, 2005 8:08 pm 
Offline
User avatar

Joined:
Thu Aug 04, 2005 11:06 pm

Topics: 41
Posts: 326

Find User's Topics
Thats Great! BTW sorry to be off topic but I LOVE your avitar. I'm listening to my music and its actualy on beat! LOL :o: Thanx for the great tutorial!



Top
 Profile E-mail  
 
 Post subject:
PostPosted: Sun Nov 13, 2005 4:14 pm 
Offline

Joined:
Mon Nov 07, 2005 10:03 pm

Topics: 10
Posts: 61

Find User's Topics
you could also try making the background transparent


_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sun Nov 13, 2005 7:06 pm 
Offline
User avatar

Joined:
Sun Oct 23, 2005 2:49 am

Topics: 16
Posts: 68

Find User's Topics
Quote:
you could also try making the background transparent


What do you mean by this, the background is transparent for me.



Top
 Profile  
 
 Post subject:
PostPosted: Mon Nov 14, 2005 8:09 am 
Offline
User avatar

Joined:
Sat May 14, 2005 9:05 pm

Topics: 58
Posts: 304

Find User's Topics
Quote:
you could also try making the background transparent


it's transparent in firefox but not IE



Top
 Profile  
 
 Post subject:
PostPosted: Mon Nov 14, 2005 12:19 pm 
Offline

Joined:
Mon Nov 07, 2005 10:03 pm

Topics: 10
Posts: 61

Find User's Topics
Quote:
Quote:
you could also try making the background transparent


it's transparent in firefox but not IE


oh ok im on IE


_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Tue Nov 15, 2005 2:34 am 
Offline

Joined:
Fri Jul 15, 2005 2:27 am

Topics: 20
Posts: 179

Find User's Topics
I suck at creating paths >.<



Top
 Profile  
 
 Post subject:
PostPosted: Tue Nov 15, 2005 11:20 pm 
Offline

Joined:
Tue Oct 04, 2005 12:20 am

Topics: 3
Posts: 9

Find User's Topics
I liked this tut. I think it will be one of the things I'm going to try next.

There is one thing that we all have to be careful about when designing graphics for the web. I.E. does not support transparent .png yet. Instead of a transparent background I.E. created a grey background. I understand the I.E. 7 will fix this but you know that a lot of folks aren't going to upgrade right away and some won't switch browsers so if you know the background color that you .png will apear on the best way to avoid the I.E. problems is to make your background layer match colors with the page it will appear on.



Top
 Profile  
 
 Post subject:
PostPosted: Wed Nov 16, 2005 6:59 pm 
Offline
User avatar

Joined:
Fri Oct 07, 2005 7:19 pm

Topics: 5
Posts: 26

Find User's Topics
I use firefox, great program, i think IE is a bit crap compared to it ;P tho firefox can get stuck on some flash and stuff, i dunno, ill stick to the graphics, let the programers do the rest ;P


_________________
Image
Image


Top
 Profile  
 
 Post subject:
PostPosted: Thu Nov 17, 2005 2:43 am 
Offline
User avatar

Joined:
Sun Oct 23, 2005 2:49 am

Topics: 16
Posts: 68

Find User's Topics
CeltTech:

Please post your results when you're finished!

P.S. Firefox PWNS :w:



Top
 Profile  
 
 Post subject:
PostPosted: Thu Nov 17, 2005 2:56 am 
Offline
User avatar

Joined:
Mon Nov 07, 2005 5:56 am

Topics: 2
Posts: 16

Find User's Topics
great job nicely details and great tut hope to see more like this guy eh?



Top
 Profile  
 
 Post subject:
PostPosted: Sat Nov 19, 2005 9:11 am 
Offline

Joined:
Sat Nov 12, 2005 8:44 am

Topics: 1
Posts: 21

Find User's Topics
nice tut i tried it but got kinda congused and i dont think i have a inner shadow



Top
 Profile  
 
 Post subject:
PostPosted: Wed Nov 30, 2005 2:53 am 
Offline

Joined:
Wed Nov 30, 2005 2:15 am

Topics: 0
Posts: 2

Find User's Topics
really cool tutorial. could you put a link to download the inner shadow thing?



Top
 Profile  
 
 Post subject:
PostPosted: Thu Dec 01, 2005 1:01 am 
Offline
User avatar

Joined:
Sun Oct 23, 2005 2:49 am

Topics: 16
Posts: 68

Find User's Topics
Sure! Get it here!:

http://registry.gimp.org/plugin?id=6988

Put it so its like this:

C:\\Program Files\\GIMP-2.0\\share\\gimp\\2.0\\scripts\\layer-effects_en.scm

And If anyone here has results please show!



Top
 Profile  
 
 Post subject:
PostPosted: Fri Dec 09, 2005 3:22 am 
Offline

Joined:
Mon Oct 03, 2005 9:49 pm

Topics: 22
Posts: 118

Find User's Topics
Nice tut 10/10. I will do use this tut cause I love tech stuff.

I will do tut tomorrow and show my finish when I am done. Would do it tonight but have school tomorrow.

Dead Krypt



Top
 Profile E-mail  
 
 Post subject:
PostPosted: Fri Dec 09, 2005 7:03 am 
Offline
User avatar

Joined:
Mon Dec 05, 2005 11:39 pm

Topics: 10
Posts: 23

Find User's Topics
Dang...I am going to have to try this....thanks I really like the idea,and outcome...I will post mine when I am done.



Top
 Profile  
 
 Post subject:
PostPosted: Sat Feb 25, 2006 9:24 pm 
Offline
User avatar

Joined:
Sat Feb 25, 2006 6:07 pm

Topics: 0
Posts: 5

Find User's Topics
No this is hard :S where can i find a tutorial on paths and things like that i have looked in this forum but i couldnt find any



Top
 Profile  
 
 Post subject:
PostPosted: Thu Mar 02, 2006 12:32 am 
Offline

Joined:
Sun Jan 29, 2006 2:40 am

Topics: 8
Posts: 35

Find User's Topics
hey nice tutorial i really like it

here is my result
Image



Top
 Profile  
 
 Post subject:
PostPosted: Thu Mar 02, 2006 12:34 am 
Offline
User avatar

Joined:
Sat Dec 17, 2005 9:20 pm

Topics: 39
Posts: 214

Find User's Topics
I plan to use this.... And pown people in contest.



Top
 Profile  
 
 Post subject:
PostPosted: Sat Mar 04, 2006 4:29 am 
Offline

Joined:
Fri Feb 03, 2006 2:50 am

Topics: 10
Posts: 36

Find User's Topics
edit:
when i go to do the brushed aluminum gradient it doesnt work...can some1 tell me exactly how to do that?


_________________
Image


Top
 Profile  
 
 Post subject:
PostPosted: Sat Mar 04, 2006 1:31 pm 
Offline

Joined:
Sun Jan 29, 2006 2:40 am

Topics: 8
Posts: 35

Find User's Topics
Quote:
edit:
when i go to do the brushed aluminum gradient it doesnt work...can some1 tell me exactly how to do that?


do you have your layer selected?



Top
 Profile  
 
 Post subject:
PostPosted: Sat Mar 04, 2006 4:51 pm 
Offline
User avatar

Joined:
Sun Feb 26, 2006 5:42 pm

Topics: 4
Posts: 27

Find User's Topics
I didn't follow it to the letter but here is what I came up with:

Image


_________________
#Gimp
Image


Top
 Profile  
 
Display posts from previous:  Sort by  

Post new topic Reply to topic
 [ 52 posts ]  Go to page 1, 2, 3  Next



Who is online

Users browsing this forum: ayesha, willgoss and 10 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Related Website
Gimp tutorials database
All rights reserved © GimpTalk 2008
forum software by
phpBB