informatica avanzata trattamento di foto e immagini digitali uni3 - nichelino lez. n. 5 - 16 gennaio...
TRANSCRIPT
![Page 1: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/1.jpg)
Informatica AvanzataInformatica Avanzata
Trattamento di Foto e Immagini Trattamento di Foto e Immagini DigitaliDigitali
UNI3 - NICHELINOUNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009Lez. N. 5 - 16 Gennaio 2009
di Pautasso Lucianodi Pautasso Lucianowww.ezguide.too.itwww.ezguide.too.it
![Page 2: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/2.jpg)
I LIVELLI DI REGOLAZIONEI LIVELLI DI REGOLAZIONE• I livelli di regolazione consentono di
modificare l’effetto finale dei livelli sottostanti (solo quelli), senza realmente modificare gli stessi e senza influire su quelli sovrastanti.
• Esempi di regolazioni ottenibili sono luminosità, contrasto ecc.
![Page 3: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/3.jpg)
Inseriamo un livello di regol.Inseriamo un livello di regol.
![Page 4: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/4.jpg)
Inseriamo un livello di regol.Inseriamo un livello di regol.• Immagine provalivelli.psp• Posizioniamoci sopra il livello OBAMA • Livelli -> Nuovo Livello di
Regolazione -> Luminosità/Contrasto• Selezioniamo Luminostità -100• Cambiano solo i livello sotto (si
scuriscono)• Livelli Testo e farfalle sono invariati
![Page 5: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/5.jpg)
![Page 6: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/6.jpg)
E’ comparso il nuovo livelloE’ comparso il nuovo livello• Possiamo
sempre modificarloe spostarlo
![Page 7: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/7.jpg)
Modalità di MiscelazioneModalità di Miscelazione• Ci sono diversi modi in cui i livelli
vengono miscelati: NORMALE, SCURISCI, SCHIARISCI, ECC ECC
• Ogni modalità genera un effetto diverso
![Page 8: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/8.jpg)
Proviamo con MontagnaRGBProviamo con MontagnaRGB• Cambiamo le
modalità di miscelazione ed osserviamol’effetto finale
![Page 9: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/9.jpg)
Rifinire i LivelliRifinire i Livelli• Quando copiamo un oggetto che
arriva da uno sfondo chiaro su uno sfondo scuro, ci sono pixel chiari che disturbano.
![Page 10: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/10.jpg)
Livelli -> Rifinisci -> Elimina Livelli -> Rifinisci -> Elimina SfrangiatureSfrangiature
![Page 11: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/11.jpg)
Ecco il risultato prima-dopoEcco il risultato prima-dopo
![Page 12: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/12.jpg)
Proviamo su psp con: Proviamo su psp con: provasfrangiatura1.pspprovasfrangiatura1.psp -- -- provasfrangiatura2.pspprovasfrangiatura2.psp
![Page 13: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/13.jpg)
Rifinire i LivelliRifinire i Livelli• Insieme ad elimina sfrangiature ci
sono anche elimina opachi bianchi ed elimina opachi neri.
• Vanno usati allo stesso modo con sfondi molto scuri (neri) o molto chiari (bianchi)
![Page 14: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/14.jpg)
I COLORII COLORI
ApprofondimentiApprofondimentiI numeri I numeri EsadecimaliEsadecimali
![Page 15: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/15.jpg)
La notazione DecimaleLa notazione Decimale• Noi tutti impariamo a contare in
notazione decimale 0, 1, 2, 3, 4, 5, 6, 7, 8, 910, 11, 12, 13, 14, 15, 16, 17, 18, 1920, 21, 22, 23, 24, 25, 26, 27, 28, 2930 ecc ecc
• Con 2 cifre il numero più alto è 99(ovvero massimo 100 valori)
![Page 16: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/16.jpg)
La notazione esadecimaleLa notazione esadecimale• Immaginiamo di dover contare per 16
anziché per 10• Dopo 8, e 9 usiamo le prime 6 lettere
dell’alfabeto: 0 1 2 3 4 5 6 7 8 9 A B C D E F10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 11 1F20 21 22 23 24 25 26 27 28 29 2A 2B 2C 2D 21 2F30 .. - .. 80 .. 90 .. A0 .. B0 .. C0 .. D0 .. E0 .. F0 .. FF
• Con due cifre il numero più alto è il FF • F vale 15 in decimale , FF vale 255 in decimale
![Page 17: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/17.jpg)
I colori su PSP e sul WEBI colori su PSP e sul WEB• Sono sempre espressi in notazione
esadecimale• Hanno 3 numeri (valore del RGB) da
due cifre, totale 6 caratteri preceduti da cancelletto #
• Il nero vale 00 00 00 (#000000)• Il bianco vale FF FF FF (#FFFFFF)
![Page 18: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/18.jpg)
La tavolozza colori:La tavolozza colori:Mostra sempre il (codice HTML) valore
numerico di ogni coloreOgni colore ha un codice numerico
Rosso = #FF0000Verde = #00FF00Blu = #0000FF
Serve quando si vuole la sicurezza matematica che stiamo usando il colore giusto.
![Page 19: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/19.jpg)
Preleviamo un colorePreleviamo un colore• Strumento
Preleva Colore• Scorriamo una
immagine eclick
• Ora doppio click sulla tavolozza
![Page 20: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/20.jpg)
Leggiamo il codice HTMLLeggiamo il codice HTML• Il violetto selezionato
ha il codice D3 5D DB• D3 = 211 in decimale• 5D = 93 in decimale• BD = 189 in decimale• Sono i valori di R G B
(Red Green Blue)Rosso Verde Blu
![Page 21: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/21.jpg)
Prove numeriche sui coloriProve numeriche sui colori• Proviamo a portare R G B al massimo, uno
alla volta (valore FF) ed otteniamo il colore bianco FFFFFF
• Proviamo a portare R G B al minimo, uno alla volta (valore 00) ed otteniamo il colore bianco 000000
• Proviamo a portare R G B allo stesso valore, uno alla volta (qualsiasi es. 33) ed otteniamo il colore grigio, più o meno scuro, ma sempre grigio
![Page 22: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/22.jpg)
La Calcolatrice fa le La Calcolatrice fa le conversioni Hex-Decconversioni Hex-Dec
• Aprire CALCOLATRICEdi windows
• ImpostareVISUALIZZASCIENTIFICA
• Si scrive un numero e poi si clicca su Hex o Dec
![Page 23: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/23.jpg)
A cosa serve?A cosa serve?• Se aprite una pagina internet con un
editor tipo notepad, trovate tutti i colori usati, scritti in notazione esadecimale.
• Potete replicare lo stesso colore con precisione per modifiche o aggiunte.
![Page 24: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/24.jpg)
Capire i colori dai numeriCapire i colori dai numeri• Tavolozza colori• Partiamo dal
bianco FFFFFF• Aumentiamo
gradatamenteil Rosso
• Osserviamo il risultato
![Page 25: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/25.jpg)
Griglie e RighelliGriglie e Righelli• Dal menù Visualizza si possono
attivare:• Righelli• Griglie• Sono un
aiuto solovisivo
• Non modifical’immagine
![Page 26: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/26.jpg)
Cosa e’ la GrigliaCosa e’ la Griglia• E’ come un foglio trasparente a
quadretti che si sovrappone alla immagine, ma no fa parte di essa.
• Gli oggetti possono attaccarsi ad essa automaticamente(vedi avanti proprietàgriglia e guide)
• MENU -> VISUALIZZA -> GRIGLIA
![Page 27: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/27.jpg)
Cos’è il Righello (righelli)Cos’è il Righello (righelli)• Sono due righelli divisi il PIXEL ai due
bordi dell’immagine, che ci aiutano a posizionarci correttamente in un punto dell’immagine
• MENU -> VISUALIZZA -> RIGHELLI
![Page 28: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/28.jpg)
Cosa sono le GuideCosa sono le Guide• Sono linee che funzionano come la
griglia, ma decidiamo noi, quante e dove. (Deve esserci il righello)
• Gli oggetti possono attaccarsi ad essa automaticamente(utile per allineare partidi immagine ad esempiopulsanti) 4pulsanti.psp
![Page 29: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/29.jpg)
Blocca su Griglia o GuideBlocca su Griglia o Guide• MENU -> VISUALIZZA -> MODIFICA
PROPRIETA’ GRIGLIA E GUIDE• Possiamo impostare i parametri di
griglia e guide a piacere, e decidere se bloccare glioggetti su di esse.
![Page 30: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano Lez. N](https://reader035.vdocuments.site/reader035/viewer/2022062701/5542eb68497959361e8d4566/html5/thumbnails/30.jpg)
DOMANDE?DOMANDE?
•? ? ? ? ? ? ?•? ? ? ? ? ? ?