INFORMATICA E GRAFICA PER IL WEB
|
|
- Floriana Marino
- 8 anni fa
- Visualizzazioni
Transcript
1 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: Diana Quarti 01
2 COLORE: LA LUCE Un altro elemento di progettazione molto importante è il colore. Dal punto di vista fisico, 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. 2015/2016 docente: Diana Quarti 02
3 DENOMINARE IL COLORE Siamo abituati a chiamare i colori con i loro nomi: il bianco, il nero, il rosso, il verde, il blu, l arancione, il viola, ecc. Ma spesso questi nomi non sono sufficienti a descrivere un colore, o spesso possono raccogliere una gamma di colori molto diversa: Ma anche usare altri nomi non è sufficiente visto che anche l interpretazione di questi nomi non è univoco (basta cercare su google il colore glicine e vedere le numerose tonalità di viola che vengono fuori). entrambi i colori posso essere definiti arancione ma sono diversi! In altri casi invece potrebbe essere ambiguo assegnare un nome a un colore, e quindi spesso vengono aggiunti altri nomi più specifici per descrivere un colore. è un arancione? è un rosso? un vermiglione? INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 03
4 DESCRIVERE IL COLORE Un colore può essere descritto tramite alcune sue proprietà: La tonalità (hue) che viene definita dalla lunghezza d onda della luce (valori ) La saturazione (saturation) può essere definta come intensità o la purezza di un colore. Al dimiunire della sua saturazione il colore apparirà più grigio (valori 0%-100%) La luminosità (brightness) può essere definita come la chiarezza del colore. Al diminuire della luminosità il colore si avvicina al nero (valori 0%-100%) Dando un valore a ciascuna di queste caratteristiche possiamo definire in modo univoco un colore tramite il modello colore HSB. I modelli colore sono metodi matemaci che servono per rappresentare e definire i colori. INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 04
5 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. 2015/2016 docente: Diana Quarti 05
6 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. 2015/2016 docente: Diana Quarti 06
7 Codici CODICI colore COLORE per PER il web 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 In alcuni casì può essere utile avere degli elementi di colore in trasparenza, con i CSS3 è stata introdotta una nuova codifica rgba, che aggiunge il canale alpha alla codifica rgb. Per esempio: un nero con trasparenza al 70% avrà valori rgba(0, 0, 0, 0.7) INFORMATICA E GRAFICA PER IL WEB A.A. 2015/ /2014 docente: Diana Quarti 07 10
8 Web WEB safe SAFE color COLOR Web safe color Una quindicina decina anni di anni fa, i fa, computer i e le e schede le schede video supportavano video supportavano al massimo al massimo 256 colori 256 Una decina di anni fa, i computer e le schede colori che venivano che venivano gestiti gestiti in maniera in maniera diversa diversa dalle video supportavano al massimo 256 colori dalle diverse diverse piattaforme. piattaforme. Venne Venne creata creata una lista che venivano gestiti in maniera diversa dalle una di 216 lista diverse colori di 216 piattaforme. web colori standard web Venne standard che creata venivano una che lista venivano visualizzati di 216 visualizzati colori in modo web standard corretto. in modo che corretto. venivano visualizzati in modo corretto. Oggi sia i computer sia i dispositivi mobili permettono Oggi sia i la computer visualizzazione sia i dispositivi milioni mobili di colori permettono e l utilizzo L UTILIZZO la di visualizzazione questa DI QUESTA paletta PALETTA di milioni non è di più È necessario. OBSOLETO colori e l utilizzo E NON PIÙ di questa NECESSARIO. paletta non è più necessario. Quando usiamo il Quando usiamo il selettore colore selettore colore in Photoshop, in Photoshop, possiamo possiamo isolare isolare i colori i colori browser browser o o web web safe. safe. INFORMATICA E GRAFICA E PER PER IL WEB IL WEB A.A. 2013/2014 A.A. 2015/ /2014 docente: docente: Diana Quarti Diana Quarti
9 IL COLORE NEL PROGETTO GRAFICO Nel progetto di un interfaccia o di qualunque altro artefatto grafico, la scelta dell uso del colore è importante perchè aiuta a creare uniformità e identità. A ogni colore vengono inoltre attribuiti significati e simbologie, sia per alcune caratteristiche fisiche sia per cause di tipo culturale. Il rosso è un colore che richiama l attenzione e spesso viene usato per indicare pericolo, ma è anche associato all amore e alla passione. Al contrario il blu è un colore calmo, associato anche all eleganza e alla stabilità. In occidente il nero è il colore che viene usato per il lutto, mentre in alcuni paesi orientali viene usato il bianco. La scelta dei colori per un progetto: si può basare su una paletta di colore creata ad hoc dal designer selezionando alcuni colori da un immagine (o una serie di immagini) di partenza»» può essere sviluppata utilizzando come base la ruota dei colori e scegliendo un metodo di selezione del colore (monocromatica, colori complementari) INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 09
10 IL COLORE DALL IMMAGINE INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 10
11 IL COLORE: COLOR WHEEL Risorse per la scelta del colore usando la ruota cromatica: paletton.com kuler.adobe.com/it copaso/ monocromatico colori analoghi colori complementari triade complementare triade equilatera doppio complementare INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 11
12 COLOR WHEEL: ESEMPI monocromatico INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 12
13 COLOR WHEEL: ESEMPI colori analoghi INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 13
14 COLOR WHEEL: ESEMPI colori complementari INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 14
15 COLOR WHEEL: ESEMPI triade complementare INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 15
16 COLOR WHEEL: ESEMPI triade equilatera INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 16
17 COLOR WHEEL: ESEMPI doppio complementare INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 17
18 IL COLORE: CONTRASTO COLORE-SFONDO SI NO INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 18
19 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. 2015/2016 docente: Diana Quarti 19
20 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 ecc.) 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. 2015/2016 docente: Diana Quarti 20
21 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. 2015/2016 docente: Diana Quarti 21
22 Pixel PIXEL (picture (PICTURE element) 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. 2015/ /2014 docente: Diana Quarti 22 06
23 PHOTOSHOP: INTERFACCIA barra del menu barra delle proprietà area di lavoro (stage) con guide e righelli barra degli strumenti documento palette degli strumenti / windows barra di stato INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 23
24 PHOTOSHOP: I LIVELLI (LAYERS) L aggiunta del pannello dei livelli è stato sicuramente un cambiamento chiave che ha permesso a Photoshop di diventare un programma così versatile. I livelli permettono l elaborazione di una parte dell immagine senza modificarne il resto. Questo permette innanzi tutto di evitare di agire sull immagine in modo distruttivo. Potremmo paragonare i livelli a dei fogli di acetato trasparenti su cui ci sono gli elementi grafici dell immagine sovrapposti uno sull altro: l immagine globale è data dall insieme di questi fogli. È possibile visualizzare il pannello dei livelli tramite il menù Finestra > Livelli INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 24
25 DOMANDE? INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 25
26 LAVORARE CON I LIVELLI Per lavorare in modo efficiente con i livelli è bene tenere a mente alcune semplici regole: Nominare tutti i livelli in modo appropriato e coerente alla funzione e al contenuto Raggruppare i livelli in cartelle e spostare i livelli nell appropriata cartella: la ricerca e la modifica dei livelli è più veloce è puntuale Eliminare i livelli che non devono essere usati (soprattutto in una fase più definitiva del progetto): incrementano inutilmente la dimensione del file e il consumo di memoria OK OK NO NO APPENDICE INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 26
27 LAVORARE CON I LIVELLI Globalizzare gli elementi e le maschere: evitare di ripetere lo stesso elemento (logo, fondo, icone ecc.) se non necessario: se necessita modifiche non bisognerà ripeterle per ogni istanza e il file.psd peserà meno. Agire sull immagine in modo non distruttivo: maschere, smart objects e adjustment layers evitano di perdere definitivamente i pixel dell immagine. Se bisogna ingrandire un immagine o tornare da un immagine in bianco e nero a quella a colori, è molto più facile se non è stata rasterizzata o trasformata in un unico livello. Usare Composizioni livelli per mostrare le variazioni di layout (ad es. overlay e menù a tendina, differenti layout di pagina ecc.) OK OK NO NO APPENDICE INFORMATICA E GRAFICA PER IL WEB A.A. 2015/2016 docente: Diana Quarti 27
INFORMATICA E GRAFICA PER IL WEB
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
DettagliINFORMATICA 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 02 INFORMATICA E GRAFICA PER IL WEB A.A. 2014/2015 docente:
DettagliINFORMATICA 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:
DettagliIl 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
DettagliModelli 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
Dettagligestione 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,
DettagliImmagini 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
DettagliINFORMATICA. 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
DettagliIl 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:
DettagliImmagini 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
DettagliINFORMATICA 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:
DettagliCORSI 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
DettagliLe 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
DettagliCorso 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
DettagliINFORMATICA E GRAFICA PER IL WEB
INFORMATICA E GRAFICA PER IL WEB Scienze psicosociali della comunicazione A.A. 2017/2018 Università degli studi Milano-Bicocca docente: Diana Quarti LEZIONE 02 INFORMATICA E GRAFICA PER IL WEB A.A. 2017/2018
DettagliImmagini 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
Dettagliidea+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
DettagliINFORMATICA E GRAFICA PER IL WEB GRAFICA E COLORE. INFORMATICA E GRAFICA PER IL WEB docente: Diana Quarti 01
INFORMATICA E GRAFICA PER IL WEB GRAFICA E COLORE INFORMATICA E GRAFICA PER IL WEB docente: Diana Quarti 01 GRAFICA E VISUAL DESIGN L obiettivo principale del visual design, del design della comunicazione
DettagliCapitolo 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
DettagliI 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
DettagliGuida 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à
DettagliEsercitazioni 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
DettagliCodifica 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
DettagliNavigare 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
DettagliImmagini 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
DettagliUn ripasso di aritmetica: Rappresentazione binaria - operazioni. riporti
Un ripasso di aritmetica: Rappresentazione binaria - operazioni A queste rappresentazioni si possono applicare le operazioni aritmetiche: riporti 1 1 0 + 1 0 = 1 0 0 24 Un ripasso di aritmetica: Rappresentazione
DettagliCodifica 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.
DettagliCorso 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
DettagliCorso: 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à
DettagliOrigine 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)
DettagliSono uno strumento di composizione efficace per combinare più foto in una sola immagine e per effettuare correzioni locali di colori e toni.
Maschere di Livello Maschere di livello Le maschere di livello sono utili per nascondere porzioni del livello a cui vengono applicate e rivelare i livelli sottostanti. Sono uno strumento di composizione
DettagliDemo. La palette allinea. La palette Anteprima conversione trasparenza. Adobe Illustrator CS2
Le Palette (parte prima) Come abbiamo accennato le Palette permettono di controllare e modificare il vostro lavoro. Le potete spostare e nascondere come spiegato nella prima lezione. Cominciamo a vedere
DettagliIMMAGINE 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
DettagliCodifica 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
DettagliLA 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.
DettagliSVG Editor. Istituto Italiano Edizioni Atlas 1
SVG Editor SVG-edit è un applicazione per la creazione e modifica di grafica vettoriale in formato svg disponibile on-line. E compatibile con qualsiasi browser, essendo realizzato in linguaggio JavaScript.
DettagliRegione Toscana. ARPA Fonte Dati. Manuale Amministratore. L. Folchi (TAI) Redatto da
ARPA Fonte Dati Regione Toscana Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.0 Data emissione 06/08/13 Stato DRAFT 1 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 2 Sommario
DettagliGuida 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
DettagliMarta 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
DettagliCapitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti
Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta
DettagliUNIVERSITÀ - 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
DettagliGuida all uso di Java Diagrammi ER
Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con
DettagliCome costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali
PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video
DettagliAll interno dei colori primari e secondari, abbiamo tre coppie di colori detti COMPLEMENTARI.
Teoria del colore La teoria dei colori Gli oggetti e gli ambienti che ci circondano sono in gran parte colorati. Ciò dipende dal fatto che la luce si diffonde attraverso onde di diversa lunghezza: ad ogni
DettagliGrafica 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
DettagliCORSO 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
DettagliTipi 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
DettagliPHOTOSHOP BREVE TUTORIAL
PHOTOSHOP BREVE TUTORIAL CARATTERISTICHE INNOVATIVE DI PHOTOSHOP CS SOMMARIO Il file browser Galleria dei filtri Disporre testo su un tracciato Paletta degli istogrammi Omogeneizzazione del colore ed acquisizione
DettagliEffetto vintage con Photoshop CS5 Il fascino del passato
Effetto vintage con Photoshop CS5 Il fascino del passato Autore: Redazione Come fare a... Tratto dal sito: Come fare a... Usa gli strumenti per la vita digitale Il passato ha sempre il suo fascino e questo
DettagliGestire immagini e grafica con Word 2010
Gestire immagini e grafica con Word 2010 Con Word 2010 è possibile impaginare documenti in modo semi-professionale ottenendo risultati graficamente gradevoli. Inserire un immagine e gestire il testo Prima
DettagliLezione 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).
DettagliCome 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
DettagliLE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE Che cosa sono e a cosa servono le caratteristiche? Oltre a descrivere le qualità di un prodotto con un testo generico (descrizione) è possibile dettagliare
DettagliDatabase. Si ringrazia Marco Bertini per le slides
Database Si ringrazia Marco Bertini per le slides Obiettivo Concetti base dati e informazioni cos è un database terminologia Modelli organizzativi flat file database relazionali Principi e linee guida
Dettagli7. Layer e proprietà degli oggetti
7. Layer e proprietà degli oggetti LAYER 09/01/13 ing. P. Rordorf arch. D. Bruni arch. A. Chiesa ing. A. Ballarini 38(52) Le proprietà dei layer: - Nome: ogni layer ha un nome proprio che ne permette una
DettagliGuida alla registrazione on-line di un DataLogger
NovaProject s.r.l. Guida alla registrazione on-line di un DataLogger Revisione 3.0 3/08/2010 Partita IVA / Codice Fiscale: 03034090542 pag. 1 di 17 Contenuti Il presente documento è una guida all accesso
DettagliOPERATORE GRAFICO IN AZIENDA. è un progetto
è un progetto PERCHÉ È UTILE? Per consentire al personale già in forza all azienda di realizzare semplici lavori di grafica (biglietti da visita, volantini, banner, inserzioni sulla stampa, materiale fieristico,
DettagliSettaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
DettagliC 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
DettagliEasyPrint v4.15. Gadget e calendari. Manuale Utente
EasyPrint v4.15 Gadget e calendari Manuale Utente Lo strumento di impaginazione gadget e calendari consiste in una nuova funzione del software da banco EasyPrint 4 che permette di ordinare in maniera semplice
DettagliLe 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.
DettagliExcel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
DettagliGuida Joomla. di: Alessandro Rossi, Flavio Copes
Guida Joomla di: Alessandro Rossi, Flavio Copes Grafica e template 1. 15. La grafica e i template Personalizzare l'aspetto del sito aggiungendo nuovi template e customizzandoli 2. 16. Personalizzare il
Dettagli4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO
4.1 PER INIZIARE 4.1.1 PRIMI PASSI COL FOGLIO ELETTRONICO 4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO L icona del vostro programma Excel può trovarsi sul desktop come in figura. In questo caso basta
DettagliElaborazione testi: immagini
by Studio Elfra sas Gestione Immagini Aggiornato a Aprile 2009 Informatica di base 1 Elaborazione testi: immagini Il testo di un documento di Word può essere integrato con immagini di vario tipo: 2 1 Elaborazione
DettagliIntroduzione 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
DettagliUniversità di L Aquila Facoltà di Biotecnologie Agro-alimentari
RIFERIMENTI Università di L Aquila Facoltà di Biotecnologie Agro-alimentari Esame di Laboratorio di informatica e statistica Parte 3 (versione 1.0) Il riferimento permette di identificare univocamente
DettagliLa 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
DettagliCREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office
CREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office INTRODUZIONE Le mappe concettuali sono strumenti utili per lo studio e la comunicazione. Sono disponibili vari software
DettagliRich Media Communication Using Flash CS5
Rich Media Communication Using Flash CS5 Dominio 1.0 Impostare i requisiti del progetto 1.1 Individuare lo scopo, i destinatari e le loro esigenze per i contenuti multimediali. 1.2 dentificare i contenuti
DettagliCome usare P-touch Transfer Manager
Come usare P-touch Transfer Manager Versione 0 ITA Introduzione Avviso importante Il contenuto di questo documento e le specifiche di questo prodotto sono soggetti a modifica senza preavviso. Brother si
DettagliLaboratorio informatico di base
Laboratorio informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche (DISCAG) Università della Calabria Dott. Pierluigi Muoio (pierluigi.muoio@unical.it) Sito Web del corso: www.griadlearn.unical.it/labinf
DettagliPer effettuare la stampa di una cartella di lavoro si accede al comando. Stampa dal menu File o si utilizza il pulsante omonimo sulla barra
4.5 Stampa 4.5.1 Stampare semplici fogli elettronici 4.5.1.1 Usare le opzioni di base della stampa Per effettuare la stampa di una cartella di lavoro si accede al comando Stampa dal menu File o si utilizza
DettagliFotografia corso base. Educazione Permanente Treviso. Specifiche digitali. Federico Covre. http://arcifotografiabase.wordpress.com
Fotografia corso base Educazione Permanente Treviso Specifiche digitali http://arcifotografiabase.wordpress.com Federico Covre Pixel (picture element) Indica ciascuno degli elementi puntiformi che compongono
DettagliProgetto: ARPA Fonte Dati. ARPA Fonte Dati. Regione Toscana. Manuale Amministratore
ARPA Fonte Dati Regione Toscana 1 Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.1 Data emissione 09/10/13 Stato FINAL 2 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 1.1 09/10/2013
Dettagli3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.
Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione
Dettagliper immagini guida avanzata Stampare i fogli di lavoro di Excel Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Stampare i fogli di lavoro di Excel Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Stampare un foglio di lavoro per immagini guida avanzata utilizzare la finestra di dialogo Stampa per scegliere
DettagliDigiCad 3D 8.5. Note di rilascio
Note di rilascio DigiCad 3D 8.5-1 - DigiCad 3D 8.5 Note di rilascio Queste note descrivono le differenze fra la versione 8.5 di DigiCad 3D e le versioni precedenti. Per maggiori informazioni si rimanda
DettagliLA TEORIA DEL COLORE. Colori Primari. Colori Secondari. Colori Terziari
LA TEORIA DEL COLORE Alcune nozioni di teoria del colore sono necessarie per chi si dedica al lavoro creativo del Patchwork. Esse servono per acquisire sempre maggior sicurezza nel decidere l effetto che
DettagliManuale Amministratore Legalmail Enterprise. Manuale ad uso degli Amministratori del Servizio Legalmail Enterprise
Manuale Amministratore Legalmail Enterprise Manuale ad uso degli Amministratori del Servizio Legalmail Enterprise Pagina 2 di 16 Manuale Amministratore Legalmail Enterprise Introduzione a Legalmail Enterprise...3
DettagliIl menu File contiene tutti i comandi relativi alle seguenti operazioni:
1 - FILE FIGURA 1.1 Il menu File contiene tutti i comandi relativi alle seguenti operazioni: - apertura e salvataggio di disegni nuovi ed esistenti; - spedizione di disegni tramite email; - collegamento
DettagliIl controllo della visualizzazione
Capitolo 3 Il controllo della visualizzazione Per disegnare in modo preciso è necessario regolare continuamente l inquadratura in modo da vedere la parte di disegno che interessa. Saper utilizzare gli
DettagliEXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
Dettagliper immagini guida avanzata Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Una tabella Pivot usa dati a due dimensioni per creare una tabella a tre dimensioni, cioè una tabella
DettagliColorSplitter. La separazione automatica dei colori di Colibri.. Perché ColorSplitter? Come opera ColorSplitter?
ColorSplitter La separazione automatica dei colori di Colibri.. ColorSplitter è una nuova funzionalità aggiunta a Colibri, che permette di elaborare un immagine trasformandola in una separata in canali
DettagliCapitolo 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
DettagliIride: 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
DettagliEsame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
Dettaglilo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000
Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,
DettagliRiduzione del rumore con Photoshop Cs5. Immagini scattate con ISO elevati
Riduzione del rumore con Photoshop Cs5 Immagini scattate con ISO elevati Precedentemente abbiamo visto come ridurre il rumore elettronico con Photoshop Cs4, si svolgeva in due fasi, la prima leggera sul
DettagliOrganizzazione delle informazioni: Database
Organizzazione delle informazioni: Database Laboratorio Informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche Università della Calabria Dott. Pierluigi Muoio (pierluigi.muoio@unical.it)
DettagliLa 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
DettagliDal menù a tendina File, scegliere l opzione Open
IMPORTAZIONE DA AUTOCAD A ILLUSTRATOR Dal menù a tendina File, scegliere l opzione Open Impostare come Tipo file Autocad drawing.dwg L importazione di file.dwg permette di definire la scala di rappresentazione
Dettaglimanuale utente per Viabizzuno online
manuale utente per Viabizzuno online nuova piattaforma di e-business Viabizzuno il primo approccio con il nuovo sistema è la pagina di autenticazione. già qui appare la prima novità, ovvero il recupero
DettagliGESCO MOBILE per ANDROID
GESCO MOBILE per ANDROID APPLICAZIONE PER LA GESTIONE DEI DISPOSITIVI GSM GESCO aggiornamenti su www.gesco.it GUIDA ALL USO Vi ringraziamo per aver scelto la qualità dei prodotti GESCO. Scopo di questa
DettagliInformatica 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
Dettagli2.7 La cartella Preparazioni e CD Quiz Casa
2.7 La cartella Preparazioni e CD Quiz Casa SIDA CD Quiz Casa è il cd che permette al candidato di esercitarsi a casa sui quiz ministeriali e personalizzati. L autoscuola può consegnare il cd al candidato
DettagliRappresentazione delle Immagini
Rappresentazione delle Immagini Metodi di rappresentazione Raster: Informazione grafica rappresentata come matrice di pixel Vettoriale: Informazione grafica rappresentata da relazioni matematiche (funzioni
DettagliComando STAMPA. Attiva la finestra di dialogo nella quale vengono impostati i parametri per ottenere tavole stampate:
Stampare disegni Comando STAMPA Attiva la finestra di dialogo nella quale vengono impostati i parametri per ottenere tavole stampate: Su plotter Su stampante In formato elettronico Corso 2D: Stampa Disegni
DettagliQuinta lezione: Stampare e salvare una mappa
Quinta lezione: Stampare e salvare una mappa Stampa e salvataggio in vari formati. Utilizzare il prodotto per inserirlo in relazioni, come base di disegni In questa lezione vedremo come creare una mappa
Dettagli