elaborazione di immagini - itisfondi.it · elaborazione di immagini. Informatica Applicata...

Post on 15-Feb-2019

232 views 2 download

Transcript of elaborazione di immagini - itisfondi.it · elaborazione di immagini. Informatica Applicata...

Informatica Applicata Prof.Emanuela Zilio

1

Photoshopelaborazione di immagini

Informatica Applicata Prof.Emanuela Zilio

2

Origine delle immagini

I programmi per l’elaborazione di immagini e la grafica permettono in genere di:

Creare immagini ex novo(con gli strumenti di disegno)

Acquisire(da scanner)

Importare(diversi formati)

Informatica Applicata Prof.Emanuela Zilio

3

Immagini vettoriali VS bitmap

Descrizione matematicaSingoli elementi facili da selezionare e modificare

VS

Ad ogni pixel un valore cromaticoRappresentano accuratamente anche le più lievi gradazioni di colore (fotografie, dipinti)

Informatica Applicata Prof.Emanuela Zilio

4

Immagini vettoriali VS bitmap

Non perdono qualità in caso di ridimensionamentoIl peso dipende dal numero e dalla complessità dei tracciati

VS

Sono le più diffuse (fotocamere, internet)Il peso dipende dalla risoluzione (e dal formato)

Informatica Applicata Prof.Emanuela Zilio

5

Digitalizzare un’immagine

FotocamereCatturano le immagini in formati standard (generalmente JPEG)

Scanner (piani, a tamburo)Acquisiscono per riflessioneVengono controllati con apposito softwareAppositi Plug-in rendono possibile l’acquisizione direttamente dall’interno diPhotoshop

Informatica Applicata Prof.Emanuela Zilio

6

Risoluzione di acquisizione

Gli scanner acquisiscono in formati bitmap(raster)

È fondamentale decidere la risoluzione corretta in fase di acquisizione per ottenere risultati qualitativamente accettabili

La risoluzione ottimale dipende dalla destinazione finale!!!

Informatica Applicata Prof.Emanuela Zilio

7

Risoluzione per la stampaSi definisce in DPI (dots per inch = punti per pollice)

Fissata la dimensione in centimetri, il valore di riferimento è 300dpi o maggiore.

In media il doppio della frequenza di retino tipografico (150lpi)La frequenza di retino si misura in linee per pollice e dipende dal dispositivo usato per la stampa

Informatica Applicata Prof.Emanuela Zilio

8

Risoluzione per il video

Ad un pixel del monitor corrisponde un pixel dell’immagine

Il valore di riferimento è 72dpi

La dimensione dipende dalla risoluzione del monitor

(800x600, 1024x768, 1280x1024, etc.)

Informatica Applicata Prof.Emanuela Zilio

9

Risoluzione del monitor

La stessa immagine appare più grande se la risoluzione del monitor è bassa (800x600) e più piccola se la risoluzione del monitor è più elevata (1280x1024)

Informatica Applicata Prof.Emanuela Zilio

10

Ancora sulla risoluzione

In caso di dubbio (non si conosce l’utilizzo futuro dell’immagine)

Se prevediamo di modificare o elaborare l’immagine

-> acquisire SEMPRE alla risoluzione più alta

Informatica Applicata Prof.Emanuela Zilio

11

Altri parametri in acquisizione

Calibrare lagamma dinamica

(se il software delloscanner lo permette)

Punto di bianco: il valore di luminosità al di sopra del quale ogni punto dell’immagine risulterà bianco

Punto di nero: il valore di luminosità al di sotto del quale ogni punto dell’immagine risulterànero

Informatica Applicata Prof.Emanuela Zilio

12

Ricampionamento

Ricampionare significa cambiare la dimensione in pixel di un’immagine

>>Verso l’alto: aumentiamo i pixel utilizzando algoritmi di interpolazione

Maggiore deterioramento

>>Verso il basso: riduciamo i pixel eliminando parte dell’informazione

Deterioramento contenuto

Informatica Applicata Prof.Emanuela Zilio

13

Metodi di colore

Sintesi additiva(frequenze luminose)

RGB

VS

Sintesi sottrattiva(inchiostri)

CMYK

Informatica Applicata Prof.Emanuela Zilio

14

Metodi di colore: RGB

Sintesi additiva significa comporre ogni colore con una “miscela” di tre canali R (Red) G (Green) e B (Blue)

Intensità di luce (0-255) per canale

La somma dei tre canali alla massima intensità produce il bianco

Informatica Applicata Prof.Emanuela Zilio

15

Metodi di colore: CMYK

Sintesi sottrattiva = ottenere i colori con gli inchiostri, cioè filtrando la luce

C (Ciano), M (Magenta), Y (Yellow) e K (blacK)

Quantità di inchiostro (0%-100%) per ogni inchiostro

La somma degli inchiostri produce il nero

Informatica Applicata Prof.Emanuela Zilio

16

Altri metodi colore in Photoshop

Lab: standard per misurazioni e conversione

Bitmap: ogni pixel può essere solo bianco o nero

Scala di grigio: 256 tonalità di grigio

Duotone: combinazioni di inchiostri personalizzati

Indicizzati: palette specifiche (max 256 colori)

Informatica Applicata Prof.Emanuela Zilio

17

Gamme di colore

In base al metodo utilizzato (ed ai dispositivi di output) è possibile generare una gamma di colori differente

gli spazi cromatici non coincidono

Informatica Applicata Prof.Emanuela Zilio

18

Conversione metodo colore

Photoshop permette di passare da un metodo colore all’altro dal menu:

Immagine > Metodo …

La conversione comporta l’alterazione dei colori

Informatica Applicata Prof.Emanuela Zilio

19

Conversione metodo colore

Informatica Applicata Prof.Emanuela Zilio

20

I canali di Phoptosop

La palette Canali presenta le informazioni sul coloreVaria a seconda del metodo selezionatoConsente di aggiungere “canali alfa”

(per maschere, selezioni)

Finestra > Mostra Canali

Informatica Applicata Prof.Emanuela Zilio

21

Profondità di colore

Definisce la quantità di informazione disponibile per rappresentare il valore cromatico di un pixel

1bit = bianco o nero8bit = 28 = 256 colori24bit = 224 ≅ 16 milioni di colori

Ad una maggiore profondità corrispondono file più pesanti e immagini più accurate

Informatica Applicata Prof.Emanuela Zilio

22

Profondità di colore

Informatica Applicata Prof.Emanuela Zilio

23

Profondità di colore

Lab, RGB, CMYK = 8bit per canale

Lab, RGB = 24bitSala di grigio = 8bitCMYK = 32bit

Photoshop gestisce anche 16bit per canale, conalcune limitazioni.

Informatica Applicata Prof.Emanuela Zilio

24

Peso di un file

Il peso di un file in KB dipende da:RisoluzioneProfondità di bitIl formato, quindi l’algoritmo di compressione e scrittura dell’informazione (TIFF, GIF, JPEG, PNG)

Lavorando con file grafici è necessario usare ilgiusto compromesso tra questi fattori in bade allenecessità.

Informatica Applicata Prof.Emanuela Zilio

25

L’interfaccia di Photoshop

Palettestrumenti

Finestraimmagine

Palette mobili

Barra di stato

Pannello opzioni

Barra dei menu

Informatica Applicata Prof.Emanuela Zilio

26

Finestra immagine

Riporta in alto il nome del file e il metodo colore

Modalità (tasto F):Standard (flottante ridimensionabile)Schermo intero con menu

(fondo grigio 50%)Schermo intero senza menu

(fondo nero)

Informatica Applicata Prof.Emanuela Zilio

27

Barra di stato

Riporta informazioni come:

Il gradi di ingrandimento (Zoom) in percentualeDimensioni del file, strumento in uso, etc.

Ingombro immagine nella pagina(tenendo premuto il pulsante del mouse

sulla barra di stato)

Informatica Applicata Prof.Emanuela Zilio

28

Palette strumenti

Presenta:gli strumenti di

selezione, ritocco, disegno bitmap, disegno vettoriale sotto forma di icone

il selettore di colorel’opzione maschera velocel’opzione modalità schermoIl passaggio ad Adobe Image Ready

Informatica Applicata Prof.Emanuela Zilio

29

Barra delle opzioni

Permette di personalizzare lo strumento in usoFinestra > Mostra/Nascondi opzioni

Informatica Applicata Prof.Emanuela Zilio

30

Palette mobili

Tra le palette mobili troviamo:Livelli, Canali, TracciatiNavigatore, Info, IstogrammiStoria, AzioniColori, Campioni,Pennelli

Finestra >Mostra/Nascondi …

Informatica Applicata Prof.Emanuela Zilio

31

I Livelli

I livelli permettono di organizzare e gestire i vari componenti di un’immagine.

È possibile modificare l’aspetto e la disposizione di un elemento su un livello separato senza interferire con le altre aree dell’immagine.

Informatica Applicata Prof.Emanuela Zilio

32

Comandi Palette LivelliMetodo di fusione

Blocca(Pixel trasparenti, PixelSpostamento, tutto)

Mostra/Nascondi

AggiungiStile di Livello

Aggiungi Maschera di Livello

Aggiungi Livello di regolazione

Elimina Livello selezionato

Aggiungi Livello

Opacità (0-100%)

Riempimento (0-100%)

Opzioni livelli

Collega al livello selezionato

Crea Set di livelli

Informatica Applicata Prof.Emanuela Zilio

33

Metodi di fusione

Per i livelli (palette livelli):controlla il modo in cui il colore dei pixel di un livello viene miscelato con quelli sottostanti

Per gli strumenti (opzioni strumento):controlla il modo in cui i pixel sono influenzati da uno strumento di pittura o modifica.

Es. Normale, Dissolvi, Scurisci, Schiarisci, Moltiplica etc.

Informatica Applicata Prof.Emanuela Zilio

34

Mascherare un livello

A partire da una selezione è possibile creare una maschera di livello che ne renderà visibile solo una porzione

Informatica Applicata Prof.Emanuela Zilio

35

Livelli collegati

Per collegare livelli tra loro selezionarne uno e fare clic sul quadrato a sinistra dei livelli da collegare.

I livelli collegati (contrassegnati dall’icona “catenina”) vengono spostati insieme

Informatica Applicata Prof.Emanuela Zilio

36

Comandi Palette Canali

Visualizzare/NascondereUn canale

Creare un canale alfa

Salvare una selezioni in un canale alfa

Eliminare il canale selezionato

Creare una selezione da un canale alfa

Opzioni Canali

Canale composito

Informatica Applicata Prof.Emanuela Zilio

37

Comandi Palette TracciatiTracciato di Lavoro

Tracciato temporaneo

Riempi tracciato

Traccia bordo

Elimina tracciato selezionato

Crea nuovo tracciato

Crea Tracciato da selezione

Crea selezione da tracciato

Opzioni tracciati

Informatica Applicata Prof.Emanuela Zilio

38

Selettore coloreColore in corso di selezione

Metodi colore

Colore precedentemente selezionato

Opzione vincolaPalette WEB

Informatica Applicata Prof.Emanuela Zilio

39

Palette Campioni

Presenta i set di campioni predefiniti delle diverse palettePermette di salvare e caricare set di campioni personalizzati

Informatica Applicata Prof.Emanuela Zilio

40

Strumenti di selezione

Informatica Applicata Prof.Emanuela Zilio

41

Strumenti di selezione

Rettangolo, ellisse, lazzo, selezione poligonalePer aggiungere ad una selezione tenere premuto Shift (maiuscolo), per sottrarre tenere premuto alt durante la selezioneLa selezione viene evidenziata da una linea tratteggiata

Menu Visualizza > Mostra > Bordi selezione

Informatica Applicata Prof.Emanuela Zilio

42

Strumento Bacchetta Magica

Permette di selezionare pixel adiacenti al punto in cui si fa clic

Lavora in base ad una soglia di tolleranzaValore soglia alto = selezione più estesaValore soglia basso = selezione più ridotta

Informatica Applicata Prof.Emanuela Zilio

43

Menu Selezione

Le selezioni possono essere create e gestite anche dal menu apposito o tramite combinazione di tasti

Ctrl (mela)+A = seleziona tuttoCtrl (mela)+D = deselezionaCtrl (mela)+Maiusc+I = inversa

Informatica Applicata Prof.Emanuela Zilio

44

Anti-alias

Procedimento che crea contorni curvilinei più morbidi limitando la differenza cromatica tra i pixel di un’immagine rispetto allo sfondo

Usato nelle selezioni, nelle forme e nei testi

Informatica Applicata Prof.Emanuela Zilio

45

Strumento Sposta

permette di trascinare una selezione o un livello in una nuova posizione nell'immagine

Informatica Applicata Prof.Emanuela Zilio

46

Strumento ManoPermette di muoversi sulle varie aree dell’immagine quando la finestra non è sufficientemente grande per mostrarla interamente

Tenere premuta la barra spaziatrice mentre si usano altri strumenti

Informatica Applicata Prof.Emanuela Zilio

47

Strumento Zoom (Lente)

Permette di ingrandire la visualizzazione dell’immagine per lavorare in dettaglio

Tenere premuto alt mentre si fa clic per ridurre

Barra spaziatrice + mela (Mac) o + ctrl (Win) per selezionarlo temporaneamente mentre si sta usando un altro strumento

Informatica Applicata Prof.Emanuela Zilio

48

Palette Navigatore

Permette di variare il livello di zoom e di spostarsi tra diverse zone dell’immagine quando la finestra non consente di visualizzarla interamente

Informatica Applicata Prof.Emanuela Zilio

49

Strumento Contagocce

SI utilizza per selezionare o verificare* un colore presente nell’immagine

*i valori vengono presentati nella palette Info

Informatica Applicata Prof.Emanuela Zilio

50

Strumenti di disegno bitmap

Matita, Pennello e AerografoPermettono di disegnare aggiungendo colore ai pixel di un livelloSono altamente personalizzabili utilizzando la palette Pennelli

Informatica Applicata Prof.Emanuela Zilio

51

I Pennelli

Per gli strumenti di disegno bitmapconsente diselezionare i pennelli predefiniticreare pennelli personalizzati

DimensioneDurezzaSpaziaturaTextureEtc.

Informatica Applicata Prof.Emanuela Zilio

52

Strumento Secchiello

Permette di riempire pixel adiacenti con il colore di primo piano

Opzioni: tolleranza

Informatica Applicata Prof.Emanuela Zilio

53

Strumento Gomma

Si utilizza per eliminare il valore cromatico dei pixel di un livello

Supporta diverse opacità e i pennelli

Se usata sul livello “Sfondo” riporta al colore di sfondo

Informatica Applicata Prof.Emanuela Zilio

54

Strumenti di disegno vettoriale

Permettono di creare forme o tracciati di lavoro

Dai tracciati di lavoro si possono ottenere maschere, selezioni, tracciati di ritaglio

Informatica Applicata Prof.Emanuela Zilio

55

Usare lo strumento Penna

Il disegno vettoriale si basa su punti di ancoraggio (dove si fa clic) e maniglie (linee di forza) che producono la curvatura dei tracciati

Informatica Applicata Prof.Emanuela Zilio

56

Strumento Timbro clone/pattern

Permette di riprodurre una porzione di immagine campionata

Spesso utilizzato nel ritocco dei difetti in fotografia

Informatica Applicata Prof.Emanuela Zilio

57

Strumento Sfumino

Simula l’effetto del passaggio di un dito sul colore fresco

Informatica Applicata Prof.Emanuela Zilio

58

Strumento Sfoca

Rende più sfocate le aree dell’immagine a cui si applica, riducendo le differenze tra i pixel

Informatica Applicata Prof.Emanuela Zilio

59

Strumento Contrasta

Rende più nitide le aree dell’immagine a cui si applica

Informatica Applicata Prof.Emanuela Zilio

60

Strumento Scherma

Schiarisce il punto in cui si applica, come se si limitasse l’esposizione di una carta fotografica in fase di stampa

Informatica Applicata Prof.Emanuela Zilio

61

Strumento Brucia

rende più scural’area su cui si applica, come se si aumentasse l’esposizione di una carta fotografica in fase di stampa

Informatica Applicata Prof.Emanuela Zilio

62

Strumento Spugna

Permette di aumentare o ridurre* la saturazione (purezza de colore) del punto dell’immagine al quale si applica

*in base ad una opzione

Informatica Applicata Prof.Emanuela Zilio

63

Strumento Testo

Permette di aggiungere testo (o selezioni basate sul contorno del testo) direttamente all’immagine, e di variare dimensioni, font*, colori, orientamento, stili

Crea un livello separato

*Dipende dai caratteri installati

Informatica Applicata Prof.Emanuela Zilio

64

Testo indipendente VS paragrafo

Per creare testo semplice è sufficiente cliccare e digitare il testo

Per creare un paragrafo cliccare e trascinare per definire i contorni del blocco di testo, il testo si adatterà andando a capo automaticamente

È possibile modificare le proprietà del testo dalle opzioni dello strumento testo

Informatica Applicata Prof.Emanuela Zilio

65

Aprire un file

Menu File > Apri.

Selezionare il nome del file da aprire. opzione per visualizzare tutti i file dai menu a comparsa Tipo file (Windows) o Mostra (Mac OS-OSX)opzione Mostra anteprima (Mac OS-OSX)

Informatica Applicata Prof.Emanuela Zilio

66

Creare un file

Menu File > Nuovo

Opzioni:NomeDimensioniRisoluzioneMetodo di colore

Informatica Applicata Prof.Emanuela Zilio

67

Salvare I file

Menu File > Salva o Salva con nome

Opzioni:DoveFormatoSalva LivelliColore Incorpora profilo

Informatica Applicata Prof.Emanuela Zilio

68

Salvare in formato GIFFormato: CompuServe GIF

Compare la finestra di dialogo Scala di colore

Opzioni:Palette

EsattaSistema (Mac OS) o Sistema (Windows)WebUniformePercettivaSelettiva

Dithering (Diffusione, Pattern, etc.)Interlacciato

Informatica Applicata Prof.Emanuela Zilio

69

Salvare in formato JPEG

File > Salva con nome o Salva per WebFormato: JPEG

Opzioni:Qualità (0-12)Formato Linea di baseDimensione

Informatica Applicata Prof.Emanuela Zilio

70

Regolazioni sulle immagini

Photoshop nasce come strumento di ritocco fotograficoOffre diversi strumenti di regolazione su:

ColoreToniContrastoEtc.

Informatica Applicata Prof.Emanuela Zilio

71

Regolazioni: livelli di regolazione

Per modificare una immagine senza alterare i livelli sottostanti in modo permanente

Menu Livello > Nuovo Livello di regolazione > …

Informatica Applicata Prof.Emanuela Zilio

72

Regola Tonalità/Saturazione…

Menu Immagine > Regola >Tonalità/Saturazione…

Può essere applicata al canale master o ai singoli canali

Opzione “colora” (“colorize”) per ottenere viraggi

Informatica Applicata Prof.Emanuela Zilio

73

Tonalità/Saturazione/Luminosità

TonalitàPosizione sulla ruota dei colori standard

SaturazionePurezza del colore, quantità di grigio in rapporto alla tonalità

LuminositàLa chiarezza relativa del colore (da nero a bianco)

Informatica Applicata Prof.Emanuela Zilio

74

Regola Luminosità/Contrasto…

Immagine > Regola > Luminosità/Contrasto

Interviene sui toni dell’immagine nel suo complesso*

*cfr. Regola Livelli

Informatica Applicata Prof.Emanuela Zilio

75

Regola Livelli

Immagine > Regola >Livelli

Si agisce su una rappresentazione della distribuzione dei toni

ombre,mezzitoni,luciPunto di biancoPunto di Nero

Informatica Applicata Prof.Emanuela Zilio

76

I Filtri di Photoshop

Possono essere veri e propri programmi indipendenti sviluppabili anche da terze parti come plug-in

Si applicano ai livelli attivi e visibili, o alle selezioni

Alcuni funzionano solo con immagini RGB

Informatica Applicata Prof.Emanuela Zilio

77

Filtri Artistico Pennellate

Produce un effetto simile alle pennellate

Opzioni:Dimensione pennelloNitidezzaTipi di pennello (normale, ruvido chiaro, etc.)

Informatica Applicata Prof.Emanuela Zilio

78

Filtri Distorsione Effetto sfera

Avvolge una selezione attorno ad una forma sferica creando una illusione tridimensionale

Informatica Applicata Prof.Emanuela Zilio

79

Filtri Disturbo Polvere e Grana

Riduce il disturbo modificando i pixel che si discostano dal valore medio di quelli vicini

Opzioni:RaggioSoglia

Informatica Applicata Prof.Emanuela Zilio

80

Filtri Contrasta Maschera di Contrasto

Corregge la sfocatura dovuta per es. al ricampionamento

OpzioniQuantitàRaggioSoglia