Il Web 2.0 porta con se la grafica fatta di bottoni crytalizzati e con sfumature ed ombreggiature.

Esempio che andremo a realizzare:

Molti siti oltre ai bottoni utilizzano badge che magari sono semplici da realizzare con Photoshop, ma chi volesse cimentarsi con TheGimp come potrebbe fare? Ecco passo passo come crearsi un badge personalizzato con TheGimp.

Per iniziare creiamo un nuovo progetto cliccando su File - New ed impostiamo la grandezza di 150*150 pixel su sfondo bianco.

Ora, seguendo il menu Filters - Render clicchiamo sulla voce Gfig…; ci comparirà una nuova finestra dove sceglieremo lo strumento stella, il numeo di punte, lo spessore ed il colore della linea perimetrale del poligono che andremo a creare, come da screenshot seguente. Per questo esempi abbiamo scelto 12 punte, spessore di 1px di colore nero.

Scegliendo poi il tool Move single point personalizziamo la nostra stella ridimensionando la grandezza delle punte e del diametro della figura cliccando e trascinando col mounse i 3 punti segnalati a nostro piacimento.

Ora possiamo cliccare su Close e ci troveremo cosi la linea che disegna la nostra stella sullo sfondo bianco precedentemente creato.

Possiamo ora utilizzare lo strumento Bacchetta magica per selezionare l’ area interna alla stella ed utilizzando poi lo strumento Gradiente per riempire l’ area selezionata.

Ora non ci resta che creare l’ ombra della stella cosi clicchiamo su Select - Invert e poi utilizziamo il menu Script-Fu - Shadow - Drop-Shadow impostando i valori di 2,2 e 4 rispettivamente per Offset x, Offset y e Blur radius.

Ora possiamo scriverci all’ interno del badge utilizzando lo strumento Text…

…ed il nostro badge/violators creato per il Web 2.0 con Gimp è bello e pronto.

Ultimi 5 articoli di Davide Tommasin

• Hack Camp 2008 - 14/19 Luglio a Lignano Pineta - June 29th, 2008
• Smashing Magazine - June 4th, 2008
• Guadagna con Pix-Yu - May 24th, 2008
• Viral video - quando si dice creatività - May 7th, 2008
• Current TV Italia - May 5th, 2008