Tutor: Silvia Rossi Modulo : immagini digitali Classe F1- Angela Mantovani

Transcript

1 Tutor: Silvia Rossi Modulo : immagini digitali Classe F1- Angela Mantovani La scorsa settimana, ci siamo avvalsi di tutorial disponibili in rete per utilizzare alcune funzioni di Gimp! Immaginate ora di dover spiegare nel dettaglio ai vostri studenti o a colleghi inesperti 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. Realizzate un breve tutorial per almeno una delle due attività sopraccitate, procedendo come segue: 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. Potete ottenere uno screenshot del vostro computer nel modo seguente: WINDOWS/LINUX: premendo il tasto [Stamp RSist] (nella tastiera italiana) o [Print Screen] (nella tastiera inglese) oppure premendo contemporaneamente [Alt] e il tasto succitato: in quest ultimo caso solo la finestra attiva viene memorizzata. Una volta eseguita la cattura, è necessario trasferire (incollare) lo screenshot in un programma di grafica (ad esempio Gimp! stesso), affinché sia possibile visualizzarlo e salvarlo in un nuovo file. MAC: premendo i tasti Comando+Maiuscola+3 (in questo caso viene catturato l intero schermo e salvato in un file) oppure premendo i tasti Comando+Maiuscola+4 (così facendo viene catturata e salvata solo un area rettangolare disegnata con il mouse). Scrivere il testo del tutorial utilizzando un linguaggio semplice e preciso. 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.) Pubblicate il tutorial nel server FTP (seguendo le indicazioni riportate nel tutorial pubblicato nella Bachec@, sezione Materiale corso), e riportate il link del lavoro nel forum di discussione. FACOLTATIVO: Una volta ultimato il tutorial, testarne l efficacia chiedendo a studenti o colleghi di provare a riprodurre le operazioni descritte. Le immagini utilizzate sono appropriate? Sono risultate utili per comprendere i passaggi più difficoltosi del tutorial? Si sarebbe raggiunto il medesimo risultato senza ricorrere agli screenshot? Condividete le vostre riflessioni nel forum.

2 Che cosa è Gimp Gimp è un programma per la gestione delle immagini. E un software libero adatto al fotoritocco, composizione e creazione, unione e sovrapposizione d immagini e conversione tra formati. Si può utilizzare anche per creare semplici Gif animate. Alcuni siti utili per conoscere meglio il programma:

3 Come rendere trasparente lo sfondo di un immagine Dopo aver aperto il programma e l immagine, aggiungere il canale alfa.

4 Si sceglie lo strumento Fuzzy che ci permette di selezionare l area che dobbiamo cancellare. Tra le diverse opzioni dello strumento possiamo optare per margini sfumati (non si avrà il taglio netto esterno ma si andrà a sfumare verso i bordi); indicare Soglia cioè la quantità di pixel di diverse tonalità dello stesso colore (più alto è il valore più colori verranno selezionati)

5 Ora si clicca sulle aree da rendere trasparenti; le aree verranno delimitate da un tratteggio, tenendo premuto il tasto maiuscolo sarà possibile selezionare più aree contemporaneamente. Premendo il tasto canc si rende trasparente tutta l area; eventuali sporchi (pixel di colore diverso) potranno essere eliminati usando lo strumento a forma di lazo

6 Per salvare l immagine si deve selezionare da file Salva come... e scegliere il formato corretto.

7 Come creare una GIF animata partendo da una immagine statica Aprire l immagine con il programma Gimp. Tenere sempre aperta la finestra dei livelli in modo che il lavoro che si andrà a creare sarà ben evidente nella schermata. La nostra immagine sarà il livello Sfondo Dal menù livello creare un nuovo livello trasparente a cui si darà il nome Livello1

8 Mantenendo il livello1 selezionato e visibile (occhio), scegliere nella finestra strumenti il pennello, selezionarne lo spessore e disegnare due o più capelli sulla testa del nostro Charlie Brown. Creare nello stesso modo il numero di livelli desiderato disegnandoci sempre due capelli per livello. Nell ultimo livello selezionare dal pannello degli strumenti quello di testo; aggiungere all immagine la casella di testo desiderata.

9 Per ottenere l effetto d animazione si deve agire sul tempo di ogni fotogramma (livello). Io ho scelto lo stesso tempo (300ms) per tutti i livelli tranne per quello di testo (1300ms). Si può avere un anteprima dell animazione cliccando sul menù Filtri>Animazione>Esecuzione

10 Per salvare l animazione cliccare su FIle>Salva come... Scegliere il formato Immagine GIF, Salva come animazione ed Esporta Per vedere l animazione ottenuta, mettere l immagine in un Browser di Internet.