gimp tutorial: trasparenza e animazione
DESCRIPTION
TRANSCRIPT
![Page 1: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/1.jpg)
EducARTiamoci con Gimp
C.Crocco
Trasparenza e animazione
![Page 2: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/2.jpg)
C.Crocco
logogimp.jpg logogimp.png
![Page 3: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/3.jpg)
C.Crocco
Come rendere trasparente un’immagine
![Page 4: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/4.jpg)
Aprire l'immagine con “Apri...”
C.Crocco
![Page 5: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/5.jpg)
Aggiungere il canale alfa della trasparenza
Il formato jpg non fornisce informazioni di trasparenza come il png
C.Crocco
![Page 6: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/6.jpg)
Con lo strumento “selezione colore”del toolbox procedere alla selezione dello sfondo, che col tasto “canc” della tastiera verrà cancellato quindi reso trasparente
Clicca sullosfondo canc
oltre alla selezione per colore può essere usata la selezione rettangolare ed ellittica , la selezione a mano libera,la selezione fuzzy (in base alle regioni di uno stesso colore), le forbici intelligenti e la selezione del primo piano.
C.Crocco
![Page 7: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/7.jpg)
Nominare e salvare il file come png nella cartella di destinazione
C.Crocco
![Page 8: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/8.jpg)
Cliccare su “esporta” e poi su “salva”
C.Crocco
![Page 9: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/9.jpg)
C.Crocco
Come creare un’immagine animata
![Page 10: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/10.jpg)
Aprire il file di sfondo del logo già precedentemente reso trasparente e salvato come .png (livello sfondo)
C.Crocco
![Page 11: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/11.jpg)
Aprire … con “Apri come livelli...” la seconda immagine anch'essa già precedentemente salvata con sfondo trasparente. Apparirà come livello 1 nella finestra dei livelli
Le icone “occhio” sono entrambe attive per cui i livelli e le relative immagini sono sovrapposti
C.Crocco
![Page 12: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/12.jpg)
Chiudere l'occhio dello sfondo e dimezzare nella finestra le dimensioni dell'immaginedel livello 1 con lo strumento“scala” . Cliccare su “scala”per applicare la modifica
Clicca sull'immagin
e
Il ridimensionamento può avvenire anche trascinando l'angolo dell'area che si sovrappone all'immagine fino alla dimensione desiderata, non perdendo le proporzioni.
C.Crocco
![Page 13: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/13.jpg)
Riattivare i 2 livelli cliccando sull'occhio ,selezionare il primo e procedere allo spostamento dell'immagine del livello 1 sull'area desiderata dello sfondo con lo strumento “sposta livelli”
C.Crocco
![Page 14: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/14.jpg)
Inserire il testo selezionando lo strumento testo,cliccare nell'area di lavoro e apparirà la finestra «Editor di testi»in cui digitare il testo da immettere. Dalla finestra «opzioni» scegliere le dimensioni, il carattere, il colore ed il tipo di allineamento Alla chiusura della finestra editor viene generato un nuovo livello di Testo a cui si possono apportare tutte le modifiche che si desiderano.
C.Crocco
![Page 15: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/15.jpg)
Passare a visualizzare un'anteprima di animazione basata sui livellipoi alla sua ottimizazzione per Gif
L'animazione crea altri livelli in base al tipo scelto nei “Filtri”attraverso i quali si possono creare anche effetti diversi
C.Crocco
![Page 16: Gimp Tutorial: trasparenza e animazione](https://reader034.vdocumenti.com/reader034/viewer/2022050804/548cec0cb47959e20c8b650d/html5/thumbnails/16.jpg)
Salvare l'immagine in estensione Gif e successivamente come animazione; cliccando su “Esporta”apparirà una finestrain cui attivare il “ciclo infinito”, impostare il “ritardo” dei fotogrammi e la loro “disposizione”
C.Crocco