Grafica  »  Articoli  »  Teoria grafica 

Disegnare icone perfette per il proprio sito web

di: Rossella Facchini     30 Ottobre 2002

Che cos'è un pixel?

Il termine pixel deriva dalla contrazione delle parole PICture ELement, ovvero l'elemento base dell'immagine. Il pixel è infatti l'unità, il singolo punto con cui sono costruite le immagini digitali.

Che cos'è la pixel art?

La pixel art è una tecnica per costruire immagini che segue le orme della corrente del puntinismo, il cui maggior esponente fu George Seurat. La differenza più evidente è che, invece di utilizzare un pennello, si utilizza il mouse e un programma di grafica raster.

Questa tecnica trova sostenitori tra i nostalgici dei giochi anni 80 (dove i primi esempi di pixel art appaiono per necessità, date le limitate risorse a disposizione) ma soprattutto trova sostenitori nel web, in quanto permette di creare belle illustrazioni con pochi colori e quindi molto veloci da scaricare.

Questa tecnica trova sicuramente il suo terreno più fertile nella costruzione di icone; proprio ciò di cui ci occuperemo in particolare in questo articolo. Per vedere alcuni capolavori di pixel art si possono visitare i siti Quick Honey e EBoy.

Occupiamoci ora del nostro obiettivo principale: imparare a disegnare un' icona.

Cosa disegnare?

La scelta del giusto simbolo per rappresentare un concetto è fondamentale: va fatta in modo soggettivo a seconda dell'obiettivo da raggiungere, ricordandosi che la semplicità e l'immediatezza pagano sempre.

Che stumenti utilizzare?

Si può usare un qualsiasi programma raster se si vogliono fare icone per il web. Se invece vogliamo realizzare un'icona per un software o le famose favicon conviene utilizzare programmi specifici come Iconbuilder o Microangelo (da scaricare nella sezione download).

Guide Grafica

3D Studio Max - Guida alla modellazione

Dall'interfaccia alla creazione e modellazione di oggetti...

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti