Creare UserBar

Questo tutorial ha lo scopo di mostrare come creare delle userbar che vanno tanto di moda nelle firme dei forum.
Illustreremo adesso punto per punto come procedere per la corretta realizzazione di una userbar personalizzata.

1- Impostare la base.

La nostra userbar deve avere uno sfondo, questo può essere un logo o un frammento di immagine che più preferite.
Ci sono vari modi per ottenere una base, ad esempio tra i più comuni, il ritaglio o il ridimensionamento di un immagine, la cosa più importante è che alla fine, la nostra base sia di dimensione 350×20 e che non siano presenti i margini come mostrato nell’immagine:

2- Aggiunta del riflesso.

Una volta ottenuta la nostra base, possiamo creare un nuovo livello e quindi selezionarlo. Una volta fatto, usare lo strumento “Selezione Ellittica” per selezionare come mostrato in figura una curva che va da un angolo superiore e l’altro della nostra userbar come mostrato in figura:

A questo punto bisogna riempire con il secchiello la nostra selezione con il colore bianco e portare l’opacità al 35% ottenendo il seguente risultato:

3- Aggiunta del testo.

A questo punto dobbiamo inserire il nostro testo, quindi selezioniamo lo strumento testo usiamo preferibilmente il carattere supermarket a 8px su colore bianco e creiamo una selezione in cui scrivere sulla sinistra della userbar. A questo punto posizioniamo il testo come vogliamo:

Una volta fatto questo andate su Livello -> Stile Livello e selezionare Traccia impostandola a 1px come dimensione e colore nero, questo dovrebbe darvi questo effetto:

4- Aggiunta del bordo.

Adesso dovrete creare un nuovo livello e quindi selezionarlo. A questo punto fate Selezione –>Tutto e quindi Modifica -> Traccia, impostando anche in questo caso 1px come dimensione e nero come colore ottenendo il risultato definitivo qui mostrato:

5- Pattern Opzionali.

Qualora vogliate effetti di riempimento dovrete creare un nuovo livello subito sopra lo sfondo, quindi selezionarlo ed andare su Modifica -> Riempi -> Pattern e scegliere quindi il pattern che volete usare. A questo punto regolare l’opacità del livello come meglio desiderate ottenendo questo risultato: