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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CHE COS È IL COLORE? Colore - X 10 Y 8 Z 35

CHE COS È IL COLORE? Colore - X 10 Y 8 Z 35 CHE COS È IL COLORE? Il colore nasce dalla luce. La luce che colpisce un oggetto viene parzialmente assorbita a seconda del colore. La parte non assorbita viene riflessa e trasmessa ai recettori cromatici

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

Adobe illustrator CS5

Adobe illustrator CS5 Adobe illustrator CS5 Definizione: La grafica computerizzata o computer grafica (CG) riguarda l attività di generazione e manipolazione di immagini per mezzo di un elaboratore digitale [computer]. Viene

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

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

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

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

1.4d: Periferiche di Output

1.4d: Periferiche di Output 1.4d: Periferiche di Output 2 Bibliografia Curtin, Foley, Sen, Morin Informatica di base, Mc Graw Hill Ediz. Fino alla III : cap. 4.10, 4.11, 4.12, 4.13, 4.14 IV ediz.: cap. 3.10, 3.11, 3.12, 14.1, 14.2

Dettagli

Teoria dell immagine

Teoria dell immagine Archivi fotografici: gestione e conservazione Teoria dell immagine Elementi di base: la luce, l interazione tra luce e materia, il colore Mauro Missori Cos è la fotografia? La fotografia classica è un

Dettagli

Analisi ottica dei dipinti in falso colore.

Analisi ottica dei dipinti in falso colore. Analisi ottica dei dipinti in falso colore. Questa tecnica di analisi, denominata anche infrarosso colore è utilizzato dal restauratore o dallo storico dell Arte per individuare sul dipinto zone che hanno

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

Fiery Color Server. Riferimento per il colore Fiery

Fiery Color Server. Riferimento per il colore Fiery Fiery Color Server Riferimento per il colore Fiery 2009 Electronics for Imaging, Inc. Per questo prodotto, il trattamento delle informazioni contenute nella presente pubblicazione è regolato da quanto

Dettagli

Linguaggi ed Applicazioni mul1mediali

Linguaggi ed Applicazioni mul1mediali Università degli Studi di Urbino "Carlo Bo" Linguaggi ed Applicazioni mul1mediali 02.01 introduzione ai principali media Introduzione ai principali media Maurizio Maffi ISTI Informa1on Science and Technology

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

1.3a: La Codifica Digitale delle Immagini

1.3a: La Codifica Digitale delle Immagini 1.3a: La Codifica Digitale delle Immagini Bibliografia Curtin, 4.7 e 4.9 (vecchie edizioni) Curtin, 3.7 e 3.9 (nuova edizione) CR pag. 14-18 Questi lucidi La codifica delle immagini: Pixel Un immagine

Dettagli

Periferiche di hardcopy 2D e 3D

Periferiche di hardcopy 2D e 3D Knowledge Aided Engineering Manufacturing and Related Technologies Dipartimento di Ingegneria Industriale Università di Parma Periferiche di hardcopy 2D e 3D Motivazione sono necessari documenti permanenti,

Dettagli

Rappresentazione dell informazione. Bogdan Maris (2014-2015)

Rappresentazione dell informazione. Bogdan Maris (2014-2015) Rappresentazione dell informazione 1 Rappresentare l informazione Per elaborare l informazione è necessario saperla rappresentare in una forma comprensibile per l esecutore Bisogna stabilire un codice

Dettagli

CORSO DI WEB DESIGN 40 ORE

CORSO DI WEB DESIGN 40 ORE CORSO DI WEB DESIGN 40 ORE Adobe Photoshop CS5 Unità didattica 1: Grafica bitmap ed introduzione all utilizzo di photoshop Concetti fondamentali di Photoshop Immagini bitmap e grafica vettoriale Dimensioni

Dettagli

AZIENDE. Destinatari Utenti che devono utilizzare a livello base o avanzato applicazioni di office automation.

AZIENDE. Destinatari Utenti che devono utilizzare a livello base o avanzato applicazioni di office automation. AZIENDE 1) Information Technology 1.1 Open Office Il mondo Open Source rappresenta per l'azienda una determinante opportunità di contenimento dei costi pur mantenendo assoluta qualità dei prodotti. La

Dettagli

Mini Corso di Fotografia

Mini Corso di Fotografia Le dispense del Mini Corso di Fotografia LA PRIMA LEZIONE: Scrivere con la luce Lo spettro della luce Perché vediamo i colori Luce riflessa e luce incidente Le fotocamere digitali I sensori d immagine

Dettagli

gutenberg s world come rendere possibile una felice convivenza tra creativi e tipografi powered by [tuttofinto]

gutenberg s world come rendere possibile una felice convivenza tra creativi e tipografi powered by [tuttofinto] gutenberg s world come rendere possibile una felice convivenza tra creativi e tipografi powered by [tuttofinto] probabilmente hai scaricato questo pdf da http://graficaedeliri.blogspot.com questo lavoro

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

Grafica Bitmap e Grafica Vettoriale

Grafica Bitmap e Grafica Vettoriale ITCG CATTANEO CON LICEO DALL'AGLIO- via Matilde di Canossa, 3 - Castelnovo ne Monti (RE) Sezione ITI - Corso di Fisica - prof. Massimo Manvilli Grafica Bitmap e Grafica Vettoriale Grafica vettoriale :

Dettagli

Come creare da InDesign un file Pdf adatto alla stampa offset.

Come creare da InDesign un file Pdf adatto alla stampa offset. Come creare da InDesign un file Pdf adatto alla stampa offset. Con questi brevi appunti vi suggeriamo come preparare un file PDF da InDesign, destinato ad essere stampato in tipografia. Creare un nuovo

Dettagli

Elementi di grafica raster

Elementi di grafica raster Elementi di grafica raster Le immagini Una immagine è una rappresentazione spaziale di un oggetto o di una scena Una immagine digitale è una rappresentazione di una scena anche 3D dopo il processo di acquisizione

Dettagli

Stampare? È facile! San Martino di Lupari - Viale Europa, 41 Tel. 049 5952177 - Fax 049 9468532 info@tipografiatrevisan.com

Stampare? È facile! San Martino di Lupari - Viale Europa, 41 Tel. 049 5952177 - Fax 049 9468532 info@tipografiatrevisan.com Stampare? È facile! San Martino di Lupari - Viale Europa, 41 Tel. 049 5952177 - Fax 049 9468532 info@tipografiatrevisan.com Impaginare? più facile di quanto credi... Devo usare il Macintosh o il PC? È

Dettagli

Codifica dei caratteri (ASCII)

Codifica dei caratteri (ASCII) Codifica dei caratteri (ASCII) I caratteri di un testo vengono codificati tramite sequenze di bit, utilizzando un codice di traduzione. Quello più usato è il codice ASCII (American Standard Code for Information

Dettagli

Tecniche di buona progettazione di pagine web

Tecniche di buona progettazione di pagine web Tecniche di buona progettazione di pagine web Antonio Lioy < lioy@polito.it > Politecnico di Torino Dip. Automatica e Informatica Quali font scegliere? non usare mai più di 3 o 4 font diversi per pagina

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

Manuale sull applicazione del Marchio ad uso pubblicitario

Manuale sull applicazione del Marchio ad uso pubblicitario Manuale sull applicazione del Marchio ad uso pubblicitario SOMMARIO Introduzione 3 Versione positiva - Quadricromia 5 Versione negativa - Quadricromia 7 Versione positiva - 1 colore 9 Versione negativa

Dettagli

Il linguaggio HTML - Nozioni di base (2)

Il linguaggio HTML - Nozioni di base (2) Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base (2) Dott. Chiara Braghin braghin@dti.unimi.it TAG strutturali visti fino ad ora -

Dettagli

Grafica Introduzione. Tipologie di multimedia

Grafica Introduzione. Tipologie di multimedia Grafica Introduzione Nella progettazione e nello sviluppo delle siti Web è ormai universalmente diffusa la presenza di elementi multimediali che hanno il duplice scopo di arricchire la pagine di nuovo

Dettagli

Grafica Digitale sul WEB

Grafica Digitale sul WEB Rete civica del Comune di Prato Grafica Digitale sul WEB di Valentino Bianco Introduzione La realizzazione di un sito web è un operazione che coinvolge e fonde diverse competenze, che sono necessarie per

Dettagli

Guida Ricoh alla stampa grafica 2: Trasparente lucido

Guida Ricoh alla stampa grafica 2: Trasparente lucido Le macchine da stampa digitali a 5 colori Ricoh Pro C7100x offrono una straordinaria scelta di possibilità creative per progettisti grafici e stampatori, fornendo valore aggiunto ad una vasta gamma di

Dettagli

IL COLORE LE IMMAGINI

IL COLORE LE IMMAGINI Capitolo decimo IL COLORE LE IMMAGINI Introduzione Siamo immersi in un mondo colorato. Anche i nostri sogni sono colorati. Il colore fa talmente parte della nostra quotidiana esistenza da non richiedere

Dettagli

COME GENERARE PDF PER LA PRESTAMPA

COME GENERARE PDF PER LA PRESTAMPA COME GENERARE PDF PER LA PRESTAMPA NOTE GENERALI Il PDF (Adobe Portable Document Format) è il formato più leggero e affidabile per far giungere i propri documenti alla prestampa. Perché i PDF non creino

Dettagli

UNIVERSITÀ DEGLI STUDI DI TRIESTE

UNIVERSITÀ DEGLI STUDI DI TRIESTE UNIVERSITÀ DEGLI STUDI DI TRIESTE Corso di Elaborazione Elettronica di Immagini IL COLORE PARTE 2 Gabriele Guarnieri Sommario Spazi colore percettivamente uniformi 1 Spazi colore percettivamente uniformi:

Dettagli

Preparazione dei files impaginati

Preparazione dei files impaginati Preparazione dei files impaginati IMMAGINI Metodo > Le immagini devono essere fornite in CMYK a 8 bit; > L eventuale fornitura di immagini in RGB che richiedono la conversione in CMYK, interventi cromatici

Dettagli

Illuminotecnica. Introduzione al calcolo illuminotecnico

Illuminotecnica. Introduzione al calcolo illuminotecnico Illuminotecnica Introduzione al calcolo illuminotecnico 1 Illuminotecnica La radiazione luminosa Con il termine luce si intende l insieme delle onde elettromagnetiche percepibili dall occhio umano. Le

Dettagli

Elementi di Informatica e Programmazione

Elementi di Informatica e Programmazione Elementi di Informatica e Programmazione La Codifica dell informazione (parte 4) Corsi di Laurea in: Ingegneria Civile Ingegneria per l Ambiente e il Territorio Università degli Studi di Brescia Docente:

Dettagli

IMMAGINI DIGITALI e computer graphics

IMMAGINI DIGITALI e computer graphics IMMAGINI DIGITALI e computer graphics IMMAGINI (raster) acquisite (da scanner*, da dispositivo fotografico digitale, singolo frame da telecamera digitale, singolo frame da telecamera o videoplayer connessi

Dettagli