[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions_content.php on line 1014: Undefined array key 3
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 4130: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3009)
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 4130: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3009)
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 4130: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3009)
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 4130: Cannot modify header information - headers already sent by (output started at [ROOT]/includes/functions.php:3009)
Mac Gaming Mods • [TuT] How to make a simple animated sig or userbar!
Page 1 of 2

[TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 9:25 am
by Slapzy
K, so many people have been asking how to make a 'moving' or otherwise termed, animated sig. Here's the basics how.
First, select your userbars, or sig, that you want animated. I'll be using one of mine, with one of Veen's. (Hope you don't mind [V]... I didn't have any other ones on me at the time.

Image
Mine ^

Image
[v]'s ^

Now, to make it animated.... Like this.

Image

First open up photoshop, or imageready. I'll be using photoshop CS2.
And on the Finder bar, click Window, and select Animation.
There should now be an animation window on your screen.

Image

Now, Open up both the userbars or sigs, and copy the layer of one into the other. (Drag and drop)
So that both signatures are in one file.

Now, Go down to the animation window, and click, Duplicate Frame.... which looks like the normal 'New Layer' button.
So you now have 2 frames. Now, click the first frame, and make the top layer hidden. Then click the second frame, and make it visible.

Image

Then, at the bottom of each frame, is the delay time between frames. It should be at 0.2, click it, and change it to 2.0 (seconds)

Repeat with both frames.

Then, click file, save for web, and save it. (Make sure it's a .gif)

Open with your web browser, or upload and view on it the web, to see your simple animated sig or userbar.

Image

Look up and experiment with tweening to achieve other desired effects.

Image

or look at [v]'s sig for another example.

Good luck!

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 11:18 am
by TaxiService
O_O
oh the jesus. I DIDN'T KNOW THAT!!! O_O GOD FUCKING CHRIST!! I THOUGHT YOU NEEDED IMAGEREADY!!!


thanks!!! ;_; omg, thanks so much :''')

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 11:58 am
by Slapzy
No problem taxi, I'll be making more tutorials on design and such to come as well.

Nao I can haz cookie?

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 12:19 pm
by TaxiService
Image

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 12:21 pm
by Slapzy
LOL!

Nice XD

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 8:09 pm
by Løki
There's also $900 worth of Flash
I<3Flash

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 9:32 pm
by Smythe
Awesome i will make one now

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Tue Apr 07, 2009 9:56 pm
by Slapzy
Yes... but flash is also $900... And nowadays economy, in most countries... being not all that great, most people can't afford to run out and go buy it...

Heck, Why do you think I'm still using CS2? $$....

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Wed Apr 08, 2009 3:30 am
by Sharker
OR you could just use apng edit without the whole fuss. That is IF you have FireFox

Image

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Wed Apr 08, 2009 10:24 am
by Slapzy
Sharker wrote:OR you could just use apng edit without the whole fuss. That is IF you have FireFox

Image
That doesnt seem to be animating.... And don't hijack my topic!
I made this as a tut for photoshop or imageready, idfc what other programs you use to do it.

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Fri Apr 24, 2009 7:54 pm
by Zanghfei
0_o SEXY I dON't even know you smart. ( not sure but )
Did you go on website?

yup i stuck here

Now, Open up both the userbars or sigs, and copy the layer of one into the other. (Drag and drop)
So that both signatures are in one file.

Now, Go down to the animation window, and click, Duplicate Frame.... which looks like the normal 'New Layer' button.
So you now have 2 frames. Now, click the first frame, and make the top layer hidden. Then click the second frame, and make it visible.

Wtf ? Translator suck.

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Fri Apr 24, 2009 11:26 pm
by Slapzy
Look at the pictures....

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Sat May 09, 2009 7:54 pm
by Sharker
~ !dentity wrote:
Sharker wrote:OR you could just use apng edit without the whole fuss. That is IF you have FireFox

Image
That doesnt seem to be animating.... And don't hijack my topic!
I made this as a tut for photoshop or imageready, idfc what other programs you use to do it.

That's probably because you're using some shitty browser like safari or something
and for the people who don't have ps and make it take longer to make it then it needs to. Plus it's png if you didn't notice

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Sun May 10, 2009 12:27 am
by draconic74
zanghfei wrote:Wtf ? Translator suck.

Couldnt have put it better myself...

I remember trying out the CS2 Demo. I was actually using a copy of PS7 off a flash drive back then. It was crazy with its animation and 3D warping abilities. In fact, I made this with it:

Image

My first sig ever! Then I made this for fun:

Image
(it loops once then stops on the end - you need to reload the page to see from the beginning)

Re: [TuT] How to make a simple animated sig or userbar!

Posted: Sun May 10, 2009 12:14 pm
by Kiyoshi
draconic74 wrote: Then I made this for fun:

Image
(it loops once then stops on the end - you need to reload the page to see from the beginning)
Fcking Win.