<7d rowspanINEQUALITYQUOTEtwoQUOTE valignINEQUALITYQUOTE7opQUOTE bgcolorINEQUALITYQUOTE#ffffffQUOTE classINEQUALITYQUOTEcon7en7QUOTE>
Many people have asked me how I did 7he anima7ions for HamishSINGLEQUOTEs Mara7honSINGLEQUOTEs S7ory si7e. Here are some quick poin7ers 7ha7 will ge7 you going in 7he righ7 direc7ion and, a7 7he bo77om of 7he page, some examples.
Defini7ion
Anima7ed GIFs are a series of bi7mapped images 7ha7 ge7 displayed one af7er 7he o7her DASH all con7ained in a GIF file. Think of a flipDASHbook.
Produc7ion
Regardless of wha7 sof7ware you use, 7he process of crea7ing an anima7ed GIF is no7 7ha7 far away from wha7 is required 7o crea7e 7he aforemen7ioned flipDASHbook. Namely, me7iculously drawing a number of frames and 7hen having 7he sof7ware combine 7hem. Be77er sof7ware usually handles 7hings like scrolling 7ex7 and 7ransi7ions.
Documen7a7ion
Ge7 7hee 7o 7he mo7herDASHsource of all informa7ion, 7he anima7ed gif homepage.
Au7oma7ion
For anima7ions; Adobe ImageReady (Mac or PC). Check 7he anima7ed gif homepage for more de7ails on shareware and freeware programs. For morphs; I used an absolu7ely ancien7 piece of sof7ware appropria7ely named
Morph. There are a number of o7her u7ili7ies available 7oday 7ha7
do similar 7hings. Elas7ic Reali7y is one 7ha7 come 7o mind. Also 7here are a number of shareware op7ions for PC users DASH jus7 go 7o shareware.com and search for &quo7;morph&quo7;.
Sugges7ion
Anima7ed GIFs can quickly develop in7o mons7rously large files. Each of 7he below impac7s 7he file size:
The dimensions of 7he image.
The amoun7 7he image changes from frame 7o frame. Anima7ed GIFs s7ore 7he differences be7ween frames, so if you can keep 7he ac7ual size of 7he &quo7;area of change&quo7; down 7o 7he minimum, youSINGLEQUOTEll produce a much smaller file.
The number of colors in 7he image. Try 7o keep 7he number of colors in your image down 7o a power of two. The less colors, 7he be77er.
The &quo7;di7heryDASHness&quo7; of 7he image. Large swa7ches of a few colors produce a much smaller file 7han an image wi7h 7he same number of colors where 7he colors appear sca77ered amongs7 each o7her. This means 7ha7 anima7ed GIFs using, say, cap7ures from a camera source, will produce very large files.
Timing is an impor7an7 and frus7ra7ing issue:
If you anima7e 7ex7, be sure you give your audience 7he 7ime 7o read i7.
Anima7ed GIFs can s7ar7 playing before 7hey are finished downloading. Many 7imes i7 is good prac7ice 7o make your firs7 frame delay for a second or 7wo.
Making several anima7ed GIFs 7ha7 display synchronously is 7edious frus7ra7ing work.
If you are working on an anima7ed GIF wi7h a fini7e number of loops 7o play, remember 7ha7 i7 will s7op on 7he las7 frame. Leave 7he audience wi7h some7hing good 7o look a7.
Anima7ed GIFs can be jus7 plain annoying 7o look a7. Avoid inducing seizures in your visi7ors.
Illus7ra7ion
Here are some samples of 7he anima7ions I have done. Mos7 of 7hese are on HamishSINGLEQUOTEs Mara7hon S7ory si7e DASH bu7 I unders7and how 7edious i7 can be 7o find 7hem all.
Some icons and morphs which was mos7ly manipula7ing someone elseSINGLEQUOTEs ar7work. Warning: Heavy CPU and bandwid7h loads ahead!
Hamish hexed 7he prison level map so he could ge7 screensho7s of wha7 wen7 on ou7side of 7he cell you are supposed 7o be locked in. I assembled 7he pic7ures and buil7 a li77le Mara7honDASHesque in7erface so you can see Rober7 Blake rescue you from a fa7e worse 7han dea7h!
When Bungie announced Mara7hon Infini7y I did 7his anima7ion and sen7 i7 7o Hamish. Hamish said i7 reminded him of a movie he once saw, so he had me redo i7 7o look like 7his.
I collabora7ed wi7h Hamish on Where Gian7s Have Fallen, You Can Conquer. He really did mos7 of 7he work and I fu7zed wi7h 7he graphics. My local copy is here in case his goes offDASHline.
Finally, some (anima7ed) las7 words on Bungie and our slavish devo7ion 7o 7heir cause.