Ivan Bernardi (f7 anno 2010) Realizzate un breve tutorial per spiegare nel dettaglio tutte le operazioni che avete dovuto effettuare per rendere trasparente lo sfondo di un'immagine o per creare una gif animata a partire da un'immagine statica procedendo come segue: 1. Ripetere le operazioni dell'attività prescelta, effettuando degli screenshot dei passaggi chiave. Per screenshot si intende l'istantanea di ciò che viene visualizzato in un determinato momento sullo schermo di un monitor. 2. Scrivere il testo del tutorial utilizzando un linguaggio semplice e preciso. 3. Corredare la spiegazione testuale con gli screenshot opportunamente modificati e rielaborati con il programma di grafica per rendere efficace la comunicazione (ad esempio aggiungendo scritte, frecce, riquadri, evidenziando aree o elementi, ritagliando le sezioni rilevanti, ecc.) Obiettivo creare un'immagine Pippo che fa l'occhiolino. animata di L'immagine di partenza presenta Pippo con l'occhio sinistro chiuso, quindi per creare l'animazione bisogna disegnare un'altra immagine con Pippo con l'occhio aperto. Vediamo come: 1. aprire il programma gimp poi trascinare un'immagine dentro la finestra e rilasciare oppure il tradizionale file > apri 1 GIMP (GNU Image Manipulation Program) è un programma per la gestione delle immagini. È multipiattaforma per Win, Linux e Mac. È un software liberamente distribuibile, molto potente e con diverse capacità. Può essere utilizzato come semplice programma di disegno, come programma per il foto ritocco, per l' elaborazione immagini, per risolvere il problema del rendering delle immagini, o come convertitore tra formati immagine e altro ancora. 2. una volta aperto il file assicurarsi di avere visibili anche la finestra degli strumenti e quella dei livelli, altrimenti cliccare simultaneamente i tasti ctrl B (strumenti) e ctrl L (livelli), oppure Finestre > pannelli agganciabili > opzioni strumenti Finestre > pannelli agganciabili > livelli 2 2A Ivan Bernardi (f7 anno 2010) 2B Ctrl B La finestra principale degli strumenti è il cuore di GIMP. È l'unica parte dell'applicazione che non è possibile chiudere. Racchiude i tradizionali pulsanti icona usati per selezionare gli strumenti, quali ad esempio Strumenti di selezione Strumento di selezione rettangolare Strumento di selezione ellittica Selezione a mano libera (lazo) Selezione di regioni contigue (bacchetta magica - fuzzy) Strumento di selezione per colore Forbici intelligenti Strumenti di disegno Riempimento colore Strumento Gradiente Strumenti di pittura (matita, pennello, aerografo) La matita Il pennello La gomma Strumenti di trasformazione Spostamento Taglierino Rotazione Scala Area dei colori e degli indicatori Ctrl L Le voci presenti nel menu livello, come suggerisce il nome, servono a lavorare con i livelli. E' possibile eseguire diverse delle operazioni presenti nel suddetto menu direttamente premendo i pulsanti presenti nella finestra di dialogo dei livelli per, ad esempio, ridimensionare un livello, gestirne la trasparenza o fondere assieme più livelli. Ivan Bernardi (f7 anno 2010) 3. Per tornare al nostro esempio adesso è il momento di creare un duplicato del livello e aggiungerlo all'immagine cliccando sull'icona indicata. 3 4. Cliccando sull'icona dell'occhio, sempre nella finestra livelli, si rende visibile solo il livello Sfondo copia su cui dobbiamo operare, si nasconde così la figura sfondo.. 4 5. Dobbiamo riempire di bianco l'occhio sinistro di Pippo e perciò clicchiamo, fra gli strumenti, il barattolino di colore (5a), e poi cambiamo il colore in primo piano (5b) in modo che diventi il BIANCO, selezionandolo nella relativa finestra (5c) e poi diamo l'ok. 5a Ivan Bernardi (f7 anno 2010) 5b 5c 6. Dobbiamo poi cancellare i segni neri che sono rimasti nell'occhio sinistro, utilizzando lo strumento della gomma (6a) con la giusta scala (6b). 6a Ivan Bernardi (f7 anno 2010) 6b 7. Dobbiamo poi ritaglliare la pupilla nera dell'occhio destro per incollarla in quello sinistro. Dopo aver ingrandito la figura (visualizza > zoom 400%) (7a) usiamo lo strumento selezione a mano libera (7b) e poi i comandi modifica > copia (7c) modifica > incolla (7d). 7b 7a 7c 7d 8a 8. Dopo aver incollato l'immagine dentro l'occhio sinistro, dobbiamo ruotarla (selezionando lo strumento ruota 8a) fino ad ottenere una corretta posizione muovendo il cursore verso destra o sinistra (8b) e poi cliccare il comando ruota (8c). Ivan Bernardi (f7 anno 2010) 8b 8c 9. Dobbiamo a questo punto spostare la selezione nel punto più adatto usando lo strumento sposta (9a) e muovendo il mouse tenedo il tasto destro premuto. 9a 10. Animazione Dopo aver riattivato l'icona dell'occhio nella finestra livelli (vedi passaggio 4) dal menù Filtri > AnimSfondo copia(100ms)(combine)azione > Esecuzione visualizzare l'anteprima dell'immagine animata (10a) e, se soddisfacente, selezionare di nuovo il menù Filtri > Animazione > Ottimizza (per GIF) così si otterrà un nuovo file. Ivan Bernardi (f7 anno 2010) 9a Notare che nella scheda Livelli sono state aggiunte dei valori relativi alla durata di ciascun fotogramma che sarà sempre possibile modificare manualmente modificando direttamente gli Attributi di livello. 11 Salvataggio della gif Dal menù File > Salva con nome > Seleziona tipo di file, scegliere il formato gif e nella successiva finestra di dialogo spuntare la voce Salva come animazione e poi premere il pulsante Esporta, infine salva. Ivan Bernardi (f7 anno 2010) Dalla finestra di un browser visualizzare la gif animata. 11a 11b ... buon divertimento!