CORSISTA: ALESSANDRA ARMANNI CLASSE: G7 IMMAGINI DIGITALI settimana IV

Transcript

1 CORSISTA: ALESSANDRA ARMANNI CLASSE: G7 IMMAGINI DIGITALI settimana IV 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 e per creare una gif animata a partire da un'immagine statica. Realizzate un breve tutorial per descrivere le due attività sopraccitate, procedendo come segue: 1. Ripetere i passi necessari per svolgere ciascuna operazione, 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). 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.) Una volta fatto il download del software di manipolazione grafica GIMP dal sito web ( scegliete il sistema operativo che vi occorre: Windows-GIMP version la più recente, Linux o MacOS), siamo pronti a sperimentarlo per modificare a nostro piacimento le immagini.

2 Proviamo a creare un animazione utilizzando due immagini: il bosco e Charlie Brown. Vogliamo far saltellare Charlie Brown, facendolo salire sui tronchi in una sorta di nascondino. Ci portiamo nella cartella che contiene le immagini zippate e, una volta aperta, apriamo l immagine del bosco con clic destro del mouse scegliendo Edit with GIMP per poter

3 modificare l immagine con il nostro software

4

5 Ci si presenta la seguente schermata che visualizza l immagine bosco.png e a sinistra la barra verticale strumenti:

6 Salviamo l immagine sul desktop (scrivania) in formato gif, appropriato per creare la nostra animazione: Clicchiamo su FILE- SALVA COME, dalla schermata ottenuta lasciamo il nome dell immagine bosco, cliccando su esplora altre cartelle scegliamo di salvare su desktop (scrivania) facendo scendere il menù a tendina, cliccando su selezione tipo di file scegliamo il formato gif.

7 Clicco su SALVA e compare la schermata seguente ove scelgo di convertire l immagine in indicizzata e clicco su ESPORTA Menù a tendina: scorro e scelgo scrivania

8 CONVERTO ED ESPORTO Ora clicco su SALVA

9 Apriamo ora la seconda immagine che vogliamo inserire in questa prima che ci fa da sfondo. Salvo l immagine come GIF

10 Cliccando sulla cartella zippata che abbiamo minimizzato in basso

11 Ci compare la seguente schermata: sulla barra in fondo, con la stessa operazione di prima apriamo l immagine di Charlie

12 Poiché dobbiamo inserire Charlie Brown nel bosco lo copiamo posizionando il mouse sull immagine, clic destro MODIFICA e poi COPIA

13

14 Ingrandiamo l immagine del bosco minimizzato in basso, ci posizioniamo dove vogliamo inserire Charlie, tasto destro-modifica-incolla Ora Charlie appare incollato, ma è da ridimensionare:

15

16 Per ridimensionare l immagine di Charlie clicchiamo nella barra strumenti a sinistra sul simbolo strumento scala. Ci inseriamo sull immagine col mouse, clic sinistro, trasciniamo l angolo sinistro in alto dell immagine fino a che è rimpicciolita come desideriamo. Cliccando sul comando Scala della finestra nel frattempo apertasi a sinistra, l immagine compare rimpicciolita

17 Ora dobbiamo spostare Charlie, clicchiamo sulla barra strumenti a sinistra sul simbolo di spostamento, clicchiamo su Charlie, si evidenziano i bordi in movimento e trasciniamo l immagine dove vogliamo:

18 come..: Ora salviamo l immagine cliccando su File, Salva

19 Nomino l immagine bosco1, cliccando su Esplora altre cartelle scelgo di salvare su desktop (scrivania) nel menù a tendina che si aprirà, cliccando su selezione tipo di file scelgo il formato

20 GIF

21 Nel salvataggio compare la schermata a sinistra ove sceglieremo di unire i livelli perché non siamo ancora pronti per l animazione in quanto stiamo solo sovrapponendo i livelli che si avvicenderanno creando così il movimento: Clicchiamo poi su ESPORTA

22 Nella schermata successiva che ci comparirà clicchiamo su SALVA

23 Ora spostiamo Charlie con lo strumento SPOSTA. Dopo aver cliccato sul simbolo posizionarsi su Charlie e trascinarlo ove si desidera. Ora salviamo questa posizione (nuovo livello che si unirà ai primi due) come prima (FILE, SALVA COME, nominiamo bosco2.gif e salviamo sempre nella stessa cartella, per noi scrivania (desktop). Ora cambiamo ancora posizione a Charlie cliccando sull icona SPOSTA, ad esempio così, sopra ai tronchi:

24 Salviamo ancora, questa volta come bosco.3.gif Ora posizioniamo Charlie più in basso:

25 Dopo aver salvato come bosco4.gif sposto ancora Charlie

26 Salvo come bosco.4.gif ed infine sposto Charlie nella sua ultima posizione, in uscita dalla scena. Salvo l immagine come bosco5.gif. Chiudendo quest immagine con FILE-CHIUDI, mi compare la prima immagine Charlie. Chiudo anche

27 Charlie e ho la schermata di GIMP vuota: Ora apro la prima immagine bosco.gif (FILE-APRI SCRIVANIA-bosco.gif.APRI) SCRIVANIAbosco.gif-APRI e una volta aperta l immagine del bosco dovrò aprire le immagini del

28 bosco con le diverse posizioni di Charlie Brown sovrapponendo un immagine all altra (da bosco1.gif fino a bosco5.gif). Per fare ciò ora scelgo di aprire le successive immagini con APRI COME LIVELLI Scelgo di aprire la prima immagine da sovrapporre bosco1.gif

29

30 Una volta aperta, apro come livelli l immagine successiva bosco2.gif, poi apro come livelli bosco3.gif

31 e così via fino all ultima bosco5.gif. Ora per vedere l effetto animazione in anteprima clicco su FILTRI ANIMAZIONE- ESECUZIONE:

32 Ottenuta la schermata a seguire, vedrò l animazione cliccando su RIPRODUCI Ora salvo in scrivania e nomino l immagine bosco animato con estensione gif

33 Dopo aver cliccato SALVA, dovrò salvare come animazione nella successiva schermata, convertire in indicizzata ed esportare:

34 Salvo come animazione Indicizzo esporto

35 Le opzioni per la gif animata permettono di rallentare l animazione scegliendo ad esempio un ritardo maggiore di 100 millisecondi e scegliendo l opzione di usare il ritardo scelto per tutti i fotogrammi (a seconda dell effetto che si vuole ottenere, più o meno veloce, uguale in ogni momento oppure differenziato). Una volta cliccato su SALVA la nostra animazione ci attende ove l abbiamo salvata (desktop). Se vogliamo visionare i livelli della nostra immagine animata possiamo aprire la finestra LIVELLI da FINESTRE-PANNELLI AGGANCIABILI-LIVELLI

36 Così visioneremo a lato i vari livelli che abbiamo sovrapposto uno sull altro:

37 Ora let s minimize GIMP e andiamo sul desktop ad aprire la nostra creazione animata! Un suggerimento: per rendere più realistica l animazione è meglio inserire l immagine di Charlie senza sfondo, ovvero con fondo trasparente.