Create a Loading bar in GIMP – Part 1, The Bar


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..

Image

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…

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

Image

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

Image

Then you should have, something like this…

Image

For easy scrolling trough 30-40 layers i always name them 🙂
So name the background, BG or backround… :P
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…

Image

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

Image

then your all done… for now!

Final product:

Image

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: