Punto informatico Network

Canali
20080829223746

Userbar

26/10/2007
- A cura di
Software Applicativo - Impariamo a creare in pochi secondi le userbar (ITA: Barra Utente), quelle piccole e colorate barre, spesso usate come firma nei forum, per esporre in maniera accattivante i nostri gusti!

Tag

Passa qui con il mouse e visualizza le istruzioni per utilizzare i tag!

photoshop (1) , userbar (1) .

Valutazione

  •  
Voto complessivo 5 calcolato su 473 voti

Con questo breve tutorial, desidero fornire a tutti voi i mezzi e le conoscenze per creare la vostra userbar, da esibire come firma nei vostri forum preferiti!

Premessa:

In questa guida ho utilizzato Photoshop CS2 (in inglese), ma, ovviamente, traducendo la procedura con i comandi corrispondenti, è possibile realizzarla anche con altri software, fra i quali ricordiamo soprattutto l'ottimo (nonché gratuito!) TheGimp .

Tutti i tool citati in questa guida si trovano nella barra a sinistra in Photoshop, come riassunto in questa immagine:

ComandiPS.png

Step 1: Creazione & Sfondo Gradiente

Andiamo su File -> New e, poiché le userbar hanno Dimensione Standard di 350×19 pixel, nella finestra che ci appare selezioniamo così i parametri:

Dimensioni.jpg

Creiamo ora lo sfondo sfumato, utilizzando il Gradient Tool e, a seconda dei gusti, selezioniamo il gradiente "Lineare" oppure quello "Riflesso" come illustrato:

Gradienti.jpg

Clicchiamo quindi sull'anteprima della sfumatura (a sinistra nell'immagine sopra), per accedere Finestra di Selezione dei Colori:

Colori.jpg

Come indicato dalle frecce, scegliamo dapprima la sfumatura a 2 colori, dopodiché, cliccando sulle freccette indicate, potremo scegliere i due colori da sfumare l'uno nell'altro.

Settati i parametri, non ci resta che disegnare la sfumatura, semplicemente cliccando il mouse un po' dentro l'immagine vuota e, tenendo cliccato, trascinarlo verticalmente fino ad un po' sotto, per poi rilasciarlo (alternativamente, come io preferisco, si può sfumare anche in orizzontale...):

Sfumare.png

Otteniamo così (nel mio esempio dell'orizzontale) il seguente risultato:

Base.jpg

Perfetto, ora abbiamo la base della nostra userbar: iniziamo allora con gli effetti ed il contenuto, come spiegherò nel prossimo step.

Pagine
  1. Userbar
  2. Step 2
  3. Step 5

 

Segnala ad un amico

Tuo nome Tuo indirizzo e-mail (opzionale)
Invia a:
    Aggiungi indirizzo email
    Testo

    megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2017 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising

    • Gen. pagina: 0.24 sec.
    •  | Utenti conn.: 112
    •  | Revisione 2.0.1
    •  | Numero query: 18
    •  | Tempo totale query: 0.12