[TuT] How to make a simple animated sig or userbar!
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
[TuT] How to make a simple animated sig or userbar!
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.
Mine ^
[v]'s ^
Now, to make it animated.... Like this.
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.
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.
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.
Look up and experiment with tweening to achieve other desired effects.
or look at [v]'s sig for another example.
Good luck!
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.
Mine ^
[v]'s ^
Now, to make it animated.... Like this.
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.
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.
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.
Look up and experiment with tweening to achieve other desired effects.
or look at [v]'s sig for another example.
Good luck!
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
-
- Night Stalker
- Posts: 6887
- Joined: Thu May 24, 2007 5:52 am
- Location: 41.896198, 12.4165945
- Contact:
Re: [TuT] How to make a simple animated sig or userbar!
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 :''')
oh the jesus. I DIDN'T KNOW THAT!!! O_O GOD FUCKING CHRIST!! I THOUGHT YOU NEEDED IMAGEREADY!!!
thanks!!! ;_; omg, thanks so much :''')
- TaxiService! Shitposting since 2007!
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
Re: [TuT] How to make a simple animated sig or userbar!
No problem taxi, I'll be making more tutorials on design and such to come as well.
Nao I can haz cookie?
Nao I can haz cookie?
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
-
- Night Stalker
- Posts: 6887
- Joined: Thu May 24, 2007 5:52 am
- Location: 41.896198, 12.4165945
- Contact:
Re: [TuT] How to make a simple animated sig or userbar!
- TaxiService! Shitposting since 2007!
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
Re: [TuT] How to make a simple animated sig or userbar!
LOL!
Nice XD
Nice XD
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
Re: [TuT] How to make a simple animated sig or userbar!
There's also $900 worth of Flash
I<3Flash
I<3Flash
Re: [TuT] How to make a simple animated sig or userbar!
Awesome i will make one now
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
Re: [TuT] How to make a simple animated sig or userbar!
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? $$....
Heck, Why do you think I'm still using CS2? $$....
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
Re: [TuT] How to make a simple animated sig or userbar!
OR you could just use apng edit without the whole fuss. That is IF you have FireFox
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
Re: [TuT] How to make a simple animated sig or userbar!
That doesnt seem to be animating.... And don't hijack my topic!Sharker wrote:OR you could just use apng edit without the whole fuss. That is IF you have FireFox
I made this as a tut for photoshop or imageready, idfc what other programs you use to do it.
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
Re: [TuT] How to make a simple animated sig or userbar!
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.
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.
-
- Ranger
- Posts: 1806
- Joined: Mon May 05, 2008 3:21 pm
- Location: ~root@208.113.172.130# sudo rm -f /
Re: [TuT] How to make a simple animated sig or userbar!
Look at the pictures....
~ Teh Slapz
TaxiService wrote:OMG BARREL ROLL ON ACIDS
._. \·. |: /.· .-. ·.\ .·/ ._. \·. |: /.· .-. ·.\ .·/ ._.
WHOOHHAGHGHHGEHGR
Re: [TuT] How to make a simple animated sig or userbar!
~ !dentity wrote:That doesnt seem to be animating.... And don't hijack my topic!Sharker wrote:OR you could just use apng edit without the whole fuss. That is IF you have FireFox
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
-
- Green Beret
- Posts: 3470
- Joined: Sat Jun 03, 2006 11:08 am
- Contact:
Re: [TuT] How to make a simple animated sig or userbar!
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:
My first sig ever! Then I made this for fun:
(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!
Fcking Win.draconic74 wrote: Then I made this for fun:
(it loops once then stops on the end - you need to reload the page to see from the beginning)
Who is online
Users browsing this forum: No registered users and 47 guests