How do you make your own simple animated GIF?

[szlamany]

I've attached an image of a screen that displays a dashed line and >>'s as an indicator to fill text into a TEXT AREA on the screen.

That instruction line with the --->> is variable - fed by ajax calls to web methods...

At any rate - I want the --->> to be more "image" like and maybe even animated a bit to move the arrow towards the right.

How do you go about making an animated GIF that might serve this purpose?

[sapator]

I suppose a gif animation software.
Or try this one http://picasion.com/
with 3 different arrow positions.Haven't tried but it would be interested to see how it turns out for you.

[akhileshbc]

If you are familiar with Photoshop then, try ImageReady. I use that to create animated GIFs. For one of my academic project, I used it to create the effect of ECG display.

[coothead]

Hi there szlamany,

check out the attachment which contains two animated gif images.
One repeats and the other plays once.

Either may suit your requirements.

[tr333]

My favourite site for animated GIFs is http://mothereffinganimatedgif.com, created by Paul Irish (Google Chrome and jQuery dev) & co. It's all completely client-side in the browser, so no server-side interactions. Just drag+drop your images, and it's all done for you.

[akhileshbc]

For loaders, I mainly use this: http://ajaxload.info/

[szlamany]

For loaders, I mainly use this: http://ajaxload.info/

Yeah - I believe I got my loader gif's at that site last year.

I was thinking I should go back to my jQuery in Action book and look at the animation functions in the jQuery library - they were pretty cool and hooked into DOM events if I recall. I always intended on using them a bit for other things - like making tab's "appear" by dropping down or sliding to the right - or something like that.

[szlamany]

Hi there szlamany,

check out the attachment which contains two animated gif images.
One repeats and the other plays once.

Either may suit your requirements.

Hey - thanks for those.

What utility did you use to make them?

[szlamany]

My favourite site for animated GIFs is http://mothereffinganimatedgif.com, created by Paul Irish (Google Chrome and jQuery dev) & co. It's all completely client-side in the browser, so no server-side interactions. Just drag+drop your images, and it's all done for you.

That is a cool site - I just created three cheesy arrows in PAINT and dragged them into that site - and it made a quick gif.

Thanks!

[coothead]

Hi there szlamany,

What utility did you use to make them?

I used the p.c. keyboard , "Windows Notepad", "IrfanView" and "Easy GIF Animator".

1. Typed the symbols for each frame - (24 in total) - in "Notepad" and then used the "PrtScn" key to capture my efforts.
2. Pasted the screen images into "IrfanView", and cropped them to the appropriate dimension.
3. Used "Easy GIF Animator " to create the animations.

[tr333]

That is a cool site - I just created three cheesy arrows in PAINT and dragged them into that site - and it made a quick gif.

Thanks!

There's also a bunch of other cool tools. My favourite is the HSL Colour Picker. It's what got me going on the HSL bandwagon