Immagini digitali IV settimana Mariani Carola Classe I3 GIMP è un programma open source di fotoritocco e permette di creare e modificare immagini. Consente inoltre di animare le immagini nel formato GIF. Chi di noi non è rimasto affascinato dalle immagini in movimento dei classici Disney? Quale magico e straordinario lavoro si nasconde dietro quelle immagini? Andiam andiam. entriamo insieme nel fantastico mondo delle GIF animate, le immagini grafiche che, viste in successione, danno l idea del movimento. Non sarà un viaggio né breve né semplice àrmati di pazienza, tanta pazienza.e fai volare la tua fantasia ne avremo bisogno!!!! 1
Impariamo a rendere trasparente lo sfondo di un immagine. In GIMP apri l immagine di cui vuoi rendere trasparente lo sfondo : clicca file apri ( come già visto nel tutorial per creare le animazioni). Clicca Livello trasparenza aggiungi canale alfa Ora nella finestra strumenti seleziona lo strumento Fuzzy, indicato dall icona bacchetta magica, e clicca sullo sfondo che vuoi rendere trasparente. 2
Ora premi il tasto Canc e lo sfondo sparirà, visualizzato da uno sfondo quadrettato. Salva l immagine in formato GIF 3
Ora impariamo ad animare le immagini Innanzitutto procurati una serie di immagini, puoi partire da immagini cartoon, e salvale in una cartella. 1. Ora apri il programma GIMP; ti appare la pagina iniziale: clicca File apri Fig. 1 2. Si apre la pagina che contiene i tuoi file; cerca la cartella in cui hai salvato le immagini e aprila. Cliccando su un immagine, essa appare in anteprima sulla destra della pagina. Clicca Apri e l immagine apparirà in GIMP. Fig. 2 4
3. Ecco l immagine in GIMP. Ora occorre creare delle copie di questa immagine, chiamate livelli. Tali immagini saranno successivamente modificate in qualche particolare, in modo che, viste in successione, possano creare l idea di movimento. Clicca su Livello duplica livello. Ripeti l operazione tante volte quanti sono i livelli da creare. Non ti preoccupare se crei dei livelli in più, tanto poi li puoi cancellare. Fig. 3 4. Per avere chiara la situazione dei livelli che hai creato, e quindi poterli selezionare, clicca Finestre Pannelli agganciabili livelli Fig. 4 5
5. Si apre una finestra in cui appaiono, incolonnati uno sull altro, i vari livelli, chiamati sfondo copia. E consigliabile assegnare un nome a ciascun livello: ad esempio il primo sfondo-copia puoi chiamarlo primo, il secondo chiamalo secondo e così via. Per rinominarli, fai doppio clic sul nome e invio per confermare. Per visualizzare sulla pagina di GIMP un determinato livello, devi cliccare sull occhio, che appare alla sua sinistra, e far sparire l occhio su tutti gli altri livelli. Fig. 5 6. Ora, immaginiamo di voler dare la sensazione di movimento all orecchio destro del nostro simpatico cagnolino; immaginiamo di volerlo muovere su e giù. Selezioniamo il primo livello, affinché appaia in GIMP e lo si possa modificare. Ora dobbiamo cancellare l orecchio destro, per lasciare spazio alle successive modifiche. Procedi così: Innanzitutto ingrandisci l immagine, cliccando visualizza zoom. Scegli lo zoom che ti permetta di lavorare con maggiore precisione nei dettagli ( almeno 400%) Fig. 6 6
7. Ora dalla finestra strumenti, seleziona pennello. Clicca sul colore di primo piano che appare subito sotto gli strumenti. Si apre la finestra per cambiare i colori. Sulla riga notazione HTML, a destra, clicca il simbolo del contagocce e trascinalo sul colore di sfondo (il giallo). Ora dipingi l orecchio, facendo attenzione ai punti di confine tra un colore e l altro. Fig. 7 Il primo livello adesso è senza orecchio ( figura 8). Fig. 8 7
Dobbiamo disegnarne uno nuovo, che abbia posizione diversa rispetto al precedente. Lo disegniamo a mano? Direi che non è il caso. Conviene copiarlo dall immagine dello sfondo. 9. Seleziona lo sfondo, cliccando (ti ricordi?) su Finestre Pannelli agganciabili livelli e occhio dello sfondo. Zooma bene l immagine ( direi 400 %) perché dovrai selezionare con precisione l orecchio. Ora clicca sullo strumento lazo ( per la selezione a mano libera) e comincia a selezionare l orecchio. Tieni presente che maggiore è il numero di punti che crei e migliore è la selezione. Fig. 9 Questa selezione va copiata sul primo livello cheè senza orecchio. Clicca Modifica copia, apri il primo livello e clicca modifica incolla. Tale selezione è definita fluttuante ed è sopra gli altri due livelli. 8
10. Ora dobbiamo modificare la posizione dell orecchio, usando gli strumenti sposta e ruota, che trovi nella finestra strumenti. Questo è un passaggio che richiede molta pazienza si va un po per tentativi, almeno finché non si prende la mano Fig.10 11. A questo punto, se ritieni che la posizione sia corretta, devi incollarla al livello primo: vai nella finestra dei livelli, clicca col tasto destro su selezione fluttuante àncora livello. Fig. 11 9
Puoi già vedere un primo effetto dell animazione cliccando su filtri animazione esecuzione. Ora copia questa immagine sul livello successivo e continua a creare modifiche alla posizione dell orecchio, come indicato al punto 10. Più immagini crei e più armonico sarà il movimento dell orecchio su e giù. 12. Per regolare la velocità delle animazioni, devi impostare il tempo di intervallo tra un fotogramma e l altro. Clicca col destro su ciascun fotogramma modifica attributi di livello. A fianco del nome del fotogramma, tra parentesi, scrivi il valore che vuoi ( puoi partire da 100 ms; se aumenti questo valore, il movimento visualizzato sarà più lento.) Eventualmente puoi inserire il tempo di intervallo utilizzando anche la modalità che vedremo nel punto 14 ( che però non ti permette di agire sul singolo fotogramma, ma su tutti indistintamente). 13. Se sei soddisfatto dell animazione che hai creato, salvala cliccando file salva come Seleziona tipo file immagine GIF. Infine clicca salva Fig.13 10
Cliccando su salva si apre una nuova finestra, dove devi cliccare salva come animazione esporta. 14. Nella finestra successiva, se non l hai già fatto al punto 12., ricordati di impostare l intervallo di tempo tra un fotogramma e l altro. In tal caso, però, l intervallo sarà inserito tra ogni fotogramma, indistintamente. Fig.14 Clicca salva e guarda se la GIF animata è di tuo gradimento! 11