Questo tutorial vi guiderà nella creazione di una userbar utilizzando Photoshop.
Premetto che è consigliata un po’ di confidenza con Photoshop in quanto alcune cose potrebbero essere date per scontate, tuttavia anche se non si ha dimestichezza con il programma è possibile raggiungere l’obiettivo di questa guida; in caso di pigrizia patologica a fondo pagina potete trovare alcuni siti che creano userbar oppure che ne hanno un archivio.
Per iniziare è necessario creare un nuovo documento (File>Nuovo) di larghezza 350 pixel e altezza 19 pixel.

Ora selezioniamo due colori e creiamo una sfumatura riflessa dal basso verso l’alto (oppure come la preferite).


Per aggiungere le linee diagonali, è necessario creare un nuovo documento di larghezza e altezza pari a 3 pixel con sfondo trasparente.

Dopo aver zoomato fino al 1600%, con lo strumento matita, si traccia in diagonale una linea nera di 1px. Il risultato è mostrato nella prossima figura.

Ora andiamo in Modifica > Definisci pattern, assegnamo un nome al pattern appena creato, e premiamo OK. Fatto questo, torniamo al documento della userbar e creiamo un nuovo livello. Per inserire il pattern appena creato andiamo in Modifica > Riempi e scegliamo il pattern da utilizzare. Regoliamo l’opacità di questo livello al 30-40%.

Adesso è il momento di aggiungere il logo sulla parte sinistra (io lo preferisco lì XD ) della userbar. Scegliamo quindi l’immagine (è molto importante scegliere un’immagine adatta alle dimensioni della userbar) e posizioniamola sulla userbar in un nuovo livello. Se vogliamo dare qualche effetto particolare possiamo giocare un po’ con gli Stili di Livello (Layer Style).

Ora aggiungiamo il testo. Il font più comune per questo passaggio è il Visitor TT2 (BRK) (che potete anche trovare su www.dafont.com) dimensione 13 pixel, anti-alias nullo e colore bianco. Per aggiungere il bordo nero, nell’elenco dei livelli, cliccare con il tasto destro sul livello della scritta, scegliere Stile di livello > Traccia e impostare colore nero, dimensione 1 pixel e posizione Esterno. Niente vi vieta di usare altri font e altri stili. Io ho ottenuto il seguente risultato.

Col prossimo passaggio aggiungeremo un effetto riflesso alla userbar. Creiamo un nuovo livello, e tracciamo un’ellisse (con lo strumento apposito) che ricopra la metà superiore della userbar, come in figura.

Impostiamo l’opacità a circa il 20-25% e il risultato sarà il seguente.

Ora non resta che aggiungere un nuovo livello e creare il bordo della userbar: Seleziona > Tutto (Ctrl+A), quindi Modifica > Traccia, impostando le dimensioni ad 1 pixel, colore nero e posizione Interno.
Il tutorial è terminato. Complimenti! (per la pazienza
)
Infine vi segnalo alcuni siti che hanno come tema le userbars:
P.S.se avete bisogno dei comandi in lingua inglese non esitate a chiedere lasciando un commento.