Benvenuto visitatore, Accedi | Registrati
Lunedì 24 Aprile 2017
 
S. Fedele Martire
orologio
PROVERBIO DEL GIORNO
Z'è cagnat a sctagion: a pecur va n'cul e u m’ ndon
Larino

C
Termoli

C
Campobasso

C

Cerca nel sito

Annunci

FantaFrentana, il FantaCalcio di AreaFrentana.com ha inizio! REGISTRATI per partecipare!

Vetrina

Giornali Locali

quotidiano del molise primonumero il ponte molise primo piano molise il tempo molise gazzetta del molise

Creare una userbar con GIMP

Scritto da Admin il 02 luglio 2009 09:36 | informatica

In giro nei forum si trovano numerose immagini in fondo alle firme degli utenti: sono le USERBAR. Con questa guida ne realizzeremo una personalizzata.

Una userbar è un'immagine generalmente di 300x20 pixel, che indica l'appartenenza ad un gruppo, il link ad un sito esterno, oppure l'utilizzo di un particolare programma.

In questo tutorial realizzeremo una userbar con l'ausilio di GIMP (a breve disponibile nell'area download del sito)

Prima di tutto apriamo il programma. Nella finestra dei pulsanti andiamo su File-->Nuovo ed creiamo un'immagine di 300 pixel di larghezza per 20 di altezza.



Ciccando su ok appare la seguente schermata:



Iniziamo a lavorare sul nostro foglio bianco.

Per prima cosa bisogna scegliere un soggetto, un testo e una combinazione di colori. Io ho scelto il logo di GIMP, il testo "Io uso GIMP" e i colori nero e arancione.

Iniziamo con i colori di sfondo. Andiamo nella tavolozza  per scegliere i colori di primo e secondo piano.



Doppio click sul quadrato nero per far apparire la schermata di selezione del colore. Nella casella evidenziata andiamo a scrivere il codice esadecimale del colore che vogliamo, in questo caso #ff9900 per l'arancione. Ciccare ok e ripetere la stessa cosa con il colore in secondo piano (bianco) mettendo il codice esadecimale #000000 per ottenere il nero.



Adesso con lo strumento gradiente   andiamo a tracciare una linea verticale dall'alto verso il basso partendo dai punti indicati nell'immagine.



Si dovrebbe ottenere uno sfondo simile a questo.



Abbiamo completato lo sfondo!

Passiamo al testo

Scarichiamo da QUI il font Visitor TT2 BRK, uno stile di scrittura semplice e leggibile anche a piccole dimensioni. Con lo strumento testo andiamo a creare una casella di testo nella parte che preferiamo, io l'ho inserita a sinistra perché a destra andrà inserito il logo. In basso ci sono le impostazioni del testo e il risultato ottenuto.



 


Nella finestra dei livelli (finestra->livelli) creiamo un nuovo livello, alla finestra che appare click su OK. Questo livello verrà riempito con QUESTO pattern creato da me.
Dopo aver scaricato il pattern dovete inserirlo nella cartella C:ProgrammiGIMP-2.0sharegimp2.0patterns (il percorso può cambiare da computer a computer).

Con lo strumento pattern  andiamo a riempire la pagina con le linee verticali e successivamente diamo al livello corrente una opacità del 30%.

Attenzione: per un risultato corretto il livello del testo deve trovarsi immediatamente sopra quello del pattern.

Il risultato è pressoché questo



Non ci resta che inserire una immagine di sfondo. Io ho scelto il logo di GIMP



Aprire l'immagine in un altro file (file->apri), selezionare tutto (modifica->seleziona tutto) copiare il contenuto (modifica->copia) e incollare il logo nel nostro file (modifica->incolla)
Con lo strumento ridimensiona modelliamo il logo fino alle dimensioni desiderate e lo spostiamo con il pulsante SPOSTA.



Per dare un pixel di bordo all'immagine aggiungiamo un livello, selezioniamo il nero come colore in primo piano e poi facciamo seleziona->tutto, seleziona->bordo con spessore 1px.
Ora con il secchiello andiamo a colorare la selezione.



Manca il tocco finale: l'effetto glass!
Su un nuovo livello trasparente facciamo una selezione ovale che prende circa la metà della userbar.
Andiamo a riempire la selezione con il bianco e impostiamo l'opacità di livello a piacere, io ho preferito il 60%.

L'effetto ottenuto è il seguente:

 

La nostra userbar è terminata!

Potete scaricare QUI il pacchetto zip completo che contiene l'immagine in formato jpg, il file di gimp da modificare, il pattern ed il font che sono serviti per il tutorial.

Per dubbi o problemi scrivete sul FORUM