Allora, oggi ho fatto questo Tutorial su come creare un userbar è facilissimo e alla portata di tutti
l'unica cosa che dovete avere è: Photoshop o simili
(io uso il CS3)
dimenticavo... dovete avere anche un render DALLO SFONDO TRASPARENTE!
Inizio:
Apriamo un nuovo documento facendo FILE—NUOVO
E impostiamo 350 larghezza e 20 altezza (oppure scegliete voi)
Adesso clicchiamo col destro del mouse come nell’immagine per selezionare lo Strumento Sfumatura.
Fatto questo facciamo clik dentro il rettangolo colorato (vedi immagine) e cambiamo il colore.
Clicchiamo nel rettangolino nero evidenziato nell’immagine (PUNTO1) poi in quello poco più in basso. (PUNTO2)
Si aprirà la schermata per la selezione del colore.
Scegliete usando il mouse quello che si addice di più alla vostra immagine. E Date OK.
Ora usando il mouse, tracciate una riga in diagonale o dritta, per tutta la lunghezza della userbar.
Io ho fatto una linea Partendo dal BASSO verso L’ALTO.
(fate delle prove fino a quando la sfumatura non vi soddisfa)
Adesso apriamo l’immagine che vogliamo usare nella userbar, trascinandola dentro Photoshop
E selezioniamo lo Strumento Selezione Rettangolare.
Ora, selezioniamo la parte che ci interessa mettere nella userbar e copiamola facendo CTRL+C
Chiudiamo l’immagine del render e torniamo sull’userbar.
Una volta tornati sulla Userbar, facciamo CTRL+V o, Modifica—Incolla
E se il render (molto probabile) ha dimensioni maggiori all’userbar, avremo questo risultato
Dobbiamo rimpiccolire l’immagine per adattarla all’serbar.
Quindi facciamo CTRL + T, oppure, MODIFICA -– TRASFORMAZIONE LIBERA
E Tenendo premuto il tasto della tastiera MAIUSCOLA, ridimensioniamo usando il MOUSE l’immagine.
Spostiamo l’immagine lateralmente.
Praticamente manca la cornice e una scritta per completare l’userbar…
Ma visto che noi
facciamo le cose x bene, ci mettiamo un altro particolare.
Di solito nelle userbar si usano i Pattern che non sono altro che delle “righe” utili per abbellire le firme o altro.
Seguire il tutorial CREARE PATTERN
http://saintseiyags.altervista.org/index.php/topic,691.new.html#new.
Ora, Applichiamo il nostro pattern!
Creiamo un NUOVO LIVELLO facendo: Livello-nuovolivello oppure MAIUSCOLA + CTRL + N
Oppure cliccando nel quadratino in basso a destra della pagina, sotto le palette dei livelli
Fatto questo, andiamo su MODIFICA – RIEMPI o MAIUSCOLA + F5
Mi raccomando, lavorate sull’ultimo livello (quello appena creato) che dovrebbe essere evidenziato di azzurro.
E dalla nuova finestra, selezioniamo Pattern dal menu a tendina.
E dalla nuova finestra scegliamo quello appena creato e diamo OK.
Diamo ancora ok e il pattern verrà applicato.
Ora dobbiamo schiarire il pattern… xkè è troppo scuro, quindi andiamo a sinistra dove ci sono tutti i livelli,
e sempre lavorando sul livello del pattern (livello3) mettiamo OPACITA’ 20%
Ora tenendo premuto il sinistro del MOUSE, trasciniamo il LIVELLO 3 sotto il LIVELLO 2
Facendo questo l’immagine non verrà coperta dal pattern.
NON RIMANE CHE LA SCRITTA E LA CORNICE….Clicchiamo sullo strumento TESTO ORIZZONTALE e come carattere scegliamo VISITORS TT1 o VISITORS TT2
(basta cercarli su google….)
Oppure usate un carattere a piacere. fate le prove e scegliete quello che vi piace di piu'
Ora fate DOPPIO CLIK sopra IL LIVELLO DELLA SCRITTA e si aprirà la finestra Stili Livello.
SPUNTATE ed EVIDENZIATE la scritta TRACCIA
E mettete DIMENSIONE = 1 e POSIZIONE = ESTERNO
Cliccate sul rettangolo colorato per aprire la schermata dei colori e scegliere quello che preferite.
Io metto il nero.
Date Ok quando avete scelto il colore e Ok nuovamente per mettere la traccia!
Manca solo la cornice ed abbiamo finito la nostra Userbar.
Creiamo un NUOVO LIVELLO facendo LIVELLO – Nuovo – Livello
oppure spingiamo il tasto sotto le palette dei livelli che abbiamo usato prima.
E mettete il livelo sopra a tutti gli altri, trascinandolo con il mouse (sinistro premuto) sopra al livello 2.
Fatto questo e lavorando sempre nel livello appena creato (LIVELLO4) ,
Selezioniamo Tutto con (CTRL + A) oppure SELEZIONE-TUTTO
E andiamo su MODIFICA - - TRACCIA
come da immagine..
Mettiamo i parametri cosi:
SPESSORE = 1 ; POSIZIONE = INTERNO; Metodo Fusione= NORMALE; OPACITa’ 100%
Poi clicchiamo sul rettangolo per scegliere il colore. Io uso il Nero.
E diamo OK
Alla fine avremo la nostra Userbar cosi:
(Io ho spostato il livello dell’immagine sopra a quello della cornice….)
se seguite questo tutorial mi piacerebbe vedere come viene il vostro lavoro.. e x ogni info sono qui