Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri...

25
2B IPIA – 2017/2018 Prof. Massimo Nicolai Esercizio 1 - GIMP

Transcript of Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri...

Page 1: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

2B IPIA – 2017/2018

Prof. Massimo Nicolai

Esercizio 1 - GIMP

Page 2: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP

Lavorare con le immagini, può essere un’esperienza appagante, come può rivelarsi altamente frustrante, soprattutto quando le usiamo per arricchire le nostre produzioni.

Vediamo come procedere per effettuare lo scontorno di una immagine. Ma che cosa è uno scontorno?

In pratica, si tratta di togliere da una immagine tutti gli oggetti o le parti che non interessano lasciando solo gli elementi desiderati.

2

Page 3: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 1

Con il comando apri selezioniamo un’immagine realizzata da noi

o scaricata da internet.

Qui sotto potete scaricare questa foto che ritrae il Capital Gate di

Abu Dhabi che ci servirà per il nostro lavoro, ma la stessa cosa è

fattibile con qualunque altra immagine:

3

Page 4: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 2

Aperta l’immagine su GIMP, utilizziamo lo strumento rettangolo elastico (vedi palette qui a sinistra) e selezioniamo solo la porzione di immagine che ci interessa escludendo tutto il resto (dobbiamo avere chiaramente il mente quale è lo scopo per cui dovremo utilizzare questa immagine).

Il rettangolo elastico, evidenzierà l’area selezionata dell’immagine (vedi foto a destra).

4

Page 5: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 3

Dal menù IMMAGINE, selezioniamo il comando Ritaglia alla Selezione. Con questo comando, l’immagine verrà ritagliata lungo i bordi della selezione cancellando il resto.

Il programma ci darà sempre la possibilità di tornare

indietro quando non siamo soddisfatti del risultato o

riteniamo di aver sbagliato, con il comando Annulla o

dalla palette Cronologia annullamenti.

5

Page 6: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 4

Utilizzeremo adesso uno degli strumenti avanzati del programma: Fuzzy o Bacchetta

magica consente di selezionare aree di immagine secondo specifiche che possiamo

facilmente definire. Proviamo a togliere il cielo attorno all’edificio

Per agire con maggiore precisione, possiamo ingrandire l’immagine a

video. In GIMP ingrandire o ridurre un’immagine è semplicissimo,

basta premere i tasti + e – sul tastierino numerico.

Per spostare, invece, un’immagine sullo schermo (quando questa ne

fuoriesce), basta tenere premuta la barra spaziatrice della tastiera e

spostare il mouse senza premere alcun tasto.

6

Page 7: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 5

La palette Opzioni Strumento mostra una serie di parametri e di settaggi

che cambiano a seconda dello strumento selezionato. Nel caso dello

strumento Fuzzy, come si può vedere, vengono evidenziate alcune possibili

scelte. L’opzione Antialiasing, ad esempio, consente una selezione più

precisa dei colori e l’opzione Margini sfumati evita che la selezione risulti

tutta seghettata

Importantissimi per una selezione accurata sono, poi, i campi Raggio e Soglia.

7

Page 8: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

SCONTORNIAMO UN’IMMAGINE CON GIMP - 5

La soglia, rappresenta la precisione con la quale il comando selezionerà i

colori in base al punto toccato sull’immagine. In pratica cliccando su un

punto specifico lo strumento selezionerà il suo colore caratterizzato anche da

una precisa intensità. La soglia informa lo strumento di selezionare colori

simili a quello individuato, all’interno del range selezionato (in questo caso

15%). Se aumento questo valore, i colori selezionati saranno di più e quindi

l’area di selezione sarà maggiore perché maggiore la distanza tra il colore

selezionato e quelli che lo strumento deve ritenere simili

Il comando raggio consente di aumentare il numero di pixel da fumare intorno alla selezione

Per aggiungere un’area di selezione ad un’altra, bisogna tenere premuto il tasto SHIFT (maiuscole). Vi

accorgerete di questo perché all’icona dello strumento Fuzzy, si aggiungerà un segno +, mentre se

vorrete sottrarre aree alla selezione in corso, dovrete tenere premuto il tasto CMD (comando). Anche

in questo caso vi accorgerete del cambiamento perché l’icona dello strumento Fuzzy si arricchirà di

un segno –. Procedete sempre cliccando con il mouse all’incirca al centro dell’area di colore che volete

selezionare. È sconsigliabile cliccare vicino ai bordi.

8

Page 9: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

IL CANALE ALFA -1

A questo punto prepariamo il lavoro per il passo successivo. Creiamo il Canale Alfa. Il Canale Alfa

è un canale aggiuntivo che descrive il grado di trasparenza/opacità di ogni pixel dell’immagine.

Dal menù Livello, bisogna selezionare il

comando Trasparenza e di seguito la

voce Aggiungi il canale alfa.

9

Page 10: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

IL CANALE ALFA -2

Dal menù Livello, bisogna selezionare il

comando Trasparenza e di seguito la

voce Aggiungi il canale alfa.

A questo punto procediamo a cancellare il

cielo attorno all’edificio. Premendo il tasto

destro del mouse selezioniamo il

comando Modifica e poi Cancella oppure

dal menu Modifica

selezioniamo Cancella oppure ancora

premendo semplicemente il tasto Canc sulla

nostra tastiera.

10

Page 11: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

IL CANALE ALFA -3

Otterremo il seguente risultato:

11

Page 12: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

IL CANALE ALFA -4

Otterremo il seguente risultato:

In pratica, grazie al canale alfa, la parte scontornata

che cancelleremo sarà sostituita con uno sfondo

quadrettato. Questo rappresenta il grado di

trasparenza dei pixel sostituiti e ci sarà utile per il

prossimo esercizio.

In questo modo, siamo riusciti a ottenere una

rappresentazione del solo edificio, privo

dell’immagine di sfondo, a cui abbiamo sostituito

uno spazio trasparente. Questo ci consentirà

di giocare con l’immagine e trasformarla a nostro

piacimento

12

Page 13: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

2B IPIA

Esercizio 2 - GIMP

Page 15: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2

Vediamo come fare. Aprite il vostro rullino fotografico o cercate un’immagine su internet da poter

utilizzare come sfondo. Aprite quest’immagine con GIMP e dal menu Seleziona, scegliete il

comando Tutto. In questo modo avrete selezionato l’intera immagine: dal menu Modifica,

selezionate il comando Copia. L’immagine che dovrà fungere da sfondo è adesso nella memoria

del nostro computer.

15

Page 16: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2

Torniamo sull’immagine del Capital Gate scontornata e sempre dal menu Modifica

premiamo il comando Incolla come e scegliamo Nuovo livello.

L’immagine verrà incollata sopra il Capital Gate nascondendolo completamente 16

Page 17: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2 L’immagine verrà incollata sopra il Capital Gate nascondendolo completamente

17

Page 18: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2

Noterete che sulla palette Livelli Pennelli, è

comparso un altro livello chiamato Appunti e

nella miniatura si vede l’immagine che

abbiamo incollato.

Per fare in modo che la nuova immagine

faccia da sfondo, dobbiamo portarla in basso,

sotto il livello Capital Gate. Basterà

selezionare il livello Appunti e cliccare

sulla freccia verde rivolta verso il basso.

18

Page 19: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2

Il livello si troverà automaticamente sotto quello chiamato Capital Gate. Adesso l’immagine è sotto

quella del Capital Gate e trasparirà nello spazio che abbiamo scontornato e reso trasparente con il

canale alfa.

19

Page 21: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2: Come salvare? Dal menu File, selezioniamo il

comando Esporta come…, e

dalla finestra di dialogo che si

aprirà, selezioniamo un formato

di file che supporta il canale alfa

ad esempio PNG. Diamo un

nome al file, scegliamo la

destinazione dove archiviarlo e

premiamo il pulsante Esporta.

Si aprirà una seconda finestra di

dialogo che ci chiederà la

conferma di alcune

caratteristiche che vogliamo

inserire nel file di registrazione.

E’ importante spuntare la

voce Salva colore di

sfondo in modo ma mantenere

la trasparenza nel nostro file.

21

Page 22: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2: Come salvare?

Si aprirà una seconda finestra

di dialogo che ci chiederà la

conferma di alcune

caratteristiche che vogliamo

inserire nel file di

registrazione.

E’ importante spuntare la

voce Salva colore di

sfondo in modo ma

mantenere la trasparenza nel

nostro file.

22

Page 23: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

ESERCIZIO 2: Come salvare?

NOTA:

• Il formato .xcf permette di salvare il lavoro in formato

«gimp» ovvero riutilizzabile dal programma.

• Saranno infatti memorizzati i livelli, colori, scontorni etc….

• Formati jpeg e png non prevedono di risalire alle operazioni

fatte sulle immegini! Ma solo al risultato finale ottenuto!!

23

Page 24: Esercizio 1 - GIMP · 2018-12-27 · SCONTORNIAMO UN’IMMAGINE CON GIMP - 1 Con il comando apri selezioniamo un’immagine realizzata da noi o scaricata da internet. Qui sotto potete

2B IPIA

Esercizio 3 - GIMP