Ricordiamo che il Formato Gif che si otterrà ha tra i suoi vantaggi la buona compatibilità Cross-Browser e non richiede particolari adattamenti come il Flash, ma ha un grosso svantaggio le dimensioni in KB.

Dobbiamo quindi partire dal presupposto di usare immagini piccole (nell’ esempio abbiamo preso due immagini da 280 x 80 pixels) con una profondità di colore limitata.

In questo esempio useremo (per gentile concessione di OtticaPoma.com) :

e questa

Layer Finale della Transizione

Le potete anche salvare e provare voi stessi.

Notate come le due Immagini insieme non raggiungano gli 8 KB!.

Apriamo The Gimp (l’ equivalente Open-Source di PhotoShop), se non l’ avete,
scaricatelo dal Sito della WinPenPack.com.

Noi useremo la Versione 2.4.5 Italiana, se l’ avete scaricato non dovreste incontrare problemi.

STEP1 :

Creiamo i Livelli

Abilitate la Visualizzazione dei Livelli dall’ Interfaccia Principale, da File->Finestre->Crea Nuovo Pannello->Livelli Canalie Tracciati.

Finestra dei Livelli di Gimp

Adesso sulla Finestra Principale cliccate su File->Nuovo e inserite come Dimensioni per il Canvas le dimensioni che abbiamo scelto per le nostre immagini 280 x 80 pixels.

Sfondo Bianco della nostra Immagine

Trascinate in questa Finestra le due Immagini e se serve abbassate il Livello dello Sfondo in Basso, in modo da ottenere questa configurazione.

Step2:

Creiamo l’ Animazione

Dall’ Immagine, selezionate Filtri->Animazione->Sfuma, mettete Raggio di Sfocatura ad 1, lasciate la Spunta su Ciclico ed inserite i Fotogrammi che volete nella vostra animazione.

Attenzione, aumentando i Fotogrammi l’ effetto migliorerà, il Fading rallenterà e le dimensioni esploderanno, considerate che se indicassimo 25 Fotogrammi (lo Standard Pal), lui genererebbe 52 Livelli, cioè i Frame della nostra Animazione (1 in Entrata e Uscita, 25 dall’ Immagine A alla B ed altri 25 per il Ritorno) generando un’ immagine da 500 KB per un Banner da 80 pixels.

Evitate!.

Non superate mai i 10 fps, noi ve ne suggeriamo 7, per un Totale di 1+7+7+1 = 16 Frames.

Step3:

Salvataggio

Se il risultato vi soddisfa, tornate sulla seconda Fienstra, quella creata dall’ Animazione e che contiene 16 livelli e andate su File->Salva come otterrete questa Finestra.

Inserite un nome qualsiasi che termini con .gif , selezionate il Percorso dove salvare l’ immagine, (considerate che il Desktop viene indicato come Scrivania) e poi cliccate su Salva.

Indicate come Opzioni : Salva come Animazione e lasciate la Spunta sull’ Indicizzazione

Mettete la Spunta a Salva come Animazione

Lasciate la Spunta su Ciclo Infinito e se volete aumentate il Ritardo tra i Fotogrammi (per rallentare la Transizione).

Cliccate sotto per vedere il vostro Risultato!

Ecco la Vostra Transizione!