How do you make your own simple animated GIF?

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?

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.

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.

:wave:

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. ;)

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.

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

:wave:

Quote:

---

Originally Posted by akhileshbc

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

:wave:

---

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.

Quote:

---

Originally Posted by 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. ;)

---

Hey - thanks for those.

What utility did you use to make them?

Quote:

---

Originally Posted by 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.

---

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!

Hi there szlamany,

Quote:

---

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.

Quote:

---

Originally Posted by szlamany

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 :D