[Layout]Creare una Userbar - Userbar per tutti!

piccola premessa per il tutorial:la userbar si può fare in tantissimi modi,io vi posto quello che va di piu su internet,sperando vi piaccia :laugh.gif:

preparare la base

da file>nuovo creiamo un nuovo documento di 350 x 20 pixel.
clicchiamo sullo strumento sfumatura:



scegliamo un colore a piacere (in questo caso il verde: #8AFE58) e con lo strumento sfumatura clicchiamo sul documento,trascinando dal basso verso l'alto,ottenendo questo risultato:




creazione pattern

a questo punto dobbiamo inserire il pattern e ora vi spiegherò come crearlo ed inserirlo nel nostro userbar!

file>nuovo e creiamo un nuovo documento di 6x6 pixel a sfondo trasparente e zommiamo al massimo.
Selezionamo il colore nero e poi lo strumento selezione rettangolare:



e creiamo un quadrato:



poi selezioniamo lo strumento secchiello:



e lo riempiamo:



Creiamo i quadrati di seguito seguendo questo procedimento,fino ad ottenere questo risultato:



adesso che abbiamo creato il nostro pattern dobbiamo applicarlo al nostro userbar e per fare ciò dobbiamo andare in modifica>definisci pattern e cliccate su ok.
A questo punto chiudiamo pure il documento del pattern senza salvare e torniamo su quello dell'userbar,andiamo su livello>nuovo livello (o semplicemente nuovo).
Poi,restando sul livello appena creato,andiamo su modifica>riempi> e in usaselezionate pattern e in pattern personale selezionate questo:



e il nostro pattern si applicherà automaticamente all'userbar che stiamo creando.
Ora andiamo su opacità e selezionate il 19%:



aggiungere immagine

A questo punto siamo a metà dell'opera :wacko.gif:
Io ho usato quest'immagine qui: http://www.sharebigfile.com/file/20520/Sen...tolo-1.png.html

Prendiamo la nostra immaginina,che deve essere per forza a sfondo trasparente (farò presto un tutorial su questo) e apriamola con photoshop,selezioniamola con lo strumento selezione rettangolare e andiamo su modifica>copia e poi chiudiamo l'immagine,tornando al nostro userbar.

Andate su modifica>incolla e immagine si incollerà sull'userbar.
Adesso dobbiamo spostarla meglio verso sinista e quindi selezioniamo lo strumento sposta:



e spostiamo l'immagine sulla sinistra dell'userbar:




inserire riflesso

Manca davvero poco alla fine :60.gif:

Andiamo su livelli>nuovo livello e con lo strumento Selezione Elittica:



tracciamo un ovale partendo dall'esterno dell'immagine fino ad ottenere questo:



riempiamo la selezione appena creata di bianco:



e poi impostiamo l'opacità del livello a 35%.

inserire testo

andate sullo strumento testo:



e selezionate Visitor TT2 BRK:



che potete scaricare da qua: http://www.dafont.com/visitor.font (i file,apparte il file leggimi,vanno inseriti in C:\Windows\Fonts e poi va riavviato photoshop,quindi salvate il lavoro in .PSD e poi riapritelo)

Ora inserite un qualsiasi testo sulla destra con il colore bianco e poi andate su livello>rasterizza>rasterizza livello e dopo su modifica>traccia e mettete 1 pixel e il colore nero.

inserire il bordo

selezionate lo strumento selezione rettangolare e andate su selezione>tutto e poi su modifica>traccia e impostate 1 pixel ed il colore nero.

Ecco abbiamo finito il nostro userbar:

(IMG:http://img81.imageshack.us/img81/6400/userbarparte6xo5.jpg)
credit