INFORMATICA E GRAFICA PER IL WEB

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "INFORMATICA E GRAFICA PER IL WEB"

Transcript

1 INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2013/2014 Università degli studi Milano-Bicocca docente: Diana Quarti INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 01

2 Obiettivi del Laboratorio Usare Adobe Photoshop come strumento: per la progettazione e la realizzazione di layout grafici completi e dei singoli elementi dell interfaccia di un sito web per la modifica e il ritocco di immagini»» per l ottimizzazione delle immagini per il web INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 02

3 Adobe Photoshop Adobe Photoshop è un programma per l elaborazione di immagini digitali: fotoritocco, creazione di nuove immagini, illustrazione digitale, ma è anche un programma molto utile nella fase di progettazione e realizzazione di layout di vari tipi, grazie alle numerosi funzioni. È un programma di grafica raster o bitmap visto che le elaborazioni che vengono effettuate agiscono sui singoli pixel dell immagine, (anche se alcuni strumenti permettono di creare elementi vettoriali). L ultime versioni hanno aggiunto funzioni avanzate che vanno oltre la realizzazione di immagini 2D, tra le quali editing video, disegno 3D ecc... INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 03

4 Grafica Vettoriale programmi di disegno vettoriale (Adobe Illustrator, InDesign) grafica costituita da linee e curve definiti tramite vettori (formule matematiche) che definiscono tracciati con proprietà specifiche (colore, posizione, forma, etc.) Ingrandimento senza perdita ingrandimento senza perdita immagini grafiche: testo, disegni, loghi, mappe, grafici. Esempi di immagini vettoriali INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 04

5 Grafica Bitmap programmi di ritocco immagini (Adobe Photoshop) un immagine bitmap è costituita piccolissime tessere chiamate pixel diversamente colorate Ingrandimento con perdita ingrandimento con perdita immagini fotografiche Una fotografia di Gabriele Basilico INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 05

6 Pixel (picture element) il pixel è l elemento base che compone l immagine digitale ogni pixel ha un valore di colore specifico»» ogni pixel è rappresentato dal numero di bit che ne caratterizza gli attributi colore (profondità di bit), maggiore è la profondità, maggiore sarà il numero di colori disponibili nell immagine» 1 bit = 2 colori (bianco/nero)» 2 bit = 4 colori» 8 bit = 256 colori» 16 bit = colori» 24 bit = 16 milioni di colori ca. INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 06

7 Il colore e la luce Il colore è la percezione visiva determinata dalle caratteristiche delle onde elettromagnetiche della luce emesse o riflesse dai corpi. La luce: radiazione elettromagnetica lunghezza d onda varia tra 380 nm e 770 nm diverse lunghezze d onda corrispondono a diversi stimoli colorati gli oggetti sorgenti irradiano l energia luminosa gli oggetti opachi riflettono l energia luminosa LUCE ultravioletti raggi X 380 nm 430 nm 480 nm 540 nm 577 nm 627 nm 698 nm 770 nm infrarossi viola indaco blu verde giallo arancio rosso INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 07

8 MODELLI DI COLORE: IL METODO RGB RGB (Red Green Blue) il metodo RGB o tricromia utilizza 3 canali: Rosso, Verde, Blu Rosso-Verde-Blu sono colori primari della luce che per sintesi additiva o luminosa generano il bianco visualizzazione a monitor (le luci rossa, verde e blu vengono proiettate in un unico pixel, che in base all intensità delle singole luci emette un colore diverso) grafica web e video»» 16,7 milioni di colori, grafica a 24 bit (8 bit per ogni canale) INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 08

9 MODELLI DI COLORE: IL METODO CMYK CMYK (Cyan Magenta Yellow Black) il metodo CMYK o quadricromia 4 canali: Ciano, Magenta, Giallo, Nero ciano magenta giallo sono colori primari che per sintesi sottrattiva generano il nero. Sono gli opposti dei colori primari della tricromia: il ciano assorbe il rosso, il magenta assorbe il verde e il giallo assorbe il blu. metodo utilizzato in stampa Inchiostri: Situazione ideale: Situazione reale: MA gli inchiostri non sono puri! Se mescolo gli inchiostri dei 3 colori primari ottengo un marrone o un grigio scuro; per ottenere il nero in stampa e maggiore profondità nelle immagini devo aggiungere ai 3 colori primari un inchiostro in più: il nero! INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 09

10 Codici colore per il web I colori possono essere definiti tramite i loro valori di RGB. Ogni canale ha un valore da 0>255 (2 8 per canale). Il nero avrà i valori più bassi: rgb(0,0,0), il bianco quelli più alti: rgb(255,255,255)»» I colori HTML vengono definiti tramite una notazione esadecimale (HEX) la combinazione dei valori RGB. Ogni canale è definito da due cifre. Il valore più basso è 00 (0), il più alto è FF (255). Nero: # / Bianco: #FFFFFF INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 10

11 Web safe color Una decina di anni fa, i computer e le schede video supportavano al massimo 256 colori che venivano gestiti in maniera diversa dalle diverse piattaforme. Venne creata una lista di 216 colori web standard che venivano visualizzati in modo corretto. Oggi sia i computer sia i dispositivi mobili permettono la visualizzazione di milioni di colori e l utilizzo di questa paletta non è più necessario. Quando usiamo il selettore colore in Photoshop, possiamo isolare i colori browser o web safe. INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 11

12 Domande? INFORMATICA E GRAFICA PER IL WEB A.A. 2013/2014 docente: Diana Quarti 12

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2015/2016 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 02 INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente:

Dettagli

Modelli di colore. Un tocco di blu non guasta

Modelli di colore. Un tocco di blu non guasta Modelli di colore Un tocco di blu non guasta Obiettivi Come faccio a rappresentare i colori in una immagine? Per formati immagine raster e vettoriali Come specificare che il mare della mia foto è di colore

Dettagli

gestione e modifica di immagini fotografiche digitali

gestione e modifica di immagini fotografiche digitali gestione e modifica di immagini fotografiche digitali il colore e le immagini la gestione delle immagini Il computer è in grado di gestire le immagini in formato digitale. Gestire vuol dire acquisirle,

Dettagli

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

INFORMATICA. Elaborazione delle immagini digitali. Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale INFORMATICA Università degli Studi di Foggia Dipartimento di Medicina Clinica e Sperimentale A.A. 2014/2015 II ANNO II SEMESTRE 2 CFU CORSO DI LAUREA MAGISTRALE IN SCIENZE E TECNICHE DELLE ATTIVITÀ MOTORIE

Dettagli

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

Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini ACQUISIZIONE ED ELABORAZIONE DELLE IMMAGINI Teoria e pratica La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: Il numero

Dettagli

Esercitazioni di Informatica Grafica A.A. 2009-2010

Esercitazioni di Informatica Grafica A.A. 2009-2010 Esercitazioni di Informatica Grafica A.A. 2009-2010 Ing. Simone Garagnani simone.garagnani@unibo.it UNIVERSITA DI BOLOGNA Simone Garagnani - Esercitazioni di Informatica Grafica PARTE II Gli strumenti

Dettagli

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

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano Immagini digitali LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in

Dettagli

Il colore. IGEA 2006-07 7 febbraio 2007

Il colore. IGEA 2006-07 7 febbraio 2007 Il colore IGEA 2006-07 7 febbraio 2007 La luce Radiazione elettromagnetica 380 740 nanometri (790 480 THz) Percezione della luce /1 Organi sensoriali: Bastoncelli Molto sensibili (anche a un solo fotone:

Dettagli

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

Origine delle immagini. Elaborazione delle immagini. Immagini vettoriali VS bitmap 2. Immagini vettoriali VS bitmap. 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)

Dettagli

Corso integrato di Disegno e Rilievo dell'architettura B (12 cfu)

Corso integrato di Disegno e Rilievo dell'architettura B (12 cfu) Università degli Studi Mediterranea di Reggio Calabria Dipartimento DArTe A.A. 2015-2016 - Corso di Laurea Magistrale in Architettura Corso integrato di Disegno e Rilievo dell'architettura B (12 cfu) condotto

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in termini numerici.

Dettagli

I metodi colore in Photoshop e il significato dei canali

I metodi colore in Photoshop e il significato dei canali I metodi colore in Photoshop e il significato dei canali IL COLORE Iniziamo a pensare alla luce come definita da due caratteristiche indipendenti: 1. LUMINOSITÀ 2. COLORE Luminosità quanto è forte questa

Dettagli

Suddivisioni, psicologia e leggibilità dei colori. Come si suddividono.

Suddivisioni, psicologia e leggibilità dei colori. Come si suddividono. Teoria dei Colori Suddivisioni, psicologia e leggibilità dei colori. Il nostro occhio, percependo solo alcune delle moltissime onde che la luce diffonde colpendo gli oggetti, riconosce uno spetto di sette

Dettagli

corso di photoshop full immersion

corso di photoshop full immersion I S T I T U T O PALMISANO corso di photoshop full immersion Basic BITMAP La grafica bitmap, o grafica raster (in inglese bitmap graphics, raster graphics), è una tecnica utilizzata in computer grafica

Dettagli

Le immagini digitali: introduzione

Le immagini digitali: introduzione Le immagini digitali: introduzione 1 L immagine digitale Un immagine pittorica è compsta da milioni di pigmenti colorati molto piccoli che, messi vicino l uno all altro, danno l impressione dei vari oggetti.

Dettagli

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

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd Esistono due tipi di immagini digitali: Immagini vettoriali, rappresentate come funzioni vettoriali che descrivono curve e poligoni Immagini bitmap, (o raster) rappresentate sul supporto digitale come

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Prof. PIER LUCA MONTESSORO Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000 Pier Luca Montessoro (si veda la nota di copyright alla slide n.

Dettagli

Immagini digitali: concetti di base

Immagini digitali: concetti di base Università degli Studi di Palermo Dipartimento di Ingegneria Informatica Elaborazione di Immagini e Suoni / Riconoscimento e Visioni Artificiali 2 c.f.u. Anno Accademico 28/29 Docente: ing. Salvatore Sorce

Dettagli

Tipi di colore. Informazioni sul colore. Durante la stampa. Uso del colore. Gestione della carta. Manutenzione. Risoluzione dei problemi

Tipi di colore. Informazioni sul colore. Durante la stampa. Uso del colore. Gestione della carta. Manutenzione. Risoluzione dei problemi L'uso del colore consente di migliorare e ottimizzare l'effetto del materiale stampato e di renderne più piacevole la lettura rispetto alla stampa in bianco e nero. Il colore consente inoltre di velocizzare

Dettagli

Codifica delle immagini

Codifica delle immagini FONDAMENTI DI INFORMATICA Ing. DAVIDE PIERATTONI Facoltà di Ingegneria Università degli Studi di Udine Codifica delle immagini 2000-2007 P. L. Montessoro - D. Pierattoni (cfr.la nota di copyright alla

Dettagli

TEORIA DEL COLORE E METODI

TEORIA DEL COLORE E METODI Università degli studi Roma Tre Facoltà di Architettura A.A. 2011/2012 - Corso di Tecniche di Rappresentazione Prof.ssa G. Grütter Arch. S. Silli M. Gattini GRAFICA DIGITALE La grafica digitale si divide

Dettagli

Elementi di Informatica

Elementi di Informatica Università degli Studi di Catania FACOLTA DI MEDICINA E CHIRURGIA Elementi di Informatica Anno accademico: 2008/2009 Docente: angelo.nicolosi@unict.it Le immagini digitali scansione di fotografie esistenti

Dettagli

LA CODIFICA DELLE IMMAGINI

LA CODIFICA DELLE IMMAGINI asdf LA CODIFICA DELLE IMMAGINI 3 March 2012 Premessa L'articolo che segue vuole essere, senza alcuna pretesa di rigore scientifico e di precisione assoluta, in quanto non ne possiedo le competenze, una

Dettagli

Componenti multimediali per il Web. Modulo 14

Componenti multimediali per il Web. Modulo 14 Componenti multimediali per il Web Modulo 14 Obiettivi Valutare e usare strumenti di utilità e produzione grafica anche animata per inserire e modificare componenti multimediali (immagini, immagini animate,

Dettagli

Immagini vettoriali. Immagini raster

Immagini vettoriali. Immagini raster Immagini vettoriali Le immagini vettoriali sono caratterizzate da linee e curve definite da entità matematiche chiamate vettori. I vettori sono segmenti definiti da un punto di origine, una direzione e

Dettagli

LA GESTIONE DEL COLORE elementi di base della teoria del colore

LA GESTIONE DEL COLORE elementi di base della teoria del colore LA GESTIONE DEL COLORE elementi di base della teoria del colore IL COLORE È IL RISULTATO DI UNA INTERAZIONE DI TRE ELEMENTI Una Sorgente Luminosa Un Osservatore Un Oggetto LA LUCE È UNA FORMA DI RADIAZIONE

Dettagli

Elementi di progettazione di un sito web

Elementi di progettazione di un sito web Elementi di progettazione di un sito web Lo scopo del web designer è quello di rendere accessibile il proprio sito al maggior numero possibile di utenti, alla luce di questo è importantissimo tenere in

Dettagli

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

CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base CORSI I principali programmi Adobe Photoshop/InDesign/Illustrator Nozioni di base Interfaccia programma InDesign Comprendere il concetto dei programmi Adobe e la loro funzione Prima di tutto bisogna tener

Dettagli

Manuale Pratico di Serigrafia. Highlight

Manuale Pratico di Serigrafia. Highlight Highlight www.axpsrl.com - www.cplfabbrika.com Separazione colori Una qualsiasi immagine o un qualsiasi disegno per poter essere realizzato in serigrafia necessita di essere elaborato al fine di ricavare

Dettagli

INFORMATICA E GRAFICA PER IL WEB

INFORMATICA E GRAFICA PER IL WEB INFORMATICA E GRAFICA PER IL WEB Psicologia e comunicazione A.A. 2014/2015 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 04 INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente:

Dettagli

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a. Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie

Dettagli

Codifica delle immagini (parte I)

Codifica delle immagini (parte I) Codifica delle immagini (parte I) Prof. Marco Dell Oro December 11, 2013 1 Elementi della codifica Le immagini digitali sono risultato della composizione sugli schermi di una serie di elementi di colore

Dettagli

IL COLORE E LA SUA RAPPRESENTAZIONE

IL COLORE E LA SUA RAPPRESENTAZIONE http://imagelab.ing.unimo.it Dispense del corso di Elaborazione di Immagini e Audio Digitali IL COLORE E LA SUA RAPPRESENTAZIONE Prof. Roberto Vezzani LA LUCE La luce è una radiazione elettromagnetica

Dettagli

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

Grafica Digitale. Concetti di base della computer grafica. Oliviero Neglia Grafica Digitale Concetti di base della computer grafica Oliviero Neglia Per grafica digitale intendiamo quell'insieme di processi che ci permettono di creare, modificare e visualizzare immagini attraverso

Dettagli

COMPUTER GRAFICA LINK

COMPUTER GRAFICA LINK COMPUTER GRAFICA COMPUTER GRAFICA RASTER V/S VETTORIALE Di cosa sono fatte le immagini digitali Qualità a confronto DPI/PPI e risoluzione adeguata al mezzo Applicazioni ACCENNI SUL COLORE CMYK - RGB LAB

Dettagli

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

Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

Capitolo 6 ELABORAZIONE DI IMMAGINI A COLORI

Capitolo 6 ELABORAZIONE DI IMMAGINI A COLORI Capitolo 6 ELABORAZIONE DI IMMAGINI A COLORI Il colore viene utilizzato nelle immagini digitali per due motivi principali: è un descrittore che semplifica l identificazione di un oggetto e la sua estrazione

Dettagli

Rappresentazione delle Immagini

Rappresentazione delle Immagini Rappresentazione delle Immagini Metodi di rappresentazione Raster: Informazione grafica rappresentata come matrice di pixel Vettoriale: Informazione grafica rappresentata da relazioni matematiche (funzioni

Dettagli

Publishing & Editing Immagini

Publishing & Editing Immagini Publishing & Editing Immagini Un'immagine digitale è la rappresentazione numerica di una immagine bidimensionale. La rappresentazione può essere di tipo vettoriale oppure raster (altrimenti detta bitmap);

Dettagli

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

Introduzione all immagine digitale. Laboratorio di Tecnologie Educative A.A. 2003/04 Introduzione all immagine digitale Laboratorio di Tecnologie Educative A.A. 2003/04 immagine digitale RASTER tipologie caratteristiche VETTORIALE molte informazioni dimensione fissa dipendente dalla risoluzione

Dettagli

Immagini Digitali Immagini digitali

Immagini Digitali Immagini digitali Immagini digitali Processi e metodi per la codifica e il trattamento dei formati raster e vettoriali Immagini raster Fondamenti Le immagini raster, chiamate anche pittoriche o bitmap, sono immagini in

Dettagli

Grafica Online Luca Panella Innovatek scrl - Bari

Grafica Online Luca Panella Innovatek scrl - Bari Grafica Online Luca Panella Innovatek scrl - Bari Sommario Scenario Web Nozioni di grafica on-line Principali programmi di grafica web Realizzazione di banner e layout per il web 2 Risorse online Sito

Dettagli

Introduzione al trattamento delle immagini digitali

Introduzione al trattamento delle immagini digitali Introduzione al trattamento delle immagini digitali Istituto Pavoniano Artigianelli Trento Classe terza Marco Franceschini L avvento del Digital Imaging La sfera dell Imaging include processi di produzione

Dettagli

design illustrazione

design illustrazione Grafica vettoriale disegno progettazione COREL DRAW grafica creazione elementi grafici design illustrazione Il programma offre strumenti che consentono ai designer un livello di produttività qualitativamente

Dettagli

Master in Grafica Pubblicitaria ed Editoriale

Master in Grafica Pubblicitaria ed Editoriale in PCAcademy Via Capodistria 12 Tel.: 06.97.84.22.16 06.85.34.44.76 Cell. 393.93.64.122 - Fax: 06.91.65.92.92 www.pcacademy.it info@pcacademy.it Informazioni generali Da anni PC Academy eroga con successo

Dettagli

Programma del corso Web Design

Programma del corso Web Design Programma del corso Web Design Il corso mira a formare professionisti in grado di realizzare siti web efficaci in termini di comunicazione ed indicizzazione nei motori di ricerca. Introduzione La figura

Dettagli

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

Le immagini digitali. Le immagini digitali. Caterina Balletti. Caterina Balletti. Immagini grafiche. Trattamento di immagini digitali. 1 Le immagini digitali Le immagini digitali Università IUAV di venezia Trattamento di immagini digitali immagini grafiche immagini raster immagini vettoriali acquisizione trattamento geometrico trattamento

Dettagli

La percezione del colore

La percezione del colore 30 Gennaio 2007 Corso di Laurea in Informatica Multimediale Facoltà di Scienze MMFFNN Università di Verona La percezione del colore Chiara Della Libera DSNV Università di Verona Sezione di Fisiologia Umana

Dettagli

Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona

Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona Marta Capiluppi marta.capiluppi@univr.it Dipartimento di Informatica Università di Verona Classificazione delle immagini Le immagini si suddividono in raster e vettoriali. Le immagini raster sono di tipo

Dettagli

Fondamenti di Informatica 2. Codifica delle immagini

Fondamenti di Informatica 2. Codifica delle immagini Corso di per il corso di Laurea di Ingegneria Gestionale Codifica delle immagini Università degli Studi di Udine - A.A. 2010-2011 Docente Ing. Sandro Di Giusto Ph.D. 1 Scalare vs Vettoriale Per codificare

Dettagli

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 4: DIGITAL IMAGING PROCESSING 2. D. Cecchin, F. Bui. Esempi di scale colore

UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1. Lezione 4: DIGITAL IMAGING PROCESSING 2. D. Cecchin, F. Bui. Esempi di scale colore UNIVERSITÀ - OSPEDALE di PADOVA MEDICINA NUCLEARE 1 Lezione 4: DIGITAL IMAGING PROCESSING 2 D. Cecchin, F. Bui Esempi di scale colore Bianco e nero: 1 solo bit per pixel Ogni pixel può essere bianco o

Dettagli

idea+progetto servizi tempo=successo due

idea+progetto servizi tempo=successo due idea+progetto servizi tempo=successo due...realizzando il vostro successo cresciamo anche noi GRAFICHELEONE la stampa Profilo PDF per la Stampa in fase di progettazione... Abbondanze: Tutte le immagini

Dettagli

Guida alla qualità del colore

Guida alla qualità del colore Pagina 1 di 7 Guida alla qualità del colore Nella presente guida vengono descritte le opzioni disponibili sulla stampante per la regolazione e la personalizzazione della resa del colore. Menu Qualità Modalità

Dettagli

Stampa TIPOGRAFICA molto in breve Il processo di stampa risale a metà del I secolo D.C. con la Dinastia Tang in Cina attraverso pannelli di legno

Stampa TIPOGRAFICA molto in breve Il processo di stampa risale a metà del I secolo D.C. con la Dinastia Tang in Cina attraverso pannelli di legno 1 2 Stampa TIPOGRAFICA molto in breve Il processo di stampa risale a metà del I secolo D.C. con la Dinastia Tang in Cina attraverso pannelli di legno impressi. Dal 1300 venne introdotta in Europa per stampare

Dettagli

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

Le immagini. Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? Sappiamo rappresentare in formato digitale testi scritti e numeri. Ma come la mettiamo con le immagini e i suoni? In questo caso la situazione sembra del tutto diversa. Il testo scritto è costruito combinando

Dettagli

Luce e colore A cura di Ornella Pantano e Enrica Giordano

Luce e colore A cura di Ornella Pantano e Enrica Giordano Cosa serve per vedere Didattica della Fisica A.A. 2009/10 Luce e colore A cura di Ornella Pantano e Enrica Giordano Per poter vedere un oggetto è necessario che un fascio di luce emesso da una sorgente

Dettagli

La rappresentazione dell informazione

La rappresentazione dell informazione La rappresentazione dell informazione Sui testi di approfondimento: leggere dal Cap. 2 del testo C (Console, Ribaudo): 2.3, 2.4 Parte II La codifica dei dati multimediali I caratteri alfanumerici non costituiscono

Dettagli

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario

La rappresentazione dell informazione. La codifica dei dati multimediali. Sommario La rappresentazione dell informazione Su questa parte vi fornirò dispense Sui testi di approfondimento: leggere dal Cap. 2 del testo C (Console, Ribaudo): 2.3, 2.4 Parte II La codifica dei dati multimediali

Dettagli

IMMAGINE BITMAP E VETTORIALI

IMMAGINE BITMAP E VETTORIALI BITMAP VETTORIALE VETTORIALE BITMAP IMMAGINE BITMAP è una immagine costituita da una matrice di Pixel. PIXEL (picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione

Dettagli

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

Programma didattico Accademia di Belle Arti Palermo. informatica per la grafica Prof.Luca Pulvirenti Introduzione al disegno digitale ed alla grafica web Gli standard grafici La tecnologia : hardware e software Il computer l'unità centrale (CPU, HD) le schede grafiche gli schermi gli scanner le stampanti

Dettagli

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

CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS CMS MUSEO&WEB Tutorial sulle immagini digitali, la loro elaborazione per il web, il caricamento nell archivio media del CMS Maria Teresa Natale (OTEBAC) 12 aprile 2010 Introduzione Argomenti: terminologia

Dettagli

02 web. designer. info. certificazioni. specializzazioni avanzate

02 web. designer. info. certificazioni. specializzazioni avanzate info durata: 10 mesi inizio: novembre 2010 frequenza: 4 ore a settimana software: Adobe Illustrator, Photoshop, Flash, Dreamweaver certificazioni Adobe Certified Expert (ACE) per i software: Illustrator,

Dettagli

Teoria del colore. Sintesi Cromatica Additiva RGB

Teoria del colore. Sintesi Cromatica Additiva RGB Teoria del colore A partire da tre colori Rosso, Verde, Blu è possibile generare tutta la rimanente scala cromatica mescolando con le dovute percentuali questa terna di riferimento. Si immagini di proiettare

Dettagli

Corso di Grafica Pubblicitaria

Corso di Grafica Pubblicitaria Corso di Grafica Pubblicitaria Il corso mira a formare grafici professionisti in grado di occuparsi a 360 gradi della grafica tradizionale per la stampa (Manifesti, brochure, depliant, volantini, etc).

Dettagli

Fabrizio Comolli, Usare Paint Shop Pro 5, Jackson Libri 1999

Fabrizio Comolli, Usare Paint Shop Pro 5, Jackson Libri 1999 NOZIONI DI BASE SU GRAFICA DIGITALE E PAINT SHOP PRO (Testo tratto da: Fabrizio Comolli, Usare Paint Shop Pro 5, Jackson Libri 1999) 1 SOMMARIO GRAFICA DIGITALE E PAINT SHOP PRO... 3 COMPRENDERE LA GRAFICA

Dettagli

La GRAFICA nell era dell Informatica

La GRAFICA nell era dell Informatica La GRAFICA nell era dell Informatica Immagini Testi Presentazioni multimediali Siti Web Impaginati di stampa Uso comune - fai da te Abbiamo tutti gli strumenti per essere grafici fai da te ma manca una

Dettagli

LA GESTIONE DEL COLORE NEI SISTEMI DI STAMPA MULTICOLOR

LA GESTIONE DEL COLORE NEI SISTEMI DI STAMPA MULTICOLOR LA GESTIONE DEL COLORE NEI SISTEMI DI STAMPA MULTICOLOR GESTIONE DEL COLORE (COLOR MANAGEMENT) = CONTROLLO COMPLETO, PADRONANZA E COERENZA NELLA RIPRODUZIONE DEL COLORE. CONTROLLO COMPLETO, PADRONANZA

Dettagli

Luce e colori. Mauro Mancini. Dall argento al bit. Associazione culturale

Luce e colori. Mauro Mancini. Dall argento al bit. Associazione culturale Luce e colori di Mauro Mancini Dall argento al bit Associazione culturale Cominciamo con il definire Fotografia è parola composta che deriva dal greco (phothòs = luce e graphis = scrittura) che letteralmente

Dettagli

Corso di Visione Artificiale. Percezione e Colore. Samuel Rota Bulò

Corso di Visione Artificiale. Percezione e Colore. Samuel Rota Bulò Corso di Visione Artificiale Percezione e Colore Samuel Rota Bulò Percezione del colore La percezione del colore è dovuta all'interazione tra la luce emessa da una sorgente, gli oggetti incontrati nel

Dettagli

Corso: ADOBE PHOTOSHOP Base

Corso: ADOBE PHOTOSHOP Base Corso: ADOBE PHOTOSHOP Base Codice PCSNET: ADOB-2 Cod. Vendor: - Durata: 3 gg. Obiettivi Rendere operativi sulle funzionalit di base e di comune interesse del prodotto. Dare una informativa sulle funzionalità

Dettagli

INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI

INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI TPO PROGETTAZIONE UD 19 Fotoritocco 1 PARTE 1 INTRODUZIONE AL TRATTAMENTO DELLE IMMAGINI DIGITALI A.F. 2011/2012 1 L AVVENTO DEL DIGITAL IMAGING La sfera dell Imaging include processi di produzione e riproduzione

Dettagli

Formati ed estensioni. Le fasi di produzione. Le schede Apax. per il salvataggio di immagini. di uno stampato

Formati ed estensioni. Le fasi di produzione. Le schede Apax. per il salvataggio di immagini. di uno stampato Vi offro gli strumenti e l esperienza per una comunicazione coordinata, efficiente ed efficace. Le schede Apax Formati ed estensioni per il salvataggio di immagini Le fasi di produzione di uno stampato

Dettagli

Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero

Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero Tipologia dei dati e organizzazione delle informazioni Sistemi di indicizzazione e recupero 2. Approfondimento su immagini e grafica IMMAGINI l immagine digitale è una matrice bidimensionale di numeri,

Dettagli

Lezione 2: Immagini digitali (1)

Lezione 2: Immagini digitali (1) Lezione 2: Immagini digitali (1) Informatica e produzione Multimediale Docente: Umberto Castellani Immagini digitali Digitalizzazione o acquisizione di immagini del mondo reale (es. da una fotografia).

Dettagli

Pressione, taglio e cordonatura: l altra faccia del display La gestione colore n. 12345678901234567890123456789. Postilla. Comunicazione.

Pressione, taglio e cordonatura: l altra faccia del display La gestione colore n. 12345678901234567890123456789. Postilla. Comunicazione. Comunicazione Stampa Pressione, taglio e cordonatura: l altra faccia del display La gestione colore n. 12345678901234567890123456789 Postilla COMUNICAZIONE Pressione, taglio e cordonatura: l altra faccia

Dettagli

Introduzione. Adobe Photoshop Avanzato Lezione 1.1

Introduzione. Adobe Photoshop Avanzato Lezione 1.1 1 spazi Adobe Photoshop Avanzato Lezione 1.1 Colorimetrici e loro Applicazione Introduzione Quello del colore è un argomento ambivalente: qualsiasi grafico vi potrà dire allo stesso tempo di amare visceralmente

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

Capitolo V : Il colore nelle immagini digitali

Capitolo V : Il colore nelle immagini digitali Capitolo V : Il colore nelle immagini digitali Lavorare con il colore nelle immagini digitali L uso dei colori nella visione computerizzata e nella computer grafica implica l incorrere in determinate problematiche

Dettagli

Manuale di utilizzo del logotipo

Manuale di utilizzo del logotipo Manuale di utilizzo del logotipo INDICE 3 Premessa 4 Logotipo 5 Area di rispetto 6 Colore 7 Versione in positivo bianco/nero 8 Versione in negativo bianco/nero 9 Utilizzo su fondi colore 10 Utilizzo su

Dettagli

FOTOGRAFIA DIGITALE GESTIONE BASE DEL COLORE VISUALIZZARE E STAMPARE CORRETTAMENTE LE IMMAGINI. A cura di Mauro Minetti

FOTOGRAFIA DIGITALE GESTIONE BASE DEL COLORE VISUALIZZARE E STAMPARE CORRETTAMENTE LE IMMAGINI. A cura di Mauro Minetti FOTOGRAFIA DIGITALE GESTIONE BASE DEL COLORE VISUALIZZARE E STAMPARE CORRETTAMENTE LE IMMAGINI Aprile 2005 A cura di Mauro Minetti INDICE CAPITOLI 1) PREMESSA 2) MONITOR E PROFILO COLORE 3) CALIBRAZIONE

Dettagli

Iride: il linguaggio del colore

Iride: il linguaggio del colore Iride: il linguaggio del colore Comunicazione Visiva e Design delle Interfacce Letizia Bollini, Università di Milano-Bicocca Storie e teorie Le teorie del colore > Fisico-matematiche Newton (1666) > Simbolico-artistiche

Dettagli

Telerilevamento e SIT Prof. Ing. Giuseppe Mussumeci

Telerilevamento e SIT Prof. Ing. Giuseppe Mussumeci Corso di Laurea Magistrale in Ingegneria per l Ambiente e il Territorio A.A. 2012-2013 Telerilevamento e SIT Prof. Ing. Giuseppe Mussumeci Telerilevamento: elaborazioni ELABORAZIONE E ANALISI DELLE IMMAGINI

Dettagli

Informatica pratica. L'immagine digitale

Informatica pratica. L'immagine digitale Informatica pratica L'immagine digitale Riassunto della prima parte Fino ad ora abbiamo visto: le cose necessarie per utilizzare in modo utile il computer a casa alcune delle tante possibilità dell'uso

Dettagli

FOTOGRAFIA, COMUNICAZIONE E MULTIMEDIALITÀ

FOTOGRAFIA, COMUNICAZIONE E MULTIMEDIALITÀ ARCHEOLOGIA E MULTIMEDIALITÀ. MITO, STORIA, SCIENTIFICITÀ NELL'ARCHEOLOGIA DIGITALE FOTOGRAFIA, COMUNICAZIONE E MULTIMEDIALITÀ NEI BENI CULTURALI INTRODUZIONE ALLA RIPRESA FOTOGRAFICA 5. Il colore: natura

Dettagli

La codifica delle immagini

La codifica delle immagini La codifica delle immagini La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: 1. Il numero dei campionamenti o di misurazioni

Dettagli

Regole per certificazione PDF Pubblicità Mondadori

Regole per certificazione PDF Pubblicità Mondadori Il flusso di lavoro relativo alla pubblicità richiede che i PDF abbiano determinate specifiche che devono soddisfare le esigenze di stampa. Tutti i PDF ricevuti sono verificati sia come contenuto, sia

Dettagli

Come si forma l immagine digitale?

Come si forma l immagine digitale? SEZIONE BASE - CAPITOLO 2 Come si forma l immagine digitale? La luce Dalla luce ad un mondo di pixel e di bit Definizione di Pixel, di bit, di Byte Immagine Raster : una mappa di pixel Come calcolare la

Dettagli

CORSO DI FISICA TECNICA 2 AA 2013/14 ILLUMINOTECNICA. Lezione n 3:

CORSO DI FISICA TECNICA 2 AA 2013/14 ILLUMINOTECNICA. Lezione n 3: CORSO DI FISICA TECNICA 2 AA 2013/14 ILLUMINOTECNICA Lezione n 3: Elementi caratterizzanti il colore Grandezze fotometriche qualitative Le Sorgenti Luminose artificiali Ing. Oreste Boccia 1 Elementi caratterizzanti

Dettagli

PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One

PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One USO ELEMENTARE DEL LIVELLO DI REGOLAZIONE CURVE BASATO SU VALORI NUMERICI STANDARD Se un immagine presenta dominanti o appiattimento dei

Dettagli

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione

3. LA RISOLUZIONE Misura della risoluzione Modifica della risoluzione 3. LA RISOLUZIONE La risoluzione di un immagine indica il grado di qualità di un immagine. Generalmente si usa questo termine parlando di immagini digitali, ma anche una qualunque fotografia classica ha

Dettagli

Elaborazione di immagini a colori

Elaborazione di immagini a colori Elaborazione di Segnali Multimediali a.a. 2013/2014 Elaborazione di immagini a colori L.Verdoliva In questa esercitazione vedremo come si elaborano le immagini a colori in Matlab estendendo le tecniche

Dettagli

Grafica Computerizzata

Grafica Computerizzata Grafica Computerizzata dott. Giancarlo Amati gamati@libero.it wxveuca@tin.it 1 Programma del Corso Lo scopo del corso è quello di dare le conoscenze di base della modellazione geometrica 2D e 3D tramite

Dettagli

Dispensa di: Fotografia digitale. Introduzione al trattamento delle immagini digitali

Dispensa di: Fotografia digitale. Introduzione al trattamento delle immagini digitali Dispensa di: Fotografia digitale Introduzione al trattamento delle immagini digitali Le immagini digitali Nozioni generali Introduzione Considerata l importanza assunta dall immagine nella comunicazione,

Dettagli

Introduzione alla grafica digitale

Introduzione alla grafica digitale Ugo Romano Introduzione alla grafica digitale per i corsi Shoe Design Fashion Design & Modellistica Digital Design Photoshop Base & Avanzato INTRODUZIONE ALLA GRAFICA DIGITALE Introduzione Introduzione

Dettagli

Capitolo II. La Luce

Capitolo II. La Luce Capitolo II La Luce Che cos è la luce. Dato che la parole fotografia deriva dal greco photo grafia che significa disegnare con la luce, analizziamo innanzi tutto che cos è la luce. La luce è una forma

Dettagli

Che cos è la luce? (Luce, colori, visioni.quale sarà mai il loro segreto?) Prof. Gianluca Todisco

Che cos è la luce? (Luce, colori, visioni.quale sarà mai il loro segreto?) Prof. Gianluca Todisco Che cos è la luce? (Luce, colori, visioni.quale sarà mai il loro segreto?) 1 LA LUCE NELLA STORIA Nell antica Grecia c era chi (i pitagorici) pensavano che ci fossero dei fili sottili che partono dagli

Dettagli

Corso di Informatica

Corso di Informatica Corso di Informatica Modulo T2 A2 Elaborazione grafica in 2D 1 Prerequisiti Utilizzo elementare di applicazioni grafiche Conoscenza elementare di dispositivi grafici Elementi di numerazione binaria 2 1

Dettagli

CORSI DI FORMAZIONE AMMEGA.IT

CORSI DI FORMAZIONE AMMEGA.IT Formazione in area grafica e Motion Graphics Fotografia digitale / Fotoritocco con Adobe Photoshop/ Tecniche per il Video digitale / Video-editing con Adobe Premiere / Creare DVD in casa con Adobe Encore

Dettagli

I Dispositivi di Output

I Dispositivi di Output I Dispositivi di Output Prof. Vincenzo Auletta 1 Output Risultato dell elaborazione di un computer Uno stampato Un filmato Un file (documento) Un qualsiasi risultato tangibile Prof. Vincenzo Auletta 2

Dettagli

PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One

PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One PHOTOSHOP RITOCCO CROMATICO Massimo Picardello Progetto Campus One ACCENTUAZIONE DEL CONTRASTO CON IL FILTRO MASCHERA DI CONTRASTO Il filtro Maschera di contrasto misura, in ciascun canale, la differenza

Dettagli