Come realizzare una userbar per firme
Dato che avevo un pò di tempo a disposizione, ho pensato che aggiungere questo tipo di post non sarebbe stata una cattiva idea. Cercherò di spiegare nel modo più semplice posibile come realizzare una userbar per firme, come ad esempio questa:
Io utilizzo Photoshop CS4, ma potete realizzarla con qualsiasi altra versione o anche con altri programmi di grafica, come GIMP.
Iniziamo
1. Aprite un nuovo file e dategli una dimensione di 350x20 pixel;
2. Scegliete e selezionate due colori cliccando sui riquadri in basso nella barra degli strumenti a sinistra;
3. Selezionate lo strumento
Sfumatura dalla barra degli strumenti e riempite la base della vostra userbar nella direzione che preferite ( da sinistra a destra, dall'alto in basso e via dicendo);
4. Adesso aprite contemporaneamente un altro file di dimensioni 3x3 pixel, e nella riga
Contenuto sfondo selezionate
Trasparente;
5. Con lo strumento
Matita della dimensione di 1 pixel, disegnate tre quadrati disposti come in figura:
6. Dopo aver completato questa operazione, selezionate dalla barra del menù in alto
Modifica e successivamente
Definisci Pattern, dopodichè rinominatelo come più vi piace e premete ok;
7. Tornate al file iniziale, create un nuovo livello e premete ok. Selezionate
Modifica ---> Riempi dalla barra del menù in alto e quando si aprirà una nuova finestra selezionate
Usa: Pattern e subito sotto selezionate dal menù a tendina il pattern personalizzato che avete creato poco fa, dunque premete
Ok;
8. Adesso, nella finestra dei livelli, portate l'
Opacità di quest'ultimo a circa
50% ( anche se si tratta comunque di una percentuale relativa, potete schiarire il livello come preferite);
9. Aprite l'immagine che volete usare per la vostra userbar e inseritela all'interno del vostro file. Noterete che si aggiungerà automaticamente un livello, ovvero quello dove si trova adesso l'immagine. Se necessario, utilizzate lo strumento
Selezione dalla barra degli strumenti e cliccando con il tasto destro del mouse sull'immagine potrete ridimensionarla utilizzando l'opzione
Trasformazione libera;
10. Dopo aver posizionato la vostra immagine, selezionate lo strumento
Testo orizzontale dalla solita barra a sinistra, e utilizzando il font
Visitor TT2 (BRK) (scaricabile da
qui) inserite il testo che preferite;
11. Adesso cliccate con il tasto destro sul livello del testo, e selezionate
Opzioni di fusione. Selezionate
Traccia e portatela alla dimensione di 1 pixel;
12. A questo punto, se volete, potete dare l'effetto 3D per ultimare la vostra userbar creando un nuovo livello e utilizzando lo strumento
Selezione ellittica (o circolare) e creando una forma di questo tipo:
Dopodichè riempite l'area appena selezionata con del colore bianco e portate l'opacità di livello a circa
30%. Al termine del procedimento dovreste avere una cosa simile a questa:
La vostra userbar è completa e pronta per l'uso!
Ricordate che questo è solo uno dei tantissimi modi per crearla, e non è detto che sia il più giusto e corretto. Semplicemente, è quello che uso io
Jaa ne!