It is currently Thu Jun 20, 2013 1:36 am


Latest GIMP Scripts & Plug-ins

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 12:34 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jan 10, 2012
Posts: 13
Location: Mexico city
Hi!
Now i bring to you this new (Ps based) tutorial, how to make a valve or speed gauge in Gimp, from scratch.

Here it is
Image

And here's the tutorial
Image


If you have trouble with the moon shapes:

1. in a new layer draw a circle selection using the ellipse selection Tool and fill it in white, using the bucket tool or the brush.
(For this, you can recover the selection from the path you saved before, or try to make a fresh new selection th same size the circle of the gauge).
2. Deselect pressing CTRL+SHIFT+A
3. With the Ellipse tool draw again a circle selection BUT now try to leave a piece of the white circle unselected (this will be the moon), play with the selection size in order to get the moon shape unselected, and the rest of the white circle must be inside your selection (Try the make a bigger selection than the gauge circle and move it to the right side of the gauge circle)
3. Once you got the moon unselected just erase your selection (the rest "not moon" white circle). THIS IS THE SMALLER MOON

For the BIGGER MOON...

4. You need to repeat the earlier steps, and try to make a thicker moon, like three or four times the thick of the small moon.
Once you have it...

4.1 apply a gaussian blur filter, (i previously colorized the moon just for a better look in the tutorial for this step, but it's not neccesary).
4.2. Recover the selection from the path and inverse it, [menu select>inverse] (or do the same thing of step 1) this is for erase the external border of the bigger moon
4.3. Erase this selection for fit the blurred moon inside the gauge circle.

5*. Use the Scale tool (Shift+T) for fit both moon layers to the gauge circle in case you need a better fit of them,
*BUT if you did it right, you don't have to do this step

6. Just adjust both layers opacity and you are done.


I hope you find it useful.


An easier way for doing the metal ring...

Step 1: Make the circle selection using the Ellipse tool (E) and pressing Shift for getting a perfect circle. (don't forget to save it as a path).
Step 2: Create a new transparent layer [Menu Layer>New] OR typing Ctrl+Shift+N OR in the Layer Dock (You get it pressing Ctrl+L) just clik in the New Layer Button.
Step 3: Draw a Blend with the Blend tool (L) Gradient FG to BG, Linear shape and select 2 shades of gray: one medium gray and the other almost white.
Step 4: Now go to [Menu Select>Shrink] and type like 25 or 30 px and accept. Your selection will shrink and let you a metal border outside.
Step 5: Draw the blend again but in opposite direction.
Step 6: Skrink again the selection but now use a minor pixel value.
Step 7: Erase the selection pressing Delete or with the Eraser tool (shift+E)




Please check out my other tuts!! =D

_________________
Image


Last edited by meowhetfield on Thu Jul 12, 2012 3:02 pm, edited 2 times in total.

Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Profile  
 

 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 4:00 am  (#2) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 7125
That is awesome, thanks for sharing your tutorial with us. :coolthup

_________________
Image


Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 5:36 am  (#3) 
Offline
Global Moderator
User avatar

Joined: May 16, 2010
Posts: 9354
Location: "Looking for my eraser" =P
Very nice tutorial, thanks! :)

_________________
Image
Gimp Rocks Blog
Simply Gimp Tutorials
"Once your in the cloud, you're in the net"
____________
OK, . . . . so what's the speed of dark?


Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 7:48 am  (#4) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1776
Location: Dallas, TX
Very cool! Love that background hex pattern.

_________________
Image


Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 6:46 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jan 20, 2012
Posts: 582
Location: Heading to Montana
I don't understand but what is the point of making a tutorial as an image? Other than that its great L:D

_________________


"In the face of adversity, there's three things: fly, freeze or fight; We're choosing to fight..."- Guy Boucher, Tampa Bay Lighting Head Coach

BE THE THUNDER!
Image


Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Wed Jul 04, 2012 6:49 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 3258
Location: UK
Awesome tutorial. Yours are always beautifully presented.

_________________
Image




Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Thu Jul 05, 2012 10:09 am  (#7) 
Offline
GimpChat Member
User avatar

Joined: Aug 24, 2011
Posts: 1776
Location: Dallas, TX
ZWard117 wrote:
I don't understand but what is the point of making a tutorial as an image? Other than that its great L:D


Perhaps it just looks better than plain text considering it was posted on DA. Lot of stuff done that way there so maybe it's just a page taken from the DA "book" when it comes to presentation methodology. I kinda like it for the most part but IMO more detail is needed to fully explain some of the steps. That said, it's still a great job.

_________________
Image


Top
 Profile  
 

 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Thu Jul 05, 2012 10:15 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 3258
Location: UK
I'm having trouble with the moon shapes. I need a more detailed explanation of this part. I also think it would be a good idea to tell people when to add a new layer - this isn't always obvious.

_________________
Image




Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Thu Jul 05, 2012 10:51 am  (#9) 
Offline
GimpChat Member
User avatar

Joined: Nov 09, 2011
Posts: 433
The result is very professional!
I love the way you present the tutorials.
Gracias!

_________________
Image
Be patient, English is not my language.


Top
 Profile  
 
 Post subject: Re: [tutorial] Making a speed gauge
PostPosted: Thu Jul 05, 2012 9:00 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Jan 10, 2012
Posts: 13
Location: Mexico city
The border selection it's a very tricky way to do it, heres an alternative way (easier) of how you do the metal ring....

Step 1: Make the circle selection using the Ellipse tool (E) and pressing Shift for getting a perfect circle. (don't forget to save it as a path).
Step 2: Create a new transparent layer [Menu Layer>New] OR typing Ctrl+Shift+N OR in the Layer Dock (You get it pressing Ctrl+L) just clik in the New Layer Button.
Step 3: Draw a Blend with the Blend tool (L) Gradient FG to BG, Linear shape and select 2 shades of gray: one medium gray and the other almost white.
Step 4: Now go to [Menu Select>Shrink] and type like 25 or 30 px and accept. Your selection will shrink and let you a metal border outside.
Step 5: Draw the blend again but in opposite direction.
Step 6: Skrink again the selection but now use a minor pixel value.
Step 7: Erase the selection pressing Delete or with the Eraser tool (shift+E)

Hope you find it useful ;).

_________________
Image


Last edited by meowhetfield on Thu Jul 12, 2012 1:19 pm, edited 1 time in total.

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2, 3  Next

All times are UTC - 5 hours [ DST ]


Who is online

Users browsing this forum: Google [Bot] and 4 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

Search for:
Jump to:  

* Login  

* Subscribe to Gimp Chat's RSS Feed    * Subscribe to Gimp Chat's Tutorial RSS Feed


Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group