elaborazione di immagini - itisfondi.it · elaborazione di immagini. informatica applicata...

Informatica Applicata Prof.Emanuela Zilio

1

Photoshopelaborazione di immagini


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)


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)


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)


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


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!!!


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


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.)


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)


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


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


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


13

Metodi di colore

Sintesi additiva(frequenze luminose)

RGB

VS

Sintesi sottrattiva(inchiostri)

CMYK


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


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


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)


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


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


19

Conversione metodo colore


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


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


22



23


Lab, RGB, CMYK = 8bit per canale

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

Photoshop gestisce anche 16bit per canale, conalcune limitazioni.


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à.


25

L’interfaccia di Photoshop

Palettestrumenti

Finestraimmagine

Palette mobili

Barra di stato

Pannello opzioni

Barra dei menu


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)


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)


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


29

Barra delle opzioni

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


30

Palette mobili

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

Finestra >Mostra/Nascondi …


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.


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


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.


34

Mascherare un livello

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


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


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


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


38

Selettore coloreColore in corso di selezione

Metodi colore

Colore precedentemente selezionato

Opzione vincolaPalette WEB


39

Palette Campioni

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


40

Strumenti di selezione


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


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


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


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


45

Strumento Sposta

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


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


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


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


49

Strumento Contagocce

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

*i valori vengono presentati nella palette Info


50

Strumenti di disegno bitmap

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


51

I Pennelli

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

DimensioneDurezzaSpaziaturaTextureEtc.


52

Strumento Secchiello

Permette di riempire pixel adiacenti con il colore di primo piano

Opzioni: tolleranza


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


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


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


56

Strumento Timbro clone/pattern

Permette di riprodurre una porzione di immagine campionata

Spesso utilizzato nel ritocco dei difetti in fotografia


57

Strumento Sfumino

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


58

Strumento Sfoca

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


59

Strumento Contrasta

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


60

Strumento Scherma

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


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


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


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


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


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)


66

Creare un file

Menu File > Nuovo

Opzioni:NomeDimensioniRisoluzioneMetodo di colore


67

Salvare I file

Menu File > Salva o Salva con nome

Opzioni:DoveFormatoSalva LivelliColore Incorpora profilo


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


69

Salvare in formato JPEG

File > Salva con nome o Salva per WebFormato: JPEG

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


70

Regolazioni sulle immagini

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

ColoreToniContrastoEtc.


71

Regolazioni: livelli di regolazione

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

Menu Livello > Nuovo Livello di regolazione > …


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


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)


74

Regola Luminosità/Contrasto…

Immagine > Regola > Luminosità/Contrasto

Interviene sui toni dell’immagine nel suo complesso*

*cfr. Regola Livelli


75

Regola Livelli

Immagine > Regola >Livelli

Si agisce su una rappresentazione della distribuzione dei toni

ombre,mezzitoni,luciPunto di biancoPunto di Nero


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


77

Filtri Artistico Pennellate

Produce un effetto simile alle pennellate

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


78

Filtri Distorsione Effetto sfera

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


79

Filtri Disturbo Polvere e Grana

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

Opzioni:RaggioSoglia


80

Filtri Contrasta Maschera di Contrasto

Corregge la sfocatura dovuta per es. al ricampionamento

OpzioniQuantitàRaggioSoglia

elaborazione di immagini - itisfondi.it · elaborazione di immagini. informatica applicata...

Documents