1Palma AM - G5

TUTORIALTUTORIAL

GIMPGIMP per realizzare immagini con per realizzare immagini con

trasparenze e trasparenze e creare immagini creare immagini concon animazionianimazioni

EXIT

2Palma AM - G5

GIMP GIMP sfondi trasparenti per immagini a sfondi trasparenti per immagini a

portata di clicportata di clic

Animazioni

3Palma AM - G5

Scegliere l’immagineScegliere l’immagine

Avviare Avviare GIMPGIMP Aprire l’immagine di cui si vuole modificare lo sfondo Aprire l’immagine di cui si vuole modificare lo sfondo

selezionando selezionando File-ApriFile-Apri Selezionare il file da utilizzare e cliccare suSelezionare il file da utilizzare e cliccare su Apri, Apri, ottenendo la ottenendo la

finestrafinestra della figura 1della figura 1

Figura 1 – Figura 1 – file immagine da modificarefile immagine da modificare

4Palma AM - G5

Attivare il Canale alfaAttivare il Canale alfa Cliccare con il Cliccare con il tasto destrotasto destro del mouse sull’immagine del mouse sull’immagine Nei menù contestuali apparsi nella finestra selezionare Nei menù contestuali apparsi nella finestra selezionare Livello - Trasparenza - Aggiungi canale alfa, Livello - Trasparenza - Aggiungi canale alfa, come nella come nella

figurafigura 22 L’attivazione del L’attivazione del Canale alfaCanale alfa si ottiene anche cliccando sul menù a si ottiene anche cliccando sul menù a

discesadiscesa Livello – Trasparenza – Aggiungi canale alfa Livello – Trasparenza – Aggiungi canale alfa

Figura 2 – Figura 2 – finestra con apertura menù contestualifinestra con apertura menù contestuali

5Palma AM - G5

Strumenti di selezioneStrumenti di selezione Nel pannello agganciabile Nel pannello agganciabile Strumenti Strumenti scegliere lo strumento scegliere lo strumento

selezione selezione FuzzyFuzzy, figura 3, figura 3 Cliccare sullo sfondo da rendere trasparente per attivare la Cliccare sullo sfondo da rendere trasparente per attivare la

selezioneselezione

Cliccare con il Cliccare con il tasto destrotasto destro sull’immagine e, nel menù contestuale sull’immagine e, nel menù contestuale apparso, selezionareapparso, selezionare

Modifica – CancellaModifica – Cancella, come nella figura 4, come nella figura 4

Figura 3Figura 3 – finestra Strumenti – finestra Strumenti Figura 4Figura 4 – finestra con apertura – finestra con apertura menù contestualimenù contestuali

6Palma AM - G5

Salvare il fileSalvare il file Lo sfondo dell’immagine assume un aspetto a scacchi grigi Lo sfondo dell’immagine assume un aspetto a scacchi grigi Cliccare con il Cliccare con il tasto destrotasto destro sull’immagine e selezionare sull’immagine e selezionare File – Salva File – Salva

come …come … nei menù apparsi nella finestra o dal menù a discesa, figura 5 nei menù apparsi nella finestra o dal menù a discesa, figura 5 Nella finestra Nella finestra Salva immagine Salva immagine inserire ilinserire il nome del file, nome del file, la la cartella cartella

di destinazione di destinazione e ile il tipo di file (Immagine GIF) tipo di file (Immagine GIF), , ccliccare suliccare su Salva, Salva, figura 6figura 6

Figura 5Figura 5 – sfondo a scacchi grigi e menù contestuali – sfondo a scacchi grigi e menù contestuali Figura 6Figura 6 – finestra salva – finestra salva immagineimmagine

7Palma AM - G5

Immagine con sfondo trasparenteImmagine con sfondo trasparente

Immagine con sfondo trasparente salvata nella cartella di Immagine con sfondo trasparente salvata nella cartella di destinazione,figura 7destinazione,figura 7

Figura 7Figura 7 – immagine – immagine dopo l’eliminazione dello sfondodopo l’eliminazione dello sfondo

8Palma AM - G5

GIMPGIMP immagini animate a portata di clicimmagini animate a portata di clic

9Palma AM - G5

Organizzare l’animazioneOrganizzare l’animazione

Per creare un’immagine Per creare un’immagine gifgif animata è necessario animata è necessario realizzare diverse immagini che organizzeranno realizzare diverse immagini che organizzeranno l’animazione, figura 8l’animazione, figura 8

Figura 8Figura 8 – esempio di immagini per la costruzione della – esempio di immagini per la costruzione della gif animatagif animata

10Palma AM - G5

Aprire l’immagineAprire l’immagine

Avviare Avviare GIMPGIMP Aprire l’immagine con cui si vuole creare l’animazione Aprire l’immagine con cui si vuole creare l’animazione

selezionando selezionando File-ApriFile-Apri Selezionare il file da utilizzare e cliccare suSelezionare il file da utilizzare e cliccare su Apri, Apri, figura 9figura 9

Figura 9Figura 9 – la finestra – la finestra Apri immagineApri immagine di GIMP di GIMP

11Palma AM - G5

La finestra LivelliLa finestra Livelli

Aprire la finestra Aprire la finestra Livelli Livelli dal menùdal menù a discesaa discesa Finestre – Pannelli agganciabili – LivelliFinestre – Pannelli agganciabili – Livelli, come nella figura , come nella figura

1010 A tal punto si visualizza il pannello A tal punto si visualizza il pannello Livelli, figura 11Livelli, figura 11

Figura 10 Figura 10 - contesto per aprire - contesto per aprire Livelli Livelli Figura 11Figura 11 - scenario dopo - scenario dopo l’apertura di l’apertura di LivelliLivelli

12Palma AM - G5

Inserire la serie di immaginiInserire la serie di immagini

Dal menù Dal menù File - Apri come File - Apri come livellilivelli immettere la serie di immettere la serie di immagini create immagini create precedentemente per precedentemente per visualizzarle nel pannello visualizzarle nel pannello LivelliLivelli, figura 12, figura 12

Figura 12Figura 12 – Il pannello – Il pannello LivelliLivelli

dopo l’apertura di tutte dopo l’apertura di tutte immagini immesseimmagini immesse

13Palma AM - G5

Riprodurre l’immagine animataRiprodurre l’immagine animata

Verificare l’animazione Verificare l’animazione attraverso il percorso attraverso il percorso

Filtri- Animazione- Filtri- Animazione- Esecuzione, Esecuzione, cui seguirà cui seguirà l’apertura della finestral’apertura della finestra Esecuzione animazione,fEsecuzione animazione,figura igura 1313

Utilizzare i tastiUtilizzare i tasti Riproduci Riproduci, , PassoPasso e e RiavvolgiRiavvolgi per per riprodurre l’animazione, per riprodurre l’animazione, per procedere di un fotogramma e procedere di un fotogramma e per tornare indietroper tornare indietro

La casella La casella Velocità di Velocità di riproduzioneriproduzione consente di consente di regolare la velocità di regolare la velocità di riproduzione dell’animazione riproduzione dell’animazione

Figura 13 Figura 13 – Finestra di Esecuzione – Finestra di Esecuzione

animazioneanimazione

14Palma AM - G5

Salvare il file GIFSalvare il file GIF

Ottimizzare l’immagine Ottimizzare l’immagine selezionando selezionando Filtri – Filtri – animazione – Ottimizza (per animazione – Ottimizza (per GIF) GIF) e si aprirà la finestra e si aprirà la finestra della figura 14 della figura 14

Salvare l’immagine cliccando Salvare l’immagine cliccando File - salva come …, Inserire File - salva come …, Inserire ilil percorso di destinazione - percorso di destinazione - Il nome del file Il nome del file con con estensioneestensione GIF (nomefile.gif) GIF (nomefile.gif) e cliccare su e cliccare su SalvaSalva

Figura 14 – Figura 14 – finestra immagine in finestra immagine in cui salvare l’immagine GIF cui salvare l’immagine GIF animataanimata

15Palma AM - G5

Salvare l’animazione GIFSalvare l’animazione GIF

All’apertura della finestra di dialogo All’apertura della finestra di dialogo Esporta File, Esporta File, selezionareselezionare Salva Salva come animazione come animazione e cliccare sue cliccare su Esporta Esporta, figura, figura 1515

Si aprirà la finestra Si aprirà la finestra Salva come GIF Salva come GIF nella quale è possibile effettuare nella quale è possibile effettuare opzioni sui ritardi da applicare ai fotogrammi e poi cliccare su opzioni sui ritardi da applicare ai fotogrammi e poi cliccare su Salva, Salva, figura 16figura 16

Figura 15 Figura 15 – finestra– finestra Esporta File Esporta File Figura 16 Figura 16 – finestra– finestra Salva Salva come GIFcome GIF

16Palma AM - G5

Buon Buon lavorolavoro!!

GIMP

Immagini con sfondo trasparente

Animazioni GIF

EXIT

Modulo Modulo Immagini DigitaliImmagini Digitali

Immagini tratte da Materiali del corso Immagini tratte da Materiali del corso DOL-diploma on line del Politecnico di DOL-diploma on line del Politecnico di

Milano Milano girotondo.jpggirotondo.jpg

Charlie Brown.gifCharlie Brown.gifPresentazione PPT realizzata daPresentazione PPT realizzata da

Anna Maria Palma – Classe G5Anna Maria Palma – Classe G5 EXIT