Annuncio

Collapse
No announcement yet.

[Tutorial]Creare un userbar

Collapse
X
 
  • Filter
  • Ora
  • Show
Clear All
new posts

  • [Tutorial]Creare un userbar

    In questo tutorial impareremo passo per passo a creare le famose userbar,che vanno tanto di moda nei forum grazie alle loro ridotte dimensioni.

    1)Creiamo un nuovo documento,la lunghezza standard è di 350 pixel in larghezza e 19 in altezza

    Settate il resto come nella immagine seguente



    2)Ora selezionate i due colori che andranno a creare la sfumatura,quello di primo piano ed il secondario,andate sullo strumento secchiello a sinistra tenete premuto e selezionate la strumento sfumatura,la barra in alto dovrebbe avere questo aspetto



    3)Per aggiungere le linee diagonali, è necessario creare un nuovo documento di larghezza e altezza di 3 pixel. Dopo aver zoomato fino al 1600%, si selezionano 3 quadrati in diagonale (ognuno di dimensioni 1×1 pixel) e li si colorano di nero,con lo strumento matita (basta un click per riempire 4 piccoli quadratini)

    Alla fine deve apparire come la seguente immagine



    4) Ora andiamo su Modifica > Definisci pattern e assegnamo un nome a piacere al pattern appena creato. Fatto questo, torniamo al documento della userbar e creiamo un nuovo livello. Per riempirlo, facciamo Selezione > Tutto (Ctrl+A) quindi Modifica > Riempi e scegliamo il pattern che abbiamo creato. Regoliamo l’opacità del livello al 30/40%.



    5) Ora possiamo aggiungere un logo a piacere,andiamo su file >inserisci e selezionamo l'immagine che si incollerà sulla userbar in un nuovo livello.
    Possiamo dare ulteriori effetti all'immagine andando in opzioni fusione nel livello della stessa

    6) Passiamo ora all'aggiunta delle scritte,io ho utilizzato il font Visitor TT2 (BRK),(scaricabile quì http://www.webpagepublicity.com/free...T2%20-BRK-.ttf) impostiamo la dimensione a 6 pt ,senza alias e impostiamo la scritta con il colore bianco. Se vogliamo aggiungere il bordo nero, nell’elenco dei livelli, cliccare con il tasto destro sul livello della scritta, scegliere Opzioni di fusione > Traccia e impostare colore nero, dimensione 1 pixel e posizione Esterno.

    7)Ora daremo un effetto tridimensionale all'userbar,per fare questo creiamo un nuovo livello ed usiamo lo strumento di selezione ellittica



    selezioniamo la porzione superiore,circa a metà della nostra userbar per poi riempirla di bianco anche con lo strumento secchiello. Settiamo un’opacità del livello di 20/25% e il risultato sarà il seguente



    8) Se vogliamo possiamo creare un piccolo bordo intorno alla userbar,basterà premere ctrl + A che ci selezionerà tutta l'immagine,andare su modifica > traccia ed impostiamo il valore ad 1 px,colore nero,interno

    Ed abbiamo finito
    Se non sono stato chiaro in alcuni punti chiedetemi pure.
    Last edited by Alessandro330; 07 June 2007, 03:02.

    Elusys

  • #2
    grazie ale, ottimo tutorial

    Comment


    • #3
      dove è la matita?che simbolo ha?perchè sono andato sopra ogni simbolo ma nessuno ha la scritta matita

      Comment


      • #4
        Ecco la mia userbar:

        Last edited by luck93; 07 June 2007, 15:30.
        sigpic

        Live or die, make your choice.

        Comment


        • #5
          ecco invece la mia




          donpeppe1990

          Comment


          • #6
            Ottimi

            Elusys

            Comment

            Working...
            X