Loading bar tutorial - Part 1 - The bar

[Maffe811]

Im just cutting straight to the case...

Ok, make a new image, it has to be 20 in hight and 20 in width, but you can multiply this with any number. Im gonna go with 100px * 20px..



Zoom to 800%, if you got 100px * 20px
Then go to the bucketfill tool, and select patern fill (Can someone confirm thats what its called in english)
And select the warning patern, and fill the image...



If you just started up gimp, the colors will be black and white, if not, click the little black and white button, then go Colors>map>gradient map



The white is a greyish white, but it will look nice in the end!
Go to the color selecting, and select a BRIGHT color (mine is ff6000) as FG, then select a paler color (mine is ff904d) of that as BG.
Then go to colors>map>gradient map



Then you should have, something like this...



For easy scrolling trough 30-40 layers i always name them :-)
So name the background, BG or backround...
Add a layer and rename it gloss
Then you drag a selection, with the square selection tool, to... +/- the middle.
I took mine to 12px down that will say 2px bellow the middle!
Fill this selection with white...



Next step is to lower the transparency or change blend mode, i set it to normal and 27% transparency.
Click select>none



then your all done... for now!
Final product:



This was the bar part of the bar animation... next time we will make it animate :-D

if you don understand, ask... thats how i got pro and i ow it to Istar, David and to VT for suporting me!
And ofcourse everyone else on this forum! thanks for support!!

(No, im not leaving or anythig... Sorry david ! but i thouht it was time someone said it!!)


PLEASE CNC THE TUTORIAL, ITS MY FIRST TEXT TUTORIAL THAT INCLUDES A LOT OF HIGRES/DETAILED IMAGES!!!

[PowerlinX]

Awesome! I can't wait for the animation tutorial.

One thing, I think you should crop the screenshots so you only see what you need to, otherwise, it's good.

[TheMicroChip]

i made it an animation but cant export it as a gif any help

[David Wood]

Looking good Maffe. Aside from cropping the screens it is pretty cool. MC, File, Save as, call it bar.gif and you should get the box with animations settings

[TheMicroChip]

i did get the animation settings

[Maffe811]

Im gonna upload it to imageshack and make them crop it (to lazy )

[Wolfygang248]

heres mine! thanks for the gimp knowledge!

[Maffe811]

viewtopic.php?f=10&t=6499

wolfy