from small one page howto to huge articles all in one place

search text in:

Which linux distribution do you use?

poll results

Last additions:
using iotop to find disk usage hogs

using iotop to find disk usage hogs






average rating: 1.7 (102 votes) (1=very good 6=terrible)

May 25th. 2007:




why adblockers are bad

Workaround and fixes for the current Core Dump Handling vulnerability affected kernels

Workaround and fixes for the current Core Dump Handling vulnerability affected kernels






average rating: 1.4 (42 votes) (1=very good 6=terrible)

April, 26th. 2006:

You are here: Graphics->Gimp->creating an analog gauge image

This tutorial shows how to create gauge-like graphics like the one shown on the bottom of this page.

Step 1:
Create a blank image with black background of size 130x100 pixels.

Step 1, empty image

Step 2:
create an additional layer, name it something like center.
mark the center of your gauge with a cross or something.
This is for you to keep track of the center. This layer
will not be seen in the resulting image.
My center will be at 65,60. It is not exactly in the vertical center, but the gauge will not have a 360 display, so it perfectly fine to move the center of the gauge out of the center of the image.

Step 3, selected area

Step 4:
Now its time to draw the lines marking 10,20,30...100%.
Pick the color with the hex value #fedcc1. Use a 1x1 brush.
First we need the coordinates of the outer pixel of those lines. For those who dont want to enter the sin and cos formula into the calculator can use the following small perl script:
for ($i=0;$i<$maxdegree;$i+=$maxdegree/10)
print sin(($i+$startdegree)/180.0*3.14)*$radius+$centerX," ";
print cos(($i+$startdegree)/180.0*3.14)*$radius+$centerY,"\n";

Modfiy the variables at the beginning if you want to change something.

The script will produce 10 sets of coordinates, which will we will use the following way:

Go to the first coordinate pair, set a pixel.
hold down the shift key and draw a line to the center of the gauge (the cross). Only the outer pixel will be drawn.
Repeat the with the rest of the coordinates.

Step 4, lines drawn

Step 6:
Write the percent values to the line ending. Use a 13 pixel font. Use the color #fedcc1 to draw the descriptions. Position them. If you like, write a description into the center of the gauge.
Now merge all text layers to the line layer.

Step 6, all lines and text drawn

Step 7:
make a copy of the line layer. (this is important)
select the copy layer.
Use "Script-Fu"->"Alpha To Logo"->"Glowing Hot"
Effect Size 20 pixel, black background.
Remove the new background layer and move the line layer to to top.
Hide the layer with the cross and save as a png image.
Save it as gimp native, too. you might need that again.

To have the gauge show something, a pointer is needed.
This pointer will be created by a C program. The howto for this program will be in the C-Programming section soon.

Support us on Content Nation
rdf newsfeed | rss newsfeed | Atom newsfeed
- Powered by LeopardCMS - Running on Gentoo -
Copyright 2004-2020 Sascha Nitsch Unternehmensberatung GmbH
Valid XHTML1.1 : Valid CSS : buttonmaker
- Level Triple-A Conformance to Web Content Accessibility Guidelines 1.0 -
- Copyright and legal notices -
Time to create this page: 16.6 ms