Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap.

Transcript

1 Origine delle immagini Elaborazione delle immagini Adobe Photoshop 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) Immagini vettoriali VS bitmap Descrizione matematica Singoli elementi facili da selezionare e modificare VS Ad ogni pixel un valore cromatico Rappresentano accuratamente anche le più lievi gradazioni di colore (fotografie, dipinti) Immagini vettoriali VS bitmap 2 Non perdono qualità in caso di ridimensionamento Il peso dipende dal numero e dalla complessità dei tracciati VS Sono le più diffuse (fotocamere, internet) Il peso dipende dalla risoluzione (e dal formato) 1

2 Fotocamere Digitalizzare un immagine Catturano le immagini in formati standard (generalmente JPEG) Scanner (piani, a tamburo) Acquisiscono per riflessione Vengono controllati con apposito software Appositi Plug in rendono possibile l acquisizione direttamente dall interno di Photoshop 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 Risoluzione per la stampa Si definisce in DPI (dots per inch = punti per pollice) Fissata la dimensione in centimetri, il valore di riferimento è 300dpi 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 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.) 2

3 Risoluzione del monitor Ancora sulla risoluzione In caso di dubbio (non si conosce l utilizzo futuro dell immagine) Se prevediamo di modificare o elaborare l immagine > acquisire ad una risoluzione più alta La stessa immagine appare più grande se la risoluzione del monitor è bassa (800x600) e più piccola se la risoluzione del monitor è più elevata (1280x1024) Altri parametri in acquisizione Calibrare la gamma dinamica (se il software dello scanner 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 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 3

4 Esercizio: Ricampionare con Photoshop Immagine > Dimensione immagine Selezionare l opzione Ricampiona immagine Selezionare il metodo di interpolazione (fare diverse prove) Selezionare l opzione Mantieni proporzioni Specificare le nuove dimensioni Metodi di colore Sintesi additiva (frequenze luminose) RGB VS Sintesi sottrattiva (inchiostri) CMYK Metodi di colore: RGB Metodi di colore: CMYK 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 Sintesi sottrattiva = ottenere i colori con gli inchiostri, cioè filtrando la luce C (Ciano), M (Magenta), Y (Yellow) e K (blak) Quantità di inchiostro (0% 100%) per ogni inchiostro La somma degli inchiostri produce il nero 4

5 Altri metodi colore in Photoshop Gamme di colore 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) In base al metodo utilizzato (ed ai dispositivi di output) è possibile generare una gamma di colori differente gli spazi cromatici non coincidono Conversione metodo colore Photoshop permette di passare da un metodo colore all altro dal menu: Immagine > Metodo La conversione comporta l alterazione dei colori Profondità di colore Definisce la quantità di informazione disponibile per rappresentare il valore cromatico di un pixel 1bit = bianco o nero 8bit = 2 8 = 256 colori 24bit = milioni di colori Ad una maggiore profondità corrispondono file più pesanti e immagini più accurate 5

6 Profondità di colore 2 Lab, RGB, CMYK = 8bit per canale Lab, RGB = 24bit Sala di grigio = 8bit CMYK = 32bit Photoshop gestisce anche 16bit per canale, con alcune limitazioni. I canali di Phoptosop La palette Canali presenta le informazioni sul colore Varia a seconda del metodo selezionato Consente di aggiungere canali alfa (per maschere, selezioni) Finestra > Mostra Canali Peso di un file L interfaccia di Photoshop Il peso di un file in KB dipende da: Risoluzione Profondità di bit Il formato, quindi l algoritmo di compressione e scrittura dell informazione (TIFF, GIF, JPEG, PNG) Lavorando coi file grafici è necessario usare il giusto compromesso tra questi fattori in bade alle necessità. Barra dei menu Palette strumenti Finestra immagine Pannello opzioni Palette mobili Barra di stato 6

7 Finestra immagine Barra di stato 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) QuickTime and a TIFF (LZW) decompressor are needed to see this picture. Riporta informazioni come: Il gradi di ingrandimento (Zoom) in percentuale Dimensioni del file, strumento in uso, etc. Ingombro immagine nella pagina (tenendo premuto il pulsante del mouse sulla barra di stato) Palette strumenti Barra delle opzioni Presenta: gli strumenti di selezione, ritocco, disegno bitmap, disegno vettoriale sotto forma di icone il selettore di colore l opzione maschera veloce l opzione modalità schermo Il passaggio ad Adobe Image Ready Riepiloga le impostazioni dello strumento in uso Finestra > Mostra/Nascondi opzioni 7

8 Palette mobili I Livelli Tra le palette mobili troviamo: Livelli, Canali, Tracciati Navigatore, Info, Istogrammi Storia, Azioni Colori, Campioni, Pennelli Finestra > Mostra/Nascondi 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. Comandi Palette Livelli Metodi di fusione Metodo di fusione Blocca (Pixel trasparenti, Pixel Spostamento, tutto) Opzioni livelli Opacità (0 100%) Riempimento (0 100%) 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. Mostra/Nascondi Aggiungi Stile di Livello Collega al livello selezionato Aggiungi Maschera di Livello Aggiungi Livello di regolazione Aggiungi Livello Elimina Livello selezionato Crea Set di livelli 8

9 Mascherare un livello A partire da una selezione è possibile creare una maschera di livello che ne renderà visibile solo una porzione 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 Comandi Palette Canali Comandi Palette Tracciati Canale composito Tracciato di Lavoro Opzioni Canali Opzioni tracciati Visualizzare/Nascondere Un canale Creare una selezione da un canale alfa Creare un canale alfa Eliminare il canale selezionato Tracciato temporaneo Traccia bordo Riempi tracciato Crea selezione da tracciato Crea Tracciato da selezione Crea nuovo tracciato Salvare una selezioni in un canale alfa Elimina tracciato selezionato 9

10 Selettore colore Palette Campioni Colore in corso di selezione Colore precedentemente selezionato Opzione vincola Palette WEB Presenta i set di campioni predefiniti delle diverse palette Permette di salvare e caricare set di campioni personalizzati Metodi colore Strumenti di selezione Strumenti di selezione 2 Rettangolo, ellisse, lazzo, selezione poligonale Per aggiungere ad una selezione tenere premuto Shift (maiuscolo), per sottrarre tenere premuto alt durante la selezione La selezione viene evidenziata da una linea tratteggiata Menu Visualizza > Mostra > Bordi selezione 10

11 Strumento Bacchetta Magica Menu Selezione Le selezioni possono essere create e gestite anche dal menu apposito o tramite combinazione di tasti Ctrl (mela)+a = seleziona tutto Ctrl (mela)+d = deseleziona Ctrl (mela)+maiusc+i = inversa Permette di selezionare pixel adiacenti al punto in cui si fa clic Lavora in base ad una soglia di tolleranza Valore soglia alto = selezione più estesa Valore soglia basso = selezione più ridotta 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 11