[Tutorial] Userbar

« Older   Newer »
  Share  
Andrea 27
view post Posted on 7/5/2011, 13:05




Qui spiegheremo un Tutorial per creare le Userbar passo passo:



image


Apriamo Photoshop: File > Nuovo.E impostiamo i parametri come in figura:

image


Creamo un nuovo livello è lo chiamiamo "livello 2". Ora sul livello 2 selezioniamo i colori preferiti da noi è lo strumento selezionato in figura:

image


Ci comparira in alto questi alti strumenti noi selerioneremo ovviamente quello in figura:

image


Fatto questo portiamoci con il mouse verso l'immagine da disegnare e partendo da sotto e al centro di essa tiriamo una linea verso l'alto e fermiamoci come in figura:

image


Ci uscirà un immagine di questo tipo:

image

Ora dobbiamo aggiungere delle linee oblique, per fare questo dobbiamo creare un nuovo documento di altezza è largezza uguali a 3 pixel. Poi zoomiamo a 1600% selezioniamo 3 quadrati in diagonale e li coloriamo di nero ottenendo il risultato in figura:

image

Adesso andiamo in modifica>definisci patner e diciamo ok.
Ora torniamo sul documento dell'Userbar e facciamo "ctrl+A"(in questo modo selezioniamo tutto) andiamo in Modifica>Riempi e scegliamo il pattern appena creato.Regoliamo l’opacità di questo livello al 30-40%.
Facciamo una copia del livello 1 la chiamiamo "livello 3" e la portiamo in prima posizione.
Ora dobbiamo aggiungere un logo a nostro piacimento sulla parte sinistra è gli diamo qualche effetto:

image


Ora aggiungiamo le scritte. Utilizzeremo come font il Visitor TT2 (BRK), dimensione 13 pixel, anti-alias nessuno e colore bianco. Per aggiungere il bordo nero, nell’elenco dei livelli, clichiamo con il tasto destro sul livello della scritta, scegliere Opzioni di fusione > Traccia e impostare colore nero, dimensione 1 pixel e posizione esterno ottenendo il risultato in figura:

image

Adesso dobbiamo aggiungere un effetto tridimensionale alla userbar quindi, creiamo un nuovo livello, e con il tool della seleziona ellittica, selezioniamo la porzione superiore (circa a metà) della userbar per poi colorarla di bianco. Settiamo un’opacità di 20-25% e il risultato quello in figura:

image

Ora come ultima cosa da fare è aggiungere il bordo nero alla nostra userbar quindi (Ctrl+A), Modifica>Traccia, impostando le dimensioni ad 1 pixel, colore nero e posizione Interno e la nostra userbar è completa:

image

 
Top
0 replies since 7/5/2011, 13:05   53 views
  Share