introduzione alla grafica digitale

Introduzione alla grafica digitale
INTRODUZIONE ALLA GRAFICA DIGITALE
v 2.1 Ugo Romano 14/12/07
Corso Web Design & Animation
Introduzione
La Grafica è sicuramente uno dei settori completamente rivoluzionato dal progresso
dell'Information Technology.
Tecniche una volta esclusive dei centri di calcolo universitari, delle grandi aziende o
studi di architettura sono ora alla portata degli utenti avanzati del PC. Un personal
computer di oggi ha, dopotutto, la potenza di calcolo di una media workstation grafica
di dieci anni fa. Il trattamento dell'immagine, la grafica e l'animazione/video oggi sono
assolutamente imprescindibili dall'uso delle tecnologie digitali.
Analogico e
digitale
Digitale: la rappresentazione sotto forma numerica, ovvero attraverso cifre (digit).
Analogico: vuol dire viene rappresentato mediante l'uso di grandezze fisiche e
comparazioni.
es. la larghezza di un piano di lavoro indicata con un nastro (analogico) o con la misura
in cm (digitale)
Digitalizzazione
Digitalizzazione vuol dire trasformazione di un dato documento in una
rappresentazione per valori numerici.
Quando un documento viene digitalizzato i valori disponibili sono in realtà una
quantità finita (discreta) e dunque rispetto all'equivalente analogico, ogni segnale
digitale è rappresentato da valori arrotondati.
Immagini
Bitmap / Raster e
Vettoriale
I due metodi principali per la riproduzione di un'immagine digitale sono:
•
per punti (pixel) –
l'immagine viene
detta bitmap o raster
•
con linee e forme
definite
matematicamente
(formato vettoriale).
Illustrazione 1
Le immagini bitmap sono costituite da una matrice (griglia) rettangolare di punti x
per y ciascuno dei quali è associato ad un colore. 1
Le immagini vettoriali sono invece costruite da descrizioni matematiche di uno o più
forme dette tracciati.
Nella codifica dei tracciati vengono utilizzati vettori (segmenti di linea), punti di
curvatura, caratteristiche relative al tratto del segno e relative al colore o agli effetti di
riempimento.
1 In realtà in immagini a più colori o tonalità sono possibili procedure (anti alias) che
permettono di "ammorbidire" i contorni delle immagini digitali. Un contrasto troppo accentuato tra i
bordi dell'immagine e lo sfondo sottostante può produrre uno sgradevole effetto di "seghettatura", sia a
monitor che in fase di stampa; l'applicazione di specifici filtri in dotazione con i principali programmi di
grafica, permette di ovviare a questo problema agendo sulle tonalità di colore dei pixel che
costituiscono le aree di maggior contrasto, conferendo loro un aspetto più "sfumato"
UrbAnValderA
http://www.urbanvaldera.it
1
Introduzione alla grafica digitale
I due formati presentano vantaggi e svantaggi: i tracciati non possono essere usati
facilmente per codificare immagini reali (come le fotografie) in cui il contenuto varia
punto per punto e la resa (rappresentazione) può variare a seconda dall'applicazione
usata per visualizzare l'immagine. Perciò convenzionalmente si indicano le immagini
vettoriali come non adatte a rappresentare le immagini fotografiche e realistiche ma
questo non è vero quando sia a disposizione un'elevata capacità di calcolo. Ad esempio
il rendering2 tridimensionale dei comuni pacchetti 3D rappresenta una tipica
applicazione vettoriale per immagini realistiche.
D'altro canto nelle immagini vettoriali qualunque tipo di zoom, ridimensionamento o
aumento di risoluzione, lascia inalterata la qualità dell'immagine, mentre nelle immagini
bitmap queste operazioni degradano la qualità.
Risoluzione
Immagini Bitmap: risoluzione spaziale
L'immagine bitmap (o raster) è rappresentata da una matrice di punti (detti anche
dot o pixel)3. Si intende per risoluzione (spaziale) di un'immagine il numero di punti per
unità di lunghezza (pollice - dot per inch, dpi o punti per inch ppi o punti per
centimetro4 ).
Il numero di dpi esprime una misura lineare che va rapportata alle due dimensioni
indicando risoluzione verticale e orizzontale (di solito uguali). Maggiore è la risoluzione
e più la rappresentazione digitale sarà precisa: più grande (in byte) sarà il file risultante.
Risoluzione
Schermo e stampa
•
•
Per lo schermo (“bassa risoluzione”) 72 dpi / 96 dpi – la reale risoluzione dipende
dalle caratteristiche tecniche del monitor.
Per la stampa – scegliamo la risoluzione in relazione alla qualità di stampa che
desideriamo ottenere: per convenzione si chiama alta risoluzione oltre i 300 dpi. In
questo caso la distanza tra due punti in stampa è tale che l'occhio umano “nudo”
non è in grado di separarli5.
 Esercizio

Calcoliamo la effettiva risoluzione di un monitor da 17 pollici settato a 1024 x
768. Misuriamo la larghezza del rettangolo effettivamente destinato al video
(per esempio 31 cm). Otteniamo 1024/31= 33 punti per centimetro. Per
trasformare in punti per pollice moltiplichiamo per 2,54 ottenendo circa 74 dpi.
Metodi colore
Metodi /modelli Colore/ - “Spazi Colorimetrici”
Illustrazione 2
2
3
4
5
Nella rappresentazione digitale di immagini in true color si usa
solitamente la tricromia: (sintesi additiva) con monitor,
proiezione etc.. I colori sono creati dalla combinazione di luci più
o meno intense nei colori scelti come primari:RGB Red-GreenBlue (Rosso-Verde-Blu): in un intervallo quantificato in genere tra
0 e 255 (due byte per canale) – (ovvero tra 00 e FF nella
notazione esadecimale). La loro somma dà il bianco, la loro
assenza il nero: tutti i colori vengono prodotti dalla mescolanza di
Resa, riproduzione
Dot o punti per la stampa / Pixel per il monitor
Un pollice /inch = 2,54 cm
Si tratta di una convenzione. Si possono ottenere buone qualità di stampa anche a risoluzioni
inferiori. Per esempio la risoluzione di stampa di una comune rivista è intorno ai 120/130 dpi.
UrbAnValderA
http://www.urbanvaldera.it
2
Introduzione alla grafica digitale
diverse percentuali dei tre fondamentali6.
sintesi sottrattiva (tipicamente stampanti): i colori sono creati componendo
pigmenti7 aggiungendo pigmenti il colore risultante tende al nero.
• CMY(K) (Cyan-Magenta-Yellow): è uno spazio colorimetrico
sottrattivo che si basa sull'assorbimento della luce da parte dei
pigmenti /inchiostri. Il valore (0,0,0,0) indica il bianco mentre il
valore (100%,100%,100%,100%) indica il nero. Si noti che la presenza
del quarto colore (BlacK – nero) non sarebbe teoricamente
necessaria (dovrebbe infatti derivare dalla somma di ciano,
Illustrazione 3
magenta e giallo), tuttavia lo diventa in pratica, sia per le impurità
inevitabilmente presenti negli inchiostri che non permettono di ottenere un buon nero
dalla somma dei tre colori sottrattivi sia per la diffusione/praticità degli inchiostri neri di
base.
Illustrazione 4:
• HSB Un modello utilizzato per la scelta dei colori è l'HSB
(metodo percettivo) che definisce i colori in base a tre parametri:
tonalità (Hue), saturazione (Saturation) e luminosità
(Brightness). La tonalità rappresenta il nome del colore,
espresso secondo la sua posizione su una ruota delle tonalità
(0_360°), la saturazione definisce la maggiore o minore quantità
del colore e la luminosità, appunto, la quantità di luce.
I software grafici permettono, in generale, la conversione dall'uno all'altro modello
di colore se si lavora alla costruzione di un sito internet,sarà bene lavorare con immagini
in RGB, per la stampa, è buona norma lavorare in CMYK8.
I colori dello spettro sono disposti lungo la ruota,
adiacenti i colori complementari, opposti quelli con il
massimo contrasto. Lungo tre raggi a 120 gradi i tre
colori primari della sintesi additiva (luci –
proiezione/video) Rosso, Verde e Blu e i tre primari
della sintesi sottrattiva Ciano, Magenta, Giallo
(pigmenti – stampa)
6
7
8
Perché il metodo RGB è il più completo per la rappresentazione dei colori? La risposta viene dalla
fisiologia della visione, tre fotorecettori sensibili ai tre colori primari sono presenti nell'occhio umano.
Una sostanza che assorbe parte della luce che la colpisce e ne riflette il resto è chiamata pigmento.
Non c'è equivalenza, ma solo approssimazione nella conversione: è obbligatorio ricordarsi di
lavorare in quadricromia per la stampa !
UrbAnValderA
http://www.urbanvaldera.it
3
Introduzione alla grafica digitale
Esistono numerosi formati non compressi o compressi in qualità, che vengono
utilizzati per la stampa o per conservare copie ad alta fedeltà di immagini che sono poi
distribuite in forma compressa. Tra questi:
Formati principali
• BMP (BitMaP): è il formato standard di Microsoft Windows e consente di usare
diverse risoluzioni cromatiche (RGB, scala di colore e scala di grigio). Si può specificare
una risoluzione in bit e per le immagini a 4 e 8 bit è possibile utilizzare la un metodo di
compressione lossless.
• TIFF (Tagged Image File Format): è un formato bitmap supportato da quasi tutte le
applicazioni grafiche, molto utilizzato perché consente di scambiare file tra programmi
e piattaforme diverse. Supporta diverse risoluzioni cromatiche (CMYK, RGB, scala di
grigio) e consente di utilizzare un metodo di compressione lossless.
Compressione
Compressione
La compressione è una particolare operazione di codifica, nella quale l'obiettivo è
quello di generare un file che abbia una dimensione minore del file sorgente.
I metodi di compressione che riguardano immagini, audio e video sono divisi in :
• Lossless (senza perdita): la compressione è reversibile, ovvero dall'informazione
compressa è possibile ricostruire esattamente l'informazione originale.
• Lossy (con perdita): la compressione è irreversibile poiché non è più possibile
ricostruire esattamente l'informazione originale. In questo caso viene codificata una
quantità minore di informazioni e questo permette di ottenere rapporti di
compressione nettamente maggiori rispetto a quelli che si hanno con la compressione
lossless. D'altra parte, la perdita di dettagli che si ha con la compressione lossy può non
essere percettibile.
Web - Formati
Formati per il Web (questi sono i soli tre formati nativamente leggibili da un
browser)
In particolare i formati tipici per le immagini inserite nelle pagine Web sono tre:
• JPEG (Joint Photographic Experts Group) è un metodo di compressione con
perdita che lavora su immagini true color (24 bit per pixel) e per immagini con tonalità
continue (ovvero per quelle di tipo fotografico) raggiunge facilmente un rapporto di
compressione 15:1 senza riduzioni percettibili della qualità.
• GIF (Graphic Interchange Format): utilizza una compressione senza perdita
che
consiste sostanzialmente nell'usare codifiche compresse per sequenze di colori
uguali. Questa meccanica rende questo formato particolarmente adatto alla codifica di
icone e simboli e loghi e contemporaneamente poco adatto a immagini di tipo
fotografico. Usa 256 colori, un byte per ogni pixel. Lo standard GIF89 consente la
creazione di immagini con trasparenza definendo un valore della palette come
trasparente. Lo stesso formato consente la costruzione di semplici immagini in
movimento.
• PNG (Portable Network Graphics, si pronuncia ping), è un formato nato con
lo scopo di fornire una alternativa priva di brevetti al GIF nella memorizzazione lossless
di immagini per il Web. PNG è gratuito e inoltre presenta altri vantaggi tra cui la
possibilità di usare colori True Color RGB. Le caratteristiche avanzate (trasparenza) non
sono pienamente supportate da Internet Explorer 6.0 e precedenti.
UrbAnValderA
http://www.urbanvaldera.it
4
Introduzione alla grafica digitale
Grafica Vettoriale
Grafica vettoriale 2D e 3D
Le immagini vettoriali sono rappresentazioni visive costruite da descrizioni
matematiche di uno o più elementi grafici che possono essere costruite aggiungendo o
rimuovendo forme, o applicando trasformazioni geometriche9.
I più frequenti ambienti d'uso della grafica vettoriale bidimensionale sono i
seguenti:
• La produzione grafica: la creazione di loghi e immagini che devono essere
frequentemente ridimensionate e adattate a differenti contesti è realizzata tipicamente
con formati vettoriali che si prestano a questo tipo di operazioni.
• La tipografia: i caratteri (ovvero i font) sono realizzati con descrizioni vettoriali
che consentono di specificare la forma senza preoccuparsi delle dimensioni, che
vengono cambiate da una semplice trasformazione matematica.
• La produzione di content Web animato: sempre più spesso le pagine Web
includono oggetti prodotti con strumenti di animazione 2D vettoriale.
Le principali applicazioni di grafica vettoriale tridimensionale sono invece:
• la progettazione industriale e la progettazione edile e urbanistica che vengono
realizzate mediante l'uso di software CAD (Computer Aided Design).
• La realizzazione di animazioni 3D e di effetti speciali per l'industria
cinematografica.
• I videogiochi.
• La simulazione scientifica e la realtà virtuale.
9 Un cerchio rosso di raggio 50 pixel in formato vettoriale verrà descritto da una formula che,
volgarizzando, suonerà più o meno così: tutti i punti a distanza = 50 pixel dal punto centrale (x,y) fanno
parte del cerchio e sono di colore rosso. Lo stesso cerchio in formato bitmap avrà una descrizione che
suonerà invece così: il punto (x1,y1) è rosso, il punto (x2,y2) è rosso, il punto (x3,y3) è rosso... e così
via, fino al raggiungimento del termine della circonferenza viene cioè descritta la dislocazione di tutti i
singoli punti che costituiscono l'immagine, con il loro relativo valore di colore.
UrbAnValderA
http://www.urbanvaldera.it
5
Introduzione alla grafica digitale
Appendice 1:
i formati grafici
Da un punto di vista informatico, le immagini digitali non sono altro che "files", vale
a dire "insiemi di dati". Visto che i dati possono essere codificati in diversi modi,
esistono diversi formati di file grafici.
Formati di Interscambio
BMP (windows bitmap) .bmp
è il formato standard delle immagini bitmap (mappa di bit), di Windows.
– Supporta i seguenti metodi colore: RGB, scala colore, scala grigio, bitmap
– Canale Alpha (trasparenza) NO
– Compressione: in generale NO
– Browser (internet): si (Sconsigliato)
– Stampa: NO
JPEG (Joint Photographics Experts Group) .jpg .jpeg .jfif
JPEG: è il formato di elezione per lo scambio di immagini e fotografie sul web,
particolarmente indicato per digitalizzazioni, immagini a tono continuo e
realistiche.10
– Supporta i seguenti metodi colore: RGB, CMYK, scala grigio.
– Canale Alpha (trasparenza) NO
– Compressione: a perdita di informazione
– Browser (internet): si
– Stampa: SI
GIF (Graphics Interchange Format) .gif
–
GIF: è il formato più utilizzato insieme al JPEG per la rappresentazione di immagini
sul Web, particolarmente indicato per immagini a tinte piatte o composte da soli
vettori. Questo formato supporta la gestione di colore scala di colore. Il GIF
(Graphics Interchange Format) è un formato compresso con tecnica LZW. Per la
codifica GIF89a, si possono anche specificare l'interallacciamento e definire lo
sfondo trasparente. Il formato GIF89a supporta canali Alpha singoli. Il GIF
interallacciato, serve per visualizzare le immagini con dettaglio crescente mentre le
si carica su di una pagina web. Il formato GIF, utilizzando una palette di colori
limitata ad un massimo di 256 non è indicato per la stampa fotografica o per
immagini che debbano avere alti livelli qualitativi.
PNG (Portable Network Graphic) .png
è un formato utilizzato per la rappresentazione di immagii sul web. E' l'alternativa al
GIF dal quale si distingue per la mancanza di brevetto, per il supporto ad immagini a 24
bit e per l'utilizzo di sfondi trasparenti senza contorni dentellati e quindi di migliore
qualità. E' però possibile che vecchi browser non supportino il formato PNG (Portable
Network Graphics). Il formato supporta le gestioni di colore RGB e scala di grigio con un
solo canale Alpha, scala di colore e Bitmap senza canali Alpha.
- TIFF: è il formato principe per la stampa di qualità. Può infatti supportare salvataggi a
milioni di colori, il supporto del canale Alpha ed i vantaggi della compressione LZW
"senza perdita".
10AVVERTENZA IMPORTANTE: caricare modificare e salvare un'immagine JPG
accumula sempre piccoli errori e degrada sempre più l'output. Le copie di lavoro dei files
grafici devono essere sempre mantenute nei formati proprietari (“sorgenti” es. PSD)
oppure in formati a compressione senza perdita (TIFF PNG ecc.) - Il salvataggio per la
distribuzione JPG deve essere l'ultima operazione. NB. Ogni programma grafico ha le sue
opzioni di esportazione JPG con risultati affatto uniformi.
UrbAnValderA
http://www.urbanvaldera.it
6
Introduzione alla grafica digitale
- EPS: è un formato utilizzabile da tutti i programmi di grafica, di illustrazione e
impaginazione sia raster che vettoriali. Questo formato può contenere sia immagini
bitmap che vettoriali. L'EPS (Encapsulated PostScript) supporta le gestioni di colore
Lab, RGB, CMYK, scala di colore, scala di grigio, due tonalità e Bitmap. Non supporta il
canale Alpha (il canale della trasparenza). Supporta i tracciati di ritaglio.
- PDF: è il formato utilizzato da Adobe Acrobat. Questo formato può contenere sia
immagini bitmap che vettoriali, oltre che strumenti per ricerca e navigazione in
documenti elettronici. Il formato Photoshop PDF supporta le gestioni di colore Lab,
RGB, CMYK, scala di colore, scala di grigio e Bitmap. Non supporta il canale Alpha (il
canale della trasparenza). Il PDF (Portable Document Format) è un formato
comprimibile con tecnica JPEG e ZIP.
- TGA: vecchio formato grafico bitmap ancora usato per il video e la grafica 3d
(supporta il canale Alpha/trasparenza e vari tipi di compressione lossless)
FORMATI “sorgente” o “nativo” dei singoli programmi
–
DXF – DWG -DWF: formati proprietari di AutoCad.
–
PSD – Sorgente di Photoshop
–
AI – Sorgente di Adobe illustrator
–
FH9 FH10 – Sorgente di Freehand 9 / Freehand 10
UrbAnValderA
http://www.urbanvaldera.it
7
Introduzione alla grafica digitale
Appendice 2:
Font e caratteri
Font e caratteri - una guida tecnica per il Web Design
Quali caratteri utilizzare per il testo di una pagina web ? La risposta è più complessa di
quanto si pensi, infatti l'illimitata creatività dei designer e la disponibilità di migliaia di
font (più o meno economici o, addirittura gratuiti) induce a credere di potere utilizzare
a piacere qualsiasi stile di carattere preferiamo.
In realtà i caratteri di una pagina web sono resi dal client, il computer dell'utente: se il
carattere che abbiamo scelto non è presente il testo verrà visualizzato dal carattere di
default con la perdita dell'effetto che vogliamo realizzare.
La lista dei caratteri utilizzabili è molto più breve di quanto possiamo immaginare:
riporto, dal bel sito di tipografia della microsoft l'elenco dei "core fonts" - quelli base
che buona parte dei computer (e in particolare quelli che hanno installato i sistemi
operativi Windows e Mac) sono in grado di visualizzare.
Ecco la lista dei caratteri utilizzabili con relativa sicurezza nelle nostre pagine web.
•
•
•
•
•
•
•
•
•
•
Andale Mono
Arial
Arial Black
Comic Sans MS
Courier New
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana
fonte http://www.microsoft.com/typography/default.mspx
Ogni carattere ha un suo particolare uso e dà un distintivo look ad una pagina. Anche
senza andare in dettagli è evidente che non verrà preso molto sul serio il sito che
afferma la propria "mission" utilizzando il comic sans ...
In questo secondo elenco, elaborato dal sito citato, riporto le famiglie di font
(utilizzabili nella proprietà Font-Family nei CSS o da settare in Dreamweaver) che
offrono un po' di libertà in più al Web Designer- Sono riportate le famiglie di caratteri in
modo che i Mac riproducano l'eventuale font corrispondente e anche nei computer
dove questi caratteri non ci sono i testi "degradino" con coerenza.
•
•
•
•
•
•
•
•
•
•
•
•
Arial, Helvetica, sans-serif
'Arial Black', Gadget, sans-serif
'Comic Sans MS', cursive
'Courier New', Courier, monospace
Impact, Charcoal, sans-serif
'Lucida Console', Monaco, monospace
'Lucida Sans Unicode', 'Lucida Grande', sans-serif
'Palatino Linotype', 'Book Antiqua', Palatino, serif
Tahoma, Geneva, sans-serif
'Times New Roman', Times, serif
'Trebuchet MS', Helvetica, sans-serif
Verdana, Geneva, sans-serif
fonte: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
UrbAnValderA
http://www.urbanvaldera.it
8
Introduzione alla grafica digitale
Titoli, loghi e caratteri non presenti in questo elenco potranno essere resi nella nostra
pagina web solo realizzando immagini nei consueti formati (jpg, png e gif).
Una serie di collegamenti utili:
come trovare il nome di un font di cui abbiamo solo un'immagine o una stampa ? ci
viene in soccorso il sito What The Font (http://www.myfonts.com/WhatTheFont/) ,
basta uploadare l'immagine e il sito ci propone il nome del font che cerchiamo.
La maggior parte delle proposte saranno ovviamente di font commerciali, ma, in
genere, basta sapere il nome del font che ci interessa per trovare alternative
economiche e/o gratuite magari non di grandissima qualità (ricordo che per applicazioni
video non è necessaria la stessa "qualità" grafica obbligatoria per la stampa)
Ma cosa c'è dietro la creazione dei font, l'attività che ha reso celebri grandi designer è
che è ritenuta una delle più difficili applicazioni del talento grafico ? Per avere un'idea
segnalo, sempre nel bel sito di Microsoft questa pagina
( http://www.microsoft.com/typography/tools/trtalr.htm) sulla tecnica di realizzazione
dei caratteri e questo bel blog (http://ilovetypography.com/) sulla tipografia (entrambi i
link vanno a pagine in inglese)
I due siti di riferimento per scaricare font freeware e gratuiti sono Urban Fonts
(http://www.urbanfont.com) e DaFont (http://www.dafont.com )
Il software che consiglio ai grafici che vogliano gestire centinaia (se non migliaia) di
font su un pc windows è il piccolo ma sempre efficace The Font Thing.
UrbAnValderA
http://www.urbanvaldera.it
9
Introduzione alla grafica digitale
Bibliografia
Il linguaggio dei nuovi media
Editore Apogeo
Autore AA.VV. (a cura di Luca Toschi)
Collana Media Professional
Pagine 349
Volumi 1
Supporto digitale
1 CD-ROM
Livello Per-Tutti
Lingua italiano
Data pubblicazione
11 - 2001
ISBN
8873038794
L'artista digitale Introduzione al design Corso pratico - seconda edizione
Editore Mondadori Informatica
Autore Evers Valan, Kendra Erika
Titolo originale Design companion for the digital artist
Editore originale
Prentice Hall
Collana Grafica
Pagine 173
Volumi 1
Livello Introduttivo
Lingua Italiano
Data pubblicazione
04 - 2003
ISBN
8883314956
Grafica e Photoshop
Il mio manuale preferito è Photoshop Tutto&Oltre - il mitico "Photoshop Bible" - di
DekeMcClelland, che considero un buon libro anche per l'autoistruzione (specificando
che non tutti si troveranno a loro agio con il tono sempre ironico dell'autore...) . In
attesa della prossima versione aggiornata segnalo anche il corso "ufficiale" di Adobe
Photoshop CS Tutto&Oltre
Deke McClelland
Apogeo, 2004 p.912
ISBN: 88-503-2232-1
Adobe Photoshop CS2. Classroom in a book. Corso ufficiale Adobe. Con CD-ROM
€ 45,00.
Editore Pearson Education Italia (collana Adobe, classroom in a book), 2005, 528 p.
LINK
Grafica bitmap / Photoshop / Tutorial
•
•
http://www.graphiczoneonline.it/index.php
http://www.pastrugni.com
Teoria del colore e della luce
•
•
http://www.boscarol.com/index.html
http://lighteducation.com/
Grafica e tutorial per il web
•
http://www.diodati.org/
UrbAnValderA
http://www.urbanvaldera.it
10
Introduzione alla grafica digitale
Grafica: Immagini e risorse Web (Inglese)
•
http://www.bluevertigo.com.ar/bluevertigo.htm
Grafica 3d: CAD
http://www.3dcad.it/default_ita.asp
http://it.wikipedia.org/wiki/CAD
Web: siti selezionati
http://www.alvit.de/handbook/
SOFTWARE
(open source e/o
freeware)
3D
 Blender.it - Blender il software libero per la grafica e l'animazione 3D.
http://www.blender3d.com/
 POV-Ray
 Manuale in italiano di POV-Ray 3.01
Grafica RASTER
 GIMP – (http://www.gimp.org/) Gimp è il più usato software open source di
grafica bitmap. Rappresenta una valida alternativa a Photoshop di cui
condivide la potenza nonostante un'interfaccia forse non altrettanto
indovinata.
 Gimp Italia
 GimpItalia.it - GimpItalia.it è un nuovo progetto che ha come scopo avvicinarti a
questo splendido mondo tramite una serie di tutorial e di esempi pratici
attraverso i quali ti sarà possibile imparare a usare il Gimp in tutti i suoi aspetti!
Inoltre, per i meno esperti, è stato inserito un forum in cui si cerca di rispondere
ai loro quesiti.
 GIMP tutorials
Grafica Vettoriale e impaginazione
 Inkscape http://www.inkscape.org/
 scribus http://www.scribus.net/
Open Office
 Open Office - Suite professionale integrata compatibile a livello di file Doc e Xls
con gli applicativi Microsoft Office, comprendente videoscrittura, foglio di
calcolo, editor grafico, programma per le presentazioni, calcolatrice e altre
funzioni.
 Openoffice.org Draw Tutorials
Top Style CSS editor
 http://www.newsgator.com/NGOLProduct.aspx?
ProdId=TopStyle&ProdView=lite
UrbAnValderA
http://www.urbanvaldera.it
11