4250mm
5850mm
Grafica con il Computer
Computer Graphics
“Computer graphics are graphics created by
computers and, more generally, the
representation and manipulation of pictorial
data by a computer”
Tipologie
• Esistono due tipi di rappresentazione grafica
degli oggetti:
– Raster, ovvero rappresentazione mediante un
reticolo di punti (derivato dalla TV)
– Vettoriale, ovvero mediante la modellazione degli
getti (su base matematica)
Grafica a Raster
• L’immagine è rappresentata pittoricamente
mediante i “punti” colorati di uno schermo.
Grafica Vettoriale
• Le immagini, gli oggetti, il testo, …. Sono
rappresentati con le loro proprietà
matematiche
Scalable Vector Graphics
• Scalable Vector Graphics abbreviato in SVG,
indica una tecnologia in grado di visualizzare
oggetti di grafica vettoriale e, pertanto, di
gestire immagini scalabili dimensionalmente.
• Più specificamente si tratta di un linguaggio
che si pone l'obiettivo di descrivere figure
bidimensionali statiche e animate.
Scalable Vector Graphics
• SVG permette di trattare tre tipi di oggetti
grafici:
– forme geometriche, cioè linee costituite da
segmenti di retta e curve e aree delimitate da
linee chiuse;
– immagini della grafica raster e immagini digitali;
– testi esplicativi, eventualmente cliccabili.
Scalable Vector Graphics
Le potenzialità di una grafica vettoriale scalabile sono notevoli:
• La geometria di ciascun elemento grafico è definita matematicamente,
anziché essere rapresentata mediante rigide tabelle di pixel
• È possibile ridimensionare a piacere qualsiasi elemento grafico,
mantenendone la qualità. Più in particolare, nel visualizzare un dato
oggetto grafico su supporti di differente natura (stampa, video, plotter,
schermo di cellulare, ...), si è certi di ottenere sempre la massima qualità
che quei supporti possono fornire.
• Tali potenzialità interessano praticamente tutte le applicazioni grafiche che
non siano puramente raster, cioè basate su mappe di pixel (nella pratica
immagini provenienti da fotocamere o da scansioni).
Raster
Pixel Art
• La pixel art è una forma di arte digitale. Si tratta di
una tecnica per costruire immagini che segue le
orme della corrente del divisionismo (pointillisme), il
cui maggior esponente fu Georges Seurat.
• La differenza più evidente è che, invece di utilizzare
un pennello, si utilizza il mouse e un software di
grafica raster
• In questa forma si usa dire "each pixel was placed
carefully" per ottenere il risultato voluto
Rappresentazione delle Immagini
• Pixel art is preferably stored in a file format utilizing lossless
data compression, so that each pixel can be stored and
retrieved with exact precision.
• GIF and PNG are two file formats commonly used for saving
pixel art.
• Saving pixel art in JPEG format can be detrimental to the work
(due to the JPEG's lossy compression algorithm and chroma
subsampling).
• BMP is also avoided, due to its lack of image compression and
poor cross-platform support.
Strumenti
• Sono molto semplici … con ogni copia di Windows è
distribuito il PAINT
• La manipolazione delle immagini è fatta pixel per
pixel
• Le operazioni si eseguono su una immagine BMP-like
Operazioni
• Ogni modifica al disegno si sovrappone in
modo irreversibile.
• Si possono eseguire sovrapposizioni,
spostamenti, cancellazioni
Modifiche in Raster
• Mediante la sovrapposizione di livelli è possibile costruire
immagini “mediamente” modificabili.
Vector
•
•
•
•
•
•
•
•
La Vector graphics usa primitive geometriche come punti, linee, curve, e forme
poligonali, che sono basate su equazioni, per rappresentare immagini.
Nella Vector graphics i files memorizzano le linee, le forme e i colori che
costituiscono l’immagine come formule matematiche
Un programma di vector graphics usa le formule matematiche per costruire le
immagini sullo schermo costruendo la migliore immagine possibile in
dipendenza della risoluzione dello schermo.
Le formule matematiche determinano dove i punti che costituiscono la
immagine devono essere messi per il miglior risultato.
Per questa ragione le immagini vettoriali sono “scalabili” in ogni dimensione e
dettaglio e la qualità è determinata solo dalla caratteristica dello schermo (o
della stampante, … o del plotter ….).
L’immagine riprodotta sulla carta è normalmente più ricca di particolari
rispetto allo schermo anche se si usano gli stessi dati per rappresentare la
immagine.
Un editor di vector graphics è un programma che permette agli utenti di
comporre, ed editare immagine in modo interattivo.
Le immagini possono essere salvate in uno dei formati di vector graphics
come per esempio EPS, PDF, WMF, SVG or VML…. E molti altri più o meno
proprietari
Autocad
• E’ il punto di riferimento
Alternative professionali
• progeCAD 2008 Smart! - free
– Private use Only: is for private, non-commercial use only. The use of
progeCAD 2008 Smart! within any organization or for commercial and
business purposes is strictly prohibited.
http://www.progecad.com/compra/index.asp?left=progecad2008smart&lang=eng
Alternative professionali
http://www.solidedge.eu.com/isapi/pagegen.dll/pages?campaign=home&page=free_2d&lang=it
Alternative professionali
http://www.cadstd.com/
Visio, Smartdraw o altri
• Sono alternative (semplici!!) di costo
ragionevole di tipo general purpose
http://en.wikipedia.org/wiki/Comparison_of_vector_editors
VISIO
• Microsoft Office Visio è più di un semplice programma di
disegno
• Una “Forma (o shape)” agisce come un campo di un
visual database che memorizza i dati che poi possono
essere estratti in un report.
• Per esempio in una planimetria di una casa si può
memorizzare l’elenco degli oggetti, le loro dimensioni, il
loro costo ….
• La maggior parte delle forme predefinite
in Visio hanno già delle “proprietà”
associate
• E’ possibile creare nuove “proprietà”
come pure nuove forme che vengono
odinate negli “stencil”
VISIO
• E’ un programma della Microsoft che si integra con i prodotti
della linea Office
• E’ possibile scaricarne una copia valida per 60gg di prova
http://trial.trymicrosoftoffice.com/trialitaly/product.aspx?re_ms=oo&family=visioprofessional&culture=it-IT
Un esempio VISIO
Un esempio VISIO
Un esempio VISIO
Un esempio VISIO
Questa non è
Una immagine
Ma un insieme
di oggetti
1,8 m x 0,8 m
Un esempio VISIO
Un esempio VISIO
Un esempio VISIO
Un esempio VISIO