Grafica, Guide e How-to

Creare badge con Gimp

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

Esempio che andremo a realizzare:

Informatica Friuli badge web 2.0

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.

nuova immagine Gimp - Informatica Friuli

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.

badge web 2.0 - Informatica Friuli

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.

gimp - Informatica Friuli

stella gimp - informatica friuli

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…

violators gimp - Informatica Friuli

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

Tags: , , , , , ,

Ultimi 5 articoli di Davide Tommasin

Trackbacks

close Reblog this comment
blog comments powered by Disqus