Where can I find good info for adding animated gifs to avatars?

[grandabx]

Plus how do you get two of them together? I have illustrator, photoshop and imageready.

[Ronin Wing]

goto www.gamegen.com

[Rei]

Actually, the question was how to add the animated gif to an av without loosing the animation.

I haven't seen a tutorial about how to do this.

Here is the quick and dirty recipe.

-Find animation.

-Save.

-Open in imageready

-Save as... *.psd and close

-Open *.psd in photoshop

-Link all the layers

-Resize canvas to 160x64 (Image... Canvas Size...)

-Move image within canvas to where you want it. (All linked layers should move with it).

-Save and close

-Open *.psd in imageready (It should still have all the frames animated like the original).

-Save optimized as... *.gif

-Done

You may add other flavors into the recipe depending on what you want the final product to taste like.

[grandabx]

thanks alot. Your info really helped(both of you).:D

[hawaiigamer142]

im just gonna bump this thread up so that i can learn how to put animations in avs!

[Rei]

While you are at it, you should learn to rip your own sprites. It is not that hard, and you will always get what you want. You will no longer be stuck with only the animations that gamegen steals from RHM.

http://bust.kicks-ass.net/rei/Avatar_Tutorial01.html

[hawaiigamer142]

Originally posted by Rei
While you are at it, you should learn to rip your own sprites. It is not that hard, and you will always get what you want. You will no longer be stuck with only the animations that gamegen steals from RHM.

http://bust.kicks-ass.net/rei/Avatar_Tutorial01.html

WORD!

RHM doesnt like it when his sprites leak out into gamegen, cause he doesn't get any credit for them.

[RabidWombat]

how in photoshop you you likn all the layers?

[Rei]

On the layers tab, highlight one of the layers, then click on the box next to the eyeball on the other layers that you want to link to the one that is highlighted. The little chain link icon should appear. Example attached.

[TigerGenocide]

Originally posted by hawaiigamer142


WORD!

RHM doesnt like it when his sprites leak out into gamegen, cause he doesn't get any credit for them. He doenst care anymore Frankie has a credits page now.

[RabidWombat]

i followed your instructions, and i got one sprite animated, but when i tried to add a second sprite..the first one still moved, but the second one just stayed on the first frame...and ideas?

[Thongboy Bebop]

I do all my animation stuff in ImageReady, which may or may not be easier for you.

Just open the gif in ImageReady, decide which frames you want to snatch, and open a new file in the proper size for your Av. Then put any static art or whatever you want in the background in. After you have a stage set up, just "Add frame" and paste a new animation frame from the previous gif in. Lather, rinse, repeat.

Make sure to check the little eyeball icon in the layers for each frame, because you don't want previous layers obscuring the picture. That gets annoying a lot of times.


N

[Rei]

Originally posted by RabidWombat
i followed your instructions, and i got one sprite animated, but when i tried to add a second sprite..the first one still moved, but the second one just stayed on the first frame...and ideas?

Go into imageready, and fix it in the animation tab. Highlight each frame on the animation tab and then go to the layers tab and tweak from there. Example of the animation tab with a frame highlighted attached.

[RabidWombat]

i got it working...got the animations i like...size is right..i saved the potimized..and when i opened it, the av box was all black...what did i do wrong????

[Jawbreaker]

u most likely have the BLACK layer on top of the ANIMATIONS, drag the BLACK background behing the animations!

[InfiniDragon]

Do you mean all the colors disappeared? In that case, go to the top right of Photoshop/ImageReady where it says "Optimized" and click the list. Go to "GIF 128 No Dither", and it should look right. Here's an example of what I mean, hope it helps.

EDIT: You can check when you go to open the file.

[RabidWombat]

nope i fucked up how i saved it..so i fixed it...but now it says that i can only have 2000bytes or something...so it's too big i guess...where do i see the size of that file?

[RabidWombat]

ouch the limit is 20,000 mine is 50,000 any tricks on how to cut that back?

what takes up the most space..the layers?

[RabidWombat]

this is what i tried to do

[Rei]

Originally posted by RabidWombat
ouch the limit is 20,000 mine is 50,000 any tricks on how to cut that back?

what takes up the most space..the layers?

First of all, your gif uses 59 colors. Use the eyedropper to cut that down. If you sample the skin of ryu or ken and use that color for the text, and then sample the belt color and use that for the stroke around the text, then you will be able to drop amount of colors in your color pallete. On your background, you can use the eyedropper to get more colors from ken and ryu and drop a grid pattern, or something techno that uses two colors (that you should have got from ken and ryu). If you are carefull, you can probrably drop the color pallete down to 16-20 colors, without hurting the image quality.

Second of all, the image has 10 frames. You probrably only need 5 or 6 of those frames. Cut a few frames out of the animation. (Can probrably get rid of the ryu taking a breath, and one of the ken scratching his nugget). Now you should be under the file size limit.

[RabidWombat]

ok i followed all the directions on the first page...thats how i made my av..but now it won't work. when i go to the "play option" back in image ready it gives me a "no" symbol not allowing that option..what's going on here?

i followed all the steps right like i did for my av. might there be something i accidently clicked or something?

[RabidWombat]

in the frame boxes it only shows the one fram...wtf?

[RabidWombat]

ok i had to manually make 5 frames and drop each one in..why did i have to do that for this one but not my akuma one?

[Exodese]

*Phoenix Down!*

Rei, I know this thread is all about making animations in avatars, using pre-made sprites from gamegen, but I'd like to start learning the right way. Making animated gifs from scratch. Like what are the steps? Here are two very simple frames of Robert T. Sturgeon I intend to use. I'm using Imageready and PS7 and I'm about to lose my last brain cell reading many many tutorials and over those layers.

[Rei]

Originally posted by Exodese
*Phoenix Down!*

Rei, I know this thread is all about making animations in avatars, using pre-made sprites from gamegen, but I'd like to start learning the right way. Making animated gifs from scratch. Like what are the steps? Here are two very simple frames of Robert T. Sturgeon I intend to use. I'm using Imageready and PS7 and I'm about to lose my last brain cell reading many many tutorials and over those layers.
It is very good that you want to learn how to make your own sprites. It is the best way. Nevertheless, I'm not going to direct you to a post made by TigerGenocide that pretty much explains it.
http://www.shoryuken.com/forums/showthread.php?&postid=609020#post609020
Reply in that thread if you have further questions.

[Exodese]

I did it! My first animated gif.

[Exodese]

Another one:

[Exodese]

One more

[Rei]

Wow. Keep it up.

[BlodiaVulcan5]

heh, all my Rage of Dragon sprites I use are ripped by me. :D

[Exodese]

BTW all these gifs came from Robo Army for Neo Geo.

[::TMT::]

everytime i try to drag the animated psd into my av only one layer comes with it and i linked all my layers.......what ami doing wrong


see it doesn't move and i followed the instructions

[Exodese]

yeah I have a problem similar. when I rip sprites, and I fudge out the white background to make transparency, I see all the layers moving at once when I save it. here's an example.

[::TMT::]

could someone possible shrink the bytes on this so i could use it as an AV. i need it to be under 10240 bytes or if possible could someone tell me how

[DeafNYCPlayer72]

Originally posted by ::TMT::
could someone possible shrink the bytes on this so i could use it as an AV. i need it to be under 10240 bytes or if possible could someone tell me how

Your avatar is over 40K and 167 x 52 pixels.

You need to reduce into under 20k and 160 x 52 pixels (max 160 x 64 pixels).

[tonbarry]

can someone tell me where is the imageready?i cant find it:(

[DeafNYCPlayer72]

Originally posted by tonbarry
can someone tell me where is the imageready?i cant find it:(

-_-

You need to find Photoshop 7.0 (including ImageReady)

[DarkGiygas]

Wow, this really helped me out a lot. :D:D:D

[nameingway]

i've got a problem, i followed the instructions on the first page, but when i open it in image ready it won't animate. everything is linked and it transfered over to where i wanted it... would i need to put everything in its own layer?

for instance just to get this to work and get the hang of it im trying to put akuma's raging demon in a plain black pic. everything is linked but it won't animate once i move it into my canvas.

[DeafNYCPlayer72]

Originally posted by nameingway
i've got a problem, i followed the instructions on the first page, but when i open it in image ready it won't animate. everything is linked and it transfered over to where i wanted it... would i need to put everything in its own layer?

for instance just to get this to work and get the hang of it im trying to put akuma's raging demon in a plain black pic. everything is linked but it won't animate once i move it into my canvas.

You may make your avatar is .jpeg (only non-animated)

You need to change it into .gif (animated)

[killer_jin]

Originally posted by Rei
While you are at it, you should learn to rip your own sprites. It is not that hard, and you will always get what you want. You will no longer be stuck with only the animations that gamegen steals from RHM.

http://bust.kicks-ass.net/rei/Avatar_Tutorial01.html


hey that link doesn't work.i am interested in learning how to rip sprites so can u give the working link...
thanks

[Liquid Shadows]

thanks