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

Documenti analoghi
Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini

Programma Corso Adobe Photoshop CS5. Cap. 1 L AREA DI LAVORO. Cap. 2 GESTIONE DELL IMMAGINE. Cap. 3 DIMENSIONE E RISOLUZIONE

INFORMATICA E GRAFICA PER IL WEB

Corso: ADOBE PHOTOSHOP Base

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano

Esercitazioni di Informatica Grafica A.A

Corso di INFORMATICA GRAFICA. Modulo 2 (CAD) Stefano Cinti Luciani. Introduzione a PhotoShop

Sono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni.

C M A P M IONAM A E M NT N O

SVG Editor. Istituto Italiano Edizioni Atlas 1

INFORMATICA. Elaborazione delle immagini digitali. Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd

Immagini vettoriali. Immagini raster

Introduzione all immagine digitale. Laboratorio di Tecnologie Educative A.A. 2003/04

La codifica delle immagini

PHOTOSHOP BREVE TUTORIAL

gestione e modifica di immagini fotografiche digitali

CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base

Demo. La palette allinea. La palette Anteprima conversione trasparenza. Adobe Illustrator CS2

Immagini Digitali Immagini digitali

Programma didattico Accademia di Belle Arti Palermo. informatica per la grafica Prof.Luca Pulvirenti

STRUMENTI PER L ACCESSIBILITÀ DEL COMPUTER.

LA CODIFICA DELLE IMMAGINI

EasyPrint v4.15. Gadget e calendari. Manuale Utente

Le immagini digitali. Le immagini digitali. Caterina Balletti. Caterina Balletti. Immagini grafiche. Trattamento di immagini digitali.

Esercizio 1. Foto 1: eliminare la testa utilizzando lo strumento Timbro clona provare a campionare più punti sorgente e a variare le proporzioni

6.2 USM. Definizione dei contorni in un immagine

IMMAGINE BITMAP E VETTORIALI

I tracciati sono contorni che potete trasformare in selezioni o a cui potete applicare un riempimento o una traccia di colore. tracciato temporaneo

Sfumatura riflessa Sfumature che usano sfumature lineari simmetriche su un lato del punto iniziale.

idea+progetto servizi tempo=successo due

Comando STAMPA. Attiva la finestra di dialogo nella quale vengono impostati i parametri per ottenere tavole stampate:

Microsoft Paint. Per far partire il programma occorre cliccare su START \ PROGRAMMI \ ACCESSORI \ PAINT

Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali

Elaborazione testi: immagini

VARI TIPI DI FILE I FORMATI DI FILE E LA COMPRESSIONE

Obiettivi del corso. Creare, modificare e formattare un semplice database costituito da tabelle, query, maschere e report utilizzando Access 2000.

1 CONOSCERE L INTERFACCIA

Finestre: Vengono aperte dal menù finestre

Laboratorio informatico di base

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi

WNSOFT. PixBuilder. Versione 2.2 MANUALE UTENTE. Traduzione Carmelo Battaglia

PROGRAMMA DIDATTICO: CORSO DI GRAFICA TEORICA

Guida all uso di Adobe Acrobat e Adobe Reader in ambito didattico

Codifica delle immagini

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS

Photohands. Software di ritocco e stampa per Windows. Manuale di istruzioni. Versione 1.0 K862PSM8DX

Corso: ADOBE FIREWORKS

INFORMATICA E GRAFICA PER IL WEB

Personalizza. Page 1 of 33

Codifica delle immagini

Copia. Stampante/copiatrice WorkCentre C2424

Programma del corso Web Design

EasyPrint v4.7. Impaginatore Album. Manuale Utente

SOMMARIO: NOVITÀ DI PAINT SHOP PRO CARATTERISTICHE DI PAINT SHOP PRO...5 CARATTERISTICHE DELLE FINESTRE...17 CREAZIONI DI IMMAGINI...

Appunti sull utilizzo del software gvsig, a cura dell ing. Ernesto Sferlazza

3.2. Passo 2: Navigazione per individuare l articolo richiesto

Giocare con le immagini. Ivana Sacchi

Capitolo V : Il colore nelle immagini digitali

Guida alla qualità del colore

STRUMENTI PENNA E TRACCIATI. EDI Strumenti penna e tracciati 1

Dal foglio di carta alla multimedialità

Adobe Photoshop Prof. Filippo Stanco

2 - Modifica Annulla Selezione finestra. S.C.S. - survey CAD system FIGURA 2.1

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia

Realizzare una presentazione con PowerPoint

Guida Ricoh alla stampa grafica 2: Trasparente lucido

MArine Coastal Information SysTEm

Creazione di percorsi su Colline Veronesi

Syllabus (estratto) Foglio elettronico. Excel. Open office - Office. Principio e funzionamento 26/11/2012. A. Ferrari

Il controllo della visualizzazione

INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI

01. Conoscere l area di lavoro

01. Conoscere l area di lavoro

stencil e lasercut con illustrator o inkscape

5.2. Pipetta. 2: Lo strumento di luce/ombra

02 web. designer. info. certificazioni. specializzazioni avanzate

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie

Lezione 2: Immagini digitali (1)

2. Guida all uso del software IrfanView

PDF created with pdffactory trial version

EUROPEAN COMPUTER DRIVING LICENCE Image Editing - Versione 2.0

Università di L Aquila Facoltà di Biotecnologie Agro-alimentari

LA FINESTRA DI GOAL (SCHERMATA PRINCIPALE E PANNELLO DEI COMANDI)

Gestire immagini e grafica con Word 2010

corso di photoshop full immersion

Le MASCHERE di Photoshop - i vari utilizzi e le varie applicazioni - per utenti esperti - (realizzato da Rino Ruscio - art director)

Master in Grafica Pubblicitaria ed Editoriale

Corso pratico di Informatica LA SCANSIONE DELL IMMAGINE. Autore. Prof. Renato Avato. Faenza, ottobre Scansione dell immagine. R.

IL DIGITAL PHOTOGRAPHY WORKFLOW CON ADOBE PHOTOSHOP LIGHTROOM

SwanMosaic. Guida Rapida. (C) Ct Software. Via del Monte, Cesena (FO) Tel Fax

SPOSTARE UN FILE USANDO IL MOUSE

L informazione grafica. Le immagini digitali. Esempi. Due grandi categorie. Introduzione

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni?

Un biglietto per gli auguri di Natale

MINI GUIDA SMART. SMART Board Tools fornisce l'accesso a numerose funzionalità tra cui:

ga_guida_04_v1 guida pratica per l esportazione dei PDF sia da indesign che da quark_v8

PowerPoint 2007 Le funzioni

Il foglio elettronico: Excel

Photoshop. elaborazione di immagini. Informatica Applicata Prof.Emanuela Zilio

Transcript:

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

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

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

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

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 = 2 24 16 milioni di colori Ad una maggiore profondità corrispondono file più pesanti e immagini più accurate 5

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

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

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

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

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

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