|
Così vuoi aggiungere un po' di vita alle tue pagine? L'animazione è il modo per farlo. Qui cercherò di spiegare semplicemente come lavorano le animazioni e come puoi crearle.
Come lavorano
Una GIF animata lavora allo stesso modo degli altri file GIF. Viene usato lo stesso codice HTML e solamente quando la GIF viene caricata si anima. La GIF animata è semplicemente una serie di immagini che lavorano assieme in cui tu puoi variare l'intervallo di tempo fra una immagine e l'altra. Ma questo non significa che tutto il software può animare o vedere le GIF animate, la maggior parte dei programmi non può. Per esempio, Paint
Shop Pro caricherà solamente il primo frame (la prima immagine) della GIF animata e ignorerà le altre. Se poi tu salvi il file da Paint Shop Pro, le altre immagini verranno perse.
Così, che software usare? Io raccomando che gli utenti Windows usino GIF
Construction Set, un ottimo programma per editare i file GIF.
Download
GIF Construction Set Pro v2.0
Ottimi sono anche Ulead Gif Animator e Microsoft Gif Animator, il cui uso non si discosta molto dalla descrizione presente in questa pagina.
Prima di tutto, devi capire come un file GIF lavora. Esso è costituito da un numero di blocchi che vanno a definire l'immagine e che includono anche altre informaioni come i commenti. Un normale file GIF è di solito costituito da due blocchi - testata (header) e immagine. Il blocco testata determina la misura di quanto schermo il file GIF ha bisogno e definisce una palette globale opzionale. Il blocco immagine contiene l'immagine che deve essere visualizzata.
A questo punto serve una breve spiegazione di cosa siano le palettes. Puoi sempre definire una palette globale nel blocco testata o puoi lasciare che ogni immagine abbia la sua palette personalizzata. Se stai per costruire una immagine per il web non puoi lasciare che ogni immagine usi la sua palette, poiché ad es. Netscape non supporta palettes locali.
Guardiamo un esempio, il file ani.gif. Questa è l'immagine:
Questi sono i diversi blocchi in GIF Construction Set:
I contenuti di alcuni blocchi vengono riepilogati alla destra del nome del blocco attuale. Per esempio, il blocco HEADER dice che l'immagine è un file GIF, versione 89a, con una misura di 200 pixels di altezza e 100 pixels di larghezza. L'esistenza del prossimo blocco, il blocco LOOP, va a significare che l'immagine andrà a ripetersi continuamente. Il blocco CONTROL contiene informazioni sul colore trasparente (nessuno in questa immagine) e su quanto tempo lasciare il blocco IMAGE sullo schermo prima di continuare con il successivo (in questo caso 1 secondo). Il blocco IMAGE contiene la prima immagine GIF. Poi c'è un altro blocco CONTROL che dice di lasciare la prossima immagine sullo schermo per un altro secondo.Come ho scritto prima l'immagine continua ad essere animata a causa del blocco LOOP. Il blocco finale è il blocco COMMENT che può essere visto solo da altre persone che usino un software come GIF Construction Set (la maggior parte della gente non lo vedrà).
Per editare e vedere il contenuto di un blocco basta cliccare semplicemente su di esso.
Spero che ora hai capito le basi delle GIF animate. È semplice: costruisci (con Paint Shop Pro per esempio) una serie di GIF separate, poi le unisci in un unico file GIF usando un programma come GIF Construction Set.
Passo dopo Passo
Prima di tutto abbiamo bisogno delle immagini che costituiranno i frames, salvandole come file GIF. Per esempio, qui ci sono le due immagini usate per creare l'animazione di sopra, ani.gif:
 |
 |
| ani1.gif
|
ani2.gif
|
Ho usato la palette di Netscape in queste immagini per essere sicura che le immagini abbiano lo stesso tipo di palette.
Quando sono pronte le immagini, salvale come file GIF e lancia Gif Construction Set
32. Seleziona Animation Wizard dal menu File:
L' Animation Wizard ora appare, chiedendoti un po' di domande e permettendoti di scegliere i files per la GIF animata. Generalmente vanno bene le opzioni di default. Quando hai finito con il Wizard, salva il file - File: Save As-.
Congratulazioni! Ecco al tua prima GIF animata che puoi vedere nel tuo browser:
Clicca qua per vedere molti esempi di GIF animate riguardanti il logo Silvia.Home
| 
