Tips & Tutorials

Loading bar tutorial - Part 2 - The animation

A place to share tips and tutorials. Resources for beginners and advanced users.

Loading bar tutorial - Part 2 - The animation

Postby Maffe811 » Thu Jan 07, 2010 12:49 am

Ok, welcome back to part two of my loading bar animation!

Well, lets start!
You may open your bar image again!
And make sure you got one, and only one layer!!

Image

This is eazy to animate!!!
Ok:
1. duplicate the layer!
2. hold ctrl + shift and press O.
3. set the X value to what you whant, im setting it to 10... you could take more for a fast animation, and less for a slow...
4 press ok
5. REPEAT!!!

Image

For those with a ryhtm inside:
write 10, and copy it!
then press:
Ctrl + Shift + D
Ctrl + Shift + O
Ctrl + V
Alt + F (or what ever it says)
Repeat

Do this 12 times (if you chose 10 as x value)
and then press filters>animation>playback and enjoy :-D

Image

(If someone can make me a script, i would go WOOHOOO!!! :P )


finished image:

Image

Have a nice day/night

and tell me if something was unclear or to complicated :P
Members don't see the above ad. Register now - it's free!
Got möp?
Image
SOTW #1 ^
"Photoshop!? You don't need no stinkin' Photoshop" - We'll show you the power of the Gimp!!!
---
Honest CnC always beats crap CnC
Baum wrote:I think it doesnt has to be mentioned that self-voters have a small p....hotograph :D
User avatar
Maffe811
Global Moderator
 
Posts: 6810
Joined: Thu Jul 02, 2009 1:00 pm
Location: Norway/Norge/Norwegen

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Thu Jan 07, 2010 2:30 am

Very cool technique. I didn't even know about the offset effect. ;D
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Thu Jan 07, 2010 2:54 am

bar.gif
You do not have the required permissions to view the files attached to this post.
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Thu Jan 07, 2010 3:07 am

360.gif
You do not have the required permissions to view the files attached to this post.
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby TheMicroChip » Thu Jan 07, 2010 4:32 am

what file do you save it as ? :question:
Image
TheMicroChip
Newbie
 
Posts: 25
Joined: Mon Dec 21, 2009 9:58 pm

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Thu Jan 07, 2010 4:51 am

Gif
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby Maffe811 » Thu Jan 07, 2010 9:36 am

awsome!
I learned it while making a matrix effect, if disapeard in the bottom and apeard in the top!

Some old work whit the same effect:

Image
its hard do see the A and the F's!


Image
The inspiration ( :P ):
http://gimp-tutorials.net/gimp-text-effect-tutorial
Got möp?
Image
SOTW #1 ^
"Photoshop!? You don't need no stinkin' Photoshop" - We'll show you the power of the Gimp!!!
---
Honest CnC always beats crap CnC
Baum wrote:I think it doesnt has to be mentioned that self-voters have a small p....hotograph :D
User avatar
Maffe811
Global Moderator
 
Posts: 6810
Joined: Thu Jul 02, 2009 1:00 pm
Location: Norway/Norge/Norwegen

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Thu Jan 07, 2010 3:41 pm

neat. :)
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby Maffe811 » Fri Jan 08, 2010 8:35 am

but again, i hate the indexing....
:P
Got möp?
Image
SOTW #1 ^
"Photoshop!? You don't need no stinkin' Photoshop" - We'll show you the power of the Gimp!!!
---
Honest CnC always beats crap CnC
Baum wrote:I think it doesnt has to be mentioned that self-voters have a small p....hotograph :D
User avatar
Maffe811
Global Moderator
 
Posts: 6810
Joined: Thu Jul 02, 2009 1:00 pm
Location: Norway/Norge/Norwegen

Re: Loading bar tutorial - Part 2 - The animation

Postby David Wood » Fri Jan 08, 2010 5:13 pm

yeah. . .
Image
User avatar
David Wood
Administrator
 
Posts: 5462
Joined: Wed Jul 22, 2009 2:28 am
Location: Western New York

Re: Loading bar tutorial - Part 2 - The animation

Postby Wolfygang248 » Mon Feb 22, 2010 7:08 pm

Heres mine :D thanks for the awesome tut!

Image

But i dont think it came out to smooth
Image
Wolfygang248
Newbie
 
Posts: 17
Joined: Thu Dec 24, 2009 12:24 am

Re: Loading bar tutorial - Part 2 - The animation

Postby Maffe811 » Mon Feb 22, 2010 8:26 pm

well, then you have to decrease the movement at the x-axis and then speed up the animation ;) more work, but smoother
Got möp?
Image
SOTW #1 ^
"Photoshop!? You don't need no stinkin' Photoshop" - We'll show you the power of the Gimp!!!
---
Honest CnC always beats crap CnC
Baum wrote:I think it doesnt has to be mentioned that self-voters have a small p....hotograph :D
User avatar
Maffe811
Global Moderator
 
Posts: 6810
Joined: Thu Jul 02, 2009 1:00 pm
Location: Norway/Norge/Norwegen


Return to Tips & Tutorials

Who is online

Users browsing this forum: No registered users and 1 guest