Mar
7
settembre
S. Regina

Foto trofeo 500 HP Racing
Creare una userbar con GIMP
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.
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.

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.

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.


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

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.


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.

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%.
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%.
ultime dal guestbook
Admin
Siccome ci sono nuovi articoli quello dei biglietti non si vede più nella pagina principale. Sono di...
Statistiche
Visitatori on-line: 0
Utenti on-line: 0
Visite totali: 25403
Visite di oggi: 42
Ultimo utente registrato: Alessandra23









