informatica avanzata trattamento di foto e immagini digitali uni3 - nichelino lez. n. 5 - 16 gennaio...

30
Informatica Avanzata Informatica Avanzata Trattamento di Foto e Immagini Trattamento di Foto e Immagini Digitali Digitali UNI3 - NICHELINO UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano di Pautasso Luciano www.ezguide.too.it www.ezguide.too.it

Upload: alberto-quarta

Post on 02-May-2015

220 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano  Lez. N

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

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

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

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
Page 6: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 5 - 16 Gennaio 2009 di Pautasso Luciano  Lez. N

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DOMANDE?DOMANDE?

•? ? ? ? ? ? ?•? ? ? ? ? ? ?