Creazione User Bar

Con questo 3d spiegherò passo per passo la procedura per creare le user bar in modo semplice e veloce,utilizzando il photoshop. per farlo,userò il photoshop cs2,ma se avete altre versioni più vecchie o il cs3 non c'è problema,appunto essendo facile i passi che faremo con gli strumenti ci sono in tutti i photoshop

Iniziamo:

1. Per prima cosa avviare la vostra versione di photoshop.

2. Una volta avviato, cliccando su "File --> Nuovo" mettiamo come misure del documento "Larghezza: 350 pixel ; Altezza: 19 pixel ; Risoluzione: o la rimanete normale o la impostate su 300 pixel/pollice ; Contenuto Sfondo: Bianco" , come in figura:



diamo l'ok.

3. Una volta aperto il nuovo documento, dobbiamo iniziare ad impostare un tipo di sfondo da applicare a tutta la barra. Per fare ciò, andiamo sul riquadro in basso a destra,ovvero qui:



dove,appunto,potete notare che il livello è bloccato e non ci sono possibili azioni.allora bisogna sbloccarlo e per farlo dobbiamo cliccare due volte veloce con il tasto sinistro del mouse sul nome del livello,in questo caso su "sfondo"; ora vi uscirà una finestra così:



voi cliccate sull' OK.

4. Sbloccato il livello possiamo operare sullo sfondo. Allora rechiamoci sul livello "sfondo" ,adesso sbloccato, clicchiamo ci col tasto destro su e andiamo su "Opzioni di fusione" , per l'esattezza il secondo in alto. Vi troverete in questa schermata:



voi andate su "Sovrapposizione sfumatura":



da qui sceglete il tipo di sfumatura,tra quelle che avete a disposizione,cliccando due volte sulla sfumatura nel campo "Sfumatura":



vi apparirà questa finestra:



qui troverete tutte le sfumature che possedete,forse ne avrete di meno o di più,ma non preoccupatevi ;)
scegliete la vostra sfumatura,la selezionate e cliccate sull' OK. a questo punto vi ritrovate nella schermata di prima,ovvero in quella di "sovrapposizione sfumatura" e qui,o cliccate su OK ,o cambiate le impostazione magari inclinando i colori..ma questo è meglio che lo imparate con calma,questo è il primo che fate,non ha importanza,poi ci perdete anhe giornate intere per vedere come farlo :P .
Dopo aver cliccato sull' OK , la vostra user bar avrà la sfumatura da voi scelta,così:



ovviamente con la sfumatura che avete scelto voi,io ho scelto questa,per questo c'è questa che vedete :D

5. Adesso che abbiamo creato la nostra sfumatura, dobbiamo mettere l'immagine...per fare ciò,la prendiamo da internet o da chi ve la dà o se già l'avete voi :P
Andiamo in "File --> Inserisci" e ve la cercate. una volta trovata e inserita, ve la posizionate dove volete,utilizzando lo "Strumento Sposta" posizionata in alto a destra della tabella degli strumenti:



(scusate per i cerchi mezzi spappolati,me un portatile non ho il programma adatto di cattura e tutto.. hihi)!
così:



e con un nuovo livello nella lista (ovviamente già sbloccato):



6. Finito con questo, passiamo al "nome" dell'user bar... iniziamo con il creare un nuovo livello: "Livello --> Nuovo --> Livello" e vedremo comparire un nuovo livello nella tabella:



7. Ora inseriamo il testo...per fare questo,consiglierei di usare il font "Visitor TT2 BRK" più adatto..o sennò cercatene uno linearissimo,tipo base proprio,ma non tipo l'arial che ha le grazie ;)
..comunque..clicchiamo sullo "Strumento testo" nella tabella:



e poi clicchiamo dove vogliamo che il testo venga posizionato:



e da qui,poi scriviamo quello che vogliamo scrivere,in bianco:



poi sul livello della scittura,andiamo di nuovo su "opzioni fusione" cliccando con il tasto destro e andiamo su "Traccia"...qui impostate il Colore Nero, poi come spessore mettete "1 pixel" e su metodo fusione mettete "esterno", tutto come in figura:



date l' OK ed è tuttapposto ;)
Nel caso non vi piaccia il testo com'è posizionato,potete sempre spostarlo usando lo "Strumento Sposta".

7. Finito con il testo,passiamo a mettere il riflesso come se fosse vetro. per fare ciò,create un nuovo livello "Livello --> Nuovo --> Livello" e con lo strumento "Selezione Ellittica":



ci creiamo un mezzo ovale sull'user bar,così:



ora prendiamo lo "Strumento Secchiello" e impostando il colore bianco:



riempite le selezione che vi si è creata con il mezzo ovale:



e adesso cliccate di nuovo sul livello con il testo destro e riandate in opzioni di fusione; in questa pagina, dovete solo cambiare l'opacità,impostandola a 35:



date l' OK; ora "Selezione --> deseleziona".

Ora avete finito,l'unica cosa che manca,è aggiungere un pattern rigato sullo sfondo,ma in modo che risulti SOLO allo sfono e non sulla scritta e sull'immagine.Per fare questo iniziamo con il crearci il pattern,per chi non l'avesse..chi ce l'ha passa subito al punto 9.

8. Ora creiamo il pattern per perfezionare la vostra user bar. Apriamo un nuovo documento 4x4 con sfondo trasparente:



ora ingrandiamolo quanto più possiamo,il massimo dev'essere a 1600%:



con lo strumento penna e il colore impostato su nero,tracciamoci la diagonale nel quadratino:



se c'è qualche sfumatura della penna,potete cancellarla con la gomma,ma facendo attenzione a non schiarire anche la diagonale!

Adesso "Modifica --> Definisci Pattern" e cliccate sull'OK.

9. Ora non ci rimane altro che mettere il pattern. Creare un nuovo livello "Livello --> Nuovo --> Livello" poi cliccare su "Selezione --> Tutto" e andare su "Modifica --> Riempi" vi esce questa finestra:



mettete tutti i campi uguali a come dati in figura. Cliccate su OK.
"Selezione --> Deseleziona", vi viene un immagine come questa,tutta coperta dal pattern:



non dovete fare altro che andare con il mouse sul livello relativo e cliccare con il tasto destro e riandare su opzioni di fusione e impostare l'opacità su 20% o quanto volete che sia,in relazione che se lo volete più scuro sale la percentuale,se lo volete più chiaro la diminuite.io ho usato il 20% adesso ;). otterrete questo risultato:



ora non vi resta altro che spostare il livello al di sopra dello sfondo,ovvero,clicchiamo con il tasto sinistro del mouse sul l'ultimo livello creato,ovvero quello del pattern,che ha fatto uscire tutte le linee,e tenendo premuto il sinistro ci trasciniamo il livello proprio al di sopra del primo livello che abbiamo creato nel punto 2. , ovvero il livello "0",quello dello sfondo sfumato.sopra,NON sotto,mi raccomando,sennò non lo vedete più.

10. Tracciare il contorno dell'user bar: andare sull'ultimo livello,ovvero il primo della lista e selezionarlo,click su "Livello --> Nuovo --> Livello" e date l'OK , poi "Selezione --> Tutto" e andate su "Modifica -->Traccia" e vi uscirà questa schermata:



copiate i parametri così come li vedete nell'immagine e date l'OK. "Selezione --> Deselezione". Non vi resta altro che salvare il tutto..." File --> Salva" e mi raccomando di salvare con estenzione JPEG (.jpeg ; .jpg ; ecc..)...e ATTENZIONE dato che il photoshop salva predefinito con il suo formato e se voui lo salvato come il suo poi non si possono pubblicare ;)

Risultato finale:



Soddisfatti? spero di essere stata quanto più chiara possibile

Molto utile!

ma di nulla ragazzi ;)