Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo...

23
Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gif Charlie_Brown_pendolo.gif

Transcript of Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo...

Page 1: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6

Charlie_Brown.gif Charlie_Brown_pendolo.gif

Page 2: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

FASE 1: Applicare la trasparenza all’immagine

In ambiente GIMP 2.6 all’interno del Menù a tendina FILE selezionare la voce su APRI.Selezionare dalla posizione in cui è salvato il file Charlie_Brown.gif e cliccare il bottone APRI.

Page 3: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Una volta visualizzata l’immagine nell’apposita finestra e con il Pannello LIVELLI, CANALI, TRACCIATI aperto, selezionare dal Menù LIVELLO la voce TRASPARENZA > AGGIUNGI CANALE ALFA. Automaticamente verrà aggiunto al livello Sfondo un canale Alfa utile per la creazione della trasparenza.

Page 4: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Per verificare che il canale Alfa sia stato effettivamente aggiunto visualizzare i CANALI nel Pannello LIVELLI,CANALI,TRACCIATI,… attraverso l’apposito bottone.Se tutto è corretto si dovrebbe visualizzare all’interno della finestra CANALI un canale denominato ALFA sotto il canale INDICIZZATO (Sfondo).

Page 5: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Aprire il Menù SELEZIONA e scegliere il comando PER COLORE per selezionare lo sfondo uniforme dell’Immagine.Con lo strumento di selezione così visualizzato cliccare su un qualsiasi punto dello sfondo e selezionarlo.

Page 6: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Lo Sfondo selezionato dovrebbe apparire come contornato da una linea tratteggiata. Se così non fosse ripetere l’operazione descritta nella slide precedente.

Page 7: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Una volta selezionato lo Sfondo cliccare sul tasto CANC della tastiera per cancellare lo Sfondo arancione.La verifica del risultato ottenuto è dato dal fatto che al posto dello Sfondo ora dietro la figura compare un’area quadrettata che rappresenta la trasparenza.

Page 8: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Nel menù LIVELLO cliccare il comando DUPLICA LIVELLO per realizzare un livello copia identico a quello di partenza.

FASE 2: Predisporre i livelli per l’animazione

Page 9: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Ripetere l’operazione per un numero di volte pari al numero di livelli necessari per l’animazione (8 nel caso di Charlie Brown che si muove come un pendolo). Tutti i livelli sono visualizzati come copie del livello originario .

Page 10: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Per ciascun livello, dopo averlo selezionato, nel Menù LIVELLO cliccare comando TRASFORMA > ROTAZIONE ARBITRARIA per ruotare ciascuna figura di 45° in senso orario o antiorario per simulare il movimento del pendolo.

Page 11: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Nella maschera che si apre impostare un angolo di - 45° (+ 45° se in senso antiorario) e impostare il centro della rotazione in corrispondenza del centro della faccia di Charlie Brown corrispondente alle coordinate 150 px (x) e 150 px (y).Cliccare il bottone RUOTA.

Page 12: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Si otterrà così una rotazione della figura di 45° in senso orario. Ripetere la stessa operazione per tutti i livelli che si vogliono ruotati di 45° (in senso orario o antiorario). Per simulare il pendolo basta alternare 3 posizioni della figura: rotaz. di 45° in senso orario, figura senza rotazione, rotaz. di 45° in senso antiorario.

Page 13: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Sul livello così ottenuti cliccando sul loro nome nel pannello LIVELLI impostare i seguenti comandi scritti tra parentesi tonde: (200ms) e (replace) per impostare il tempo di transazione tra un frame e l’altro e la cancellazione del frame precedente all’apparire dii quello immediatamente successivo.

Page 14: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Ripetere l’operazione descritta nella slide precedente per gli altri due livelli ruotati (+45° e -45°).

Page 15: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Duplicare i 3 livelli (+45° (A); 0° (B); -45° (C) ) in modo da ottenere 6 livelli tutti con gli stessi parametri di transizione. Duplicare ulteriormente altre due volte il livello originario (0° (B)) in modo da poter alternare le 3 posizioni nella sequenza: A-B-C-B-A-B-C-B riprodotta nel pannello a lato.

Page 16: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

FASE 3: Eseguire e ottimizzare l’animazione

Nel menù FILTRI cliccare il comando ANIMAZIONE > ESECUZIONE… per avere una anteprima dell’animazione.

Page 17: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Si aprirà la finestra ESECUZIONE ANIMAZIONE nella quale cliccando il bottone ESECUZIONE si potrà far partire la simulazione dell’animazione.

Page 18: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Una volta cliccato il bottone RPRODUCI partirà la simulazione dell’animazione. Tale passaggio è utile per correggere eventuali errori e ottimizzare i tempi di transizione dei frames dell’animazione.

Dopo aver verificato il funzionamento dell’animazione chiudere la finestra cliccando sul bottone X in alto a destra.

Page 19: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

A questo punto l’animazione è pronta e non resta che salvarla.Per fare questo basta andare nel menù FILE e cliccare il comando SALVA COME…

FASE 4: Salvare l’animazione in formato GIF

Page 20: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Apparirà la finestra SALVA IMMAGINE nella quale verrà richiesto di inserire il nome del file da salvare (Charlie_Brown_pendolo) e la sua estensione (.gif). Dopo aver scelto in quale posizione (cartella o sottocartella) salvare il file premere SALVA.

Page 21: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Dopo aver indicato di voler salvare un'immagine come gif, se questa è composta da più livelli (come nel nostro caso) apparirà la finestra ESPORTA FILE.

In questa dobbiamo semplicemente scegliere se vogliamo appiattire l'immagine (voce UNISCI LIVELLI VISIBILI) oppure utilizzare i vari livelli per creare un'animazione (voce SALVA COME ANIMAZIONE).Spuntare la voce SALVA COME ANIMAZIONE e cliccare sul bottone ESPORTA.

Page 22: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

Fatto questo apparirà la finestra SALVA COME GIF in cui si possono possiamo impostare diversi parametri relativi alla gif animata (es. impostare il ritardo predefinito tra fotogrammi,…). Avendo già impostato e testato i tempi di transizione tra i fotogrammi sui vari livelli con i comandi (replace) e (200ms) si spunti solo l’opzione CICLO CONTINUO in modo che l’animazione si ripeteta in modo continuo e non una sola volta.Si clicchi il bottone SALVA e il lavoro sarà salvato sul disco nella posizione (cartella o sottocartella) indicata.

Page 23: Realizzato da Alessandro Perri E1_DOL_2008_09 Crea una GIF animata di Charlie Brown con fondo trasparente in 4 passaggi usando GIMP 2.6 Charlie_Brown.gifCharlie_Brown_pendolo.gif.

Realizzato da Alessandro Perri E1_DOL_2008_09

THE END

Se avete eseguito tutto correttamente il risultato finale sara’ questo :