Crea una GIF animata di Charlie Brown
con fondo trasparente in 4 passaggi
usando GIMP 2.6
Charlie_Brown.gif
Realizzato da Alessandro Perri
Charlie_Brown_pendolo.gif
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.
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.
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).
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.
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.
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.
Realizzato da Alessandro Perri
E1_DOL_2008_09
FASE 2:
Predisporre i livelli per l’animazione
Nel menù LIVELLO cliccare il
comando DUPLICA LIVELLO per
realizzare un livello copia identico
a quello di partenza.
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 .
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.
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.
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.
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.
Realizzato da Alessandro Perri
E1_DOL_2008_09
Ripetere l’operazione descritta
nella slide precedente per gli
altri due livelli ruotati (+45° e 45°).
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: AB-C-B-A-B-C-B riprodotta nel
pannello a lato.
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.
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.
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.
Realizzato da Alessandro Perri
E1_DOL_2008_09
FASE 4:
Salvare l’animazione in formato GIF
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…
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.
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.
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.
Realizzato da Alessandro Perri
E1_DOL_2008_09
Se avete eseguito tutto correttamente il risultato finale sara’ questo :
THE END
Realizzato da Alessandro Perri
E1_DOL_2008_09