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.

Post Correlati

Questo articolo è stato pubblicato lunedì, aprile 9th, 2007 ed inserito in Grafica, Guide e How-to. You can follow any responses to this entry through the RSS 2.0 feed. Puoi lasciare un commento, o utilizzare il trackback da inserire nel tuo sito e nel tuo blog per citare questo post.

Leave a Reply

Feed RSS Blog Informatica Friuli Ci sono 95 che leggono via Feed Reader


Creazione Siti e Servizi Web Friuli

Creazione template layout WordPress Udine Aquileia Friuli

Servizi Web in Friuli - Udine e Aquileia

Sei un' azienda, un libero professionista o un web designer del Friuli Venezia Giulia?
  • Ti serve, consulenza come azienda?
  • Vuoi proporci o cercare collaborazioni per la tua web agency?
  • Ti servono servizi web, un sito o un blog per la tua associazione?
Clicca qui per il modulo contatti

Servizi Web Open Source Aziende in Friuli Venezia Giulia - Udine Aquileia

Recensioni e Guide Utili

EBook 3 Consigli Su Come Personalizzare WordPress
EBook 3 Consigli Su Come Personalizzare WordPress Questo ebook è il primo pubblicato da Informatica Friuli dedicato alla personalizzazione di certi aspetti dei template per WordPress. Questo ebook non deve dare grosse aspettative ...

Continua a leggere...
Come Scegliere L’ Hosting Giusto Per Il Posizionamento
Come Scegliere L’ Hosting Giusto Per Il Posizionamento Non c'è hosting, spazio web dove hai caricato i file del tuo sito, che ti da la garanzia al 100% di posizionarti nella serp di Google al primo posto. [caption id="" ...

Continua a leggere...
NewsMastering con WordPress
NewsMastering con WordPress Prendo spunto da quanto si può leggere su MasterNewMedia per quanto riguarda il Newsmaster come la figura che filtra e fornisce ...

Continua a leggere...

Visitatori IF

Licenza IF

Tag