Gimp Tutorial: trasparenza e animazione

16
EducARTiamoci con Gimp C.Crocco Trasparenza e animazione

description

 

Transcript of Gimp Tutorial: trasparenza e animazione

Page 1: Gimp Tutorial: trasparenza e animazione

EducARTiamoci con Gimp

C.Crocco

Trasparenza e animazione

Page 2: Gimp Tutorial: trasparenza e animazione

C.Crocco

logogimp.jpg logogimp.png

Page 3: Gimp Tutorial: trasparenza e animazione

C.Crocco

Come rendere trasparente un’immagine

Page 4: Gimp Tutorial: trasparenza e animazione

Aprire l'immagine con “Apri...”

C.Crocco

Page 5: Gimp Tutorial: trasparenza e animazione

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

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

Nominare e salvare il file come png nella cartella di destinazione

C.Crocco

Page 8: Gimp Tutorial: trasparenza e animazione

Cliccare su “esporta” e poi su “salva”

C.Crocco

Page 9: Gimp Tutorial: trasparenza e animazione

C.Crocco

Come creare un’immagine animata

Page 10: Gimp Tutorial: trasparenza e animazione

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

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

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

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

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

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

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