Photoshop: creare le proprie userbar in autonomia.. Gennaio 21, 2007
Le userbar (tradotto in italiano: Barra utente): sono piccole immagini allungate (350×19 pixel) dalla grafica semplice ma accattivante, da mettere nelle firme di forum ed e-mail. Vengono utilizzate per mostrare i propri gusti.
–Wikipedia–
Credo che tutti sappiate cosa siano, e sono convinto che spesso dentro di voi avete detto: cavolo perché non imparo a farmele da solo? Infatti solo così si può ottenere quello che effettivamente si desidera. Quindi vediamo se riesco a spiegare bene la tecnica più usata per crearle; una volta imparata, sarete in grado di farne quante ne volete in meno di 5 minuti! Tanto per cominciare, le userbar hanno dimensioni standard di 350×19 pixel, quindi andate su File —> New e nella finestra che vi appare impostate i seguenti parametri:

Io nella profondità di colori ho impostato 16bit, ma potete mettere anche 8bit (anzi la maggior parte delle immagini in rete ha questa profondità). Quindi cliccate su Ok, adesso avrete una immagine rettangolare trasparente davanti ai vostri occhi; andiamo a creare il suo sfondo colorato:

Selezionate il Gradient Tool che vedete evidenziato nella prima immagine qui accanto e poi dopo aver selezionato (cliccandoci sopra) il Reflected Gradient (selezionato in verde nella seconda immagine), andate a cliccare nella finestra indicata dalla freccia rossa per impostare i colori che avrà la barra. Una volta cliccato, si aprirà la finestra che vedete di seguito.
Cliccate sopra la seconda immagine per ingrandirla, altrimenti dubito che si possa vedere qualcosa

Nell’immagine dovete prima cliccare sul tipo gradiente (a due colori) indicato dalla freccia 1, successivamente impostare i colori indicati dalla freccia 2 e 3; per modificare i colori cliccate due volte sopra i punti indicati dalle frecce 2 e 3, vi si aprirà una finestra che abbiamo già avuto modo di vedere in altri tutorial e nella quale dovrete o scegliere il colore, oppure digitare il suo codice. Io ho utilizzato questi colori: #00ffff e #0000ff. Fatto questo, cliccate su Ok. E’ il momento di tracciare il gradiente: lo tracceremo verticalmente all’immagine (più o meno nel mezzo) e per farlo dovrete cliccare con il tasto sinistro del mouse (senza rilasciarlo) sulla “sponda” alta della figura, ed attraversarla fino all’altra sponda; per capirci meglio:

Se avrete lavorato bene, questo sarà il risultato:

Ora dobbiamo aggiungerci quelle piacevoli righine diagonali che si vedono spesso nelle userbar; per far questo utilizzeremo un riempimento di pattern. Prima però dobbiamo creare una pattern: andate su File —> New, e create un nuovo documento con i dati uguali a quelli che abbiamo utilizzato inizialmente per la userbar, ma modificando le dimensioni che dovranno essere di 3×3 pixel. Vi si aprirà un documento davvero piccolo, ma non dovete far altro che ingrandirlo digitando 1600 (e premendo Invio) nello spazio evidenziato nell’immagine qui sotto:
(more…)










