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

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

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

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

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

INFORMATICA E GRAFICA PER IL WEB

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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

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

Corso di Grafica Computazionale

Corso di Grafica Computazionale Corso di Grafica Computazionale Premesse Teoriche Docente: Massimiliano Corsini Laurea Specialistica in Ing. Informatica Università degli Studi di Siena Overview Premesse Teoriche Mini-ripasso geometria

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Un passo indietro Nelle immagini raster ogni pixel dell immagine ha associato un colore. Nelle immagini Vettoriali ogni forma geometrica ha un colore associato.

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

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

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

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

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

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

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

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

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

Informatica per i beni culturali

Informatica per i beni culturali Informatica per i beni culturali Corso di laurea magistrale in Archeologia Lezione 2 Architettura dei calcolatori e codifica di immagini Mario Alviano e Roberto Parise Sommario Hardware e software Grafica

Dettagli

Logo per il Dipartimento per le Politiche Comunitarie MANUALE GRAFICO. rispetvarianti cromatichversioni

Logo per il Dipartimento per le Politiche Comunitarie MANUALE GRAFICO. rispetvarianti cromatichversioni Logo per il Dipartimento per le Politiche Comunitarie ogo Il loimensioni del logo MANUALE GRAFICO Zona di linguisticheda non faregrafi a Marzo 2007 Manuale grafico Il logo Il logo simboleggia L immagine

Dettagli

Imaging. Informatica. Prof. Pierpaolo Vittorini pierpaolo.vittorini@univaq.it

Imaging. Informatica. Prof. Pierpaolo Vittorini pierpaolo.vittorini@univaq.it pierpaolo.vittorini@univaq.it Università degli Studi dell Aquila Dip.to di Medicina Interna, Sanità Pubblica, Scienze della Vita e dell Ambiente Codifica di segnali I segnali provenienti da un apparato

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

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

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

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

C M A P M IONAM A E M NT N O IMMAGINE DIGITALE Nelle immagini digitali, il contenuto fotografico (radiometria) viene registrato sotto forma di numeri. Si giunge a tale rappresentazione (RASTER) suddividendo l immagine fotografica

Dettagli

DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE. Gruppo Iseo Immagine 10 novembre 2009. A cura di Giancarlo Caperna bfi

DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE. Gruppo Iseo Immagine 10 novembre 2009. A cura di Giancarlo Caperna bfi DIMENSIONI DELLE IMMAGINI e PROFONDITA DEL COLORE Gruppo Iseo Immagine 10 novembre 2009 A cura di Giancarlo Caperna bfi I PIXEL I pixel di un immagine digitale sono l analogo dei granuli di sali della

Dettagli

Dalla macchina fotografica allo scanner spettrofotometrico

Dalla macchina fotografica allo scanner spettrofotometrico Dalla macchina fotografica allo scanner spettrofotometrico G.ANTONIOLI, F.FERMI, C.OLEARI, R.REVERBERI Università di Parma e INFM-Unità di Ricerca di Parma, Dipartimento di Fisica, Parco Area delle Scienze

Dettagli

È ORA di diventare GRANdI. MASTER IN GRAPHIC E WEb design 328 ore 76 lezioni da 4 ore 2 Volte a settimana + 6 WorKshop. MASTER IN GRAPHIC design

È ORA di diventare GRANdI. MASTER IN GRAPHIC E WEb design 328 ore 76 lezioni da 4 ore 2 Volte a settimana + 6 WorKshop. MASTER IN GRAPHIC design MASTER IN GRAPHIC E WEb design 328 ore 76 lezioni da 4 ore 2 Volte a settimana + 6 WorKshop È ORA di diventare GRANdI MASTER IN GRAPHIC design CERTIFIED ASSOCIATE AbC formazione PROfESSIONALE Via Pisanelli,

Dettagli

La rappresentazione delle informazioni

La rappresentazione delle informazioni La rappresentazione delle informazioni In queste pagine cercheremo di capire come sia possibile rappresentare mediante numeri e memorizzare in un file testi, immagini, video, suoni Il computer per lavorare

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

Misura delle proprietà di trasmissione e assorbimento della luce da parte dei materiali mediante spettrofotometro

Misura delle proprietà di trasmissione e assorbimento della luce da parte dei materiali mediante spettrofotometro Misura delle proprietà di trasmissione e assorbimento della luce da parte dei materiali mediante spettrofotometro Apparato sperimentale: Spettrofotometro digitale SPID HR (U21830) con software di acquisizione,

Dettagli

GRAFICA DIGITALE. Le immagini visualizzate sul monitor non sono tutte uguali, ma si dividono in due categorie: immagini vettoriali immagini raster

GRAFICA DIGITALE. Le immagini visualizzate sul monitor non sono tutte uguali, ma si dividono in due categorie: immagini vettoriali immagini raster GRAFICA DIGITALE L'analisi delle immagini consiste nell'estrazione di informazioni da immagini di una scena reale; si basa sulla possibilità di formulare una rappresentazione matematica della distribuzione

Dettagli

Colori e Arcobaleno. La composizione della luce

Colori e Arcobaleno. La composizione della luce Colori e Arcobaleno Noi vediamo grazie alla luce, ma che cosa sono tutti i colori che ci circondano? La luce del Sole è proprio bianca come la vediamo? Come si forma l arcobaleno? Perché il cielo è azzurro?

Dettagli