Guida Grafica [GUIDA]Creare UserBar con Photoshop

Stato
Discussione chiusa ad ulteriori risposte.

SoNuS

Utente Electrum
7 Maggio 2010
292
42
17
149
PARTE 1:
Creare un nuovo documento di larghezza 350 pixel e altezza 19 pixel poi impostate gli altri
parametri come nella figura:

http://i31.tinypic.com/vx251.jpg

Adesso con lo strumento secchiello coloriamo lo sfondo (suggerisco colori richiamati al logo).Adesso sulla parte sinistra della userbar piazzateci un vostro logo che puo essere
qualsiasi.Scelta l'immagine desiderata (solitamente grande) e la incolliamo sulla userbar,per un effetto 3d possiamo aggiungerci un bagliore esterno.Vedi screen.

http://i27.tinypic.com/fxcxl4.jpg

Ora aggiungiamo la scritta. Utilizzeremo come font il Visitor TT2 (BRK), dimensione 12 pixel, colore nero. Per 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 bianco, dimensione 1 pixel e posizione Esterno.
Il prossimo passaggio ci consente di aggiungere un effetto tridimensionale alla userbar. Per fare questo, creiamo un nuovo livello di nome “Selezione Ellittica”, e con lo strumento della seleziona ellittica, selezioniamo la porzione superiore (circa a metà) della userbar per poi colorarla di bianco. Scegliamo un’opacità di 30%. Ecco come si presenterà ora la nostra user:

http://i32.tinypic.com/15cbonl.jpg

Ora non resta che aggiungere il bordo della userbar: Create un nuovo livello di nome “Traccia”, Selezione > Tutto (Ctrl+A), quindi Modifica > Traccia, impostando le dimensioni ad 1 pixel, colore nero e posizione Interno.
Adesso non resta che applicare un pattern. Create un nuovo livello di nome “Pattern” e selezionate Modifica>riempi. Cambiate l’impostazione su pattern e scegliete il pattern millerighe con opacità 30% o come preferite.Ecco come si presenta la nostra user dopo questi passaggi:

http://i30.tinypic.com/24e1f0m.jpg

A questo punto abbiamo completato la nostra userbar.
Nei prossimi aggiornamenti metti altre cose ;).
Per Motivi di spazio o linkato tutte le screen.

Fonti: Web
Screen: Mie
 
Creu un nuovo documento 3x3 lo zommi di 3k e con lo stumento matita colore nero fai 3 quadrati partendo dal angolo alto sinistro e scendi in diagonale poi fai
Modifica > Definisci pattern e lo salvi con un nome dato da te ;)
 
meglio fare nuovo documento 5x5..le righe vengono meno fitte...perche con 3x3 è un casino <.<
cmq per riempire lo sfondo meglio un gradient e non dimentichiamoci di mettere il font senza parametri di smussamento U.Us
 
meglio fare nuovo documento 5x5..le righe vengono meno fitte...perche con 3x3 è un casino <.<
cmq per riempire lo sfondo meglio un gradient e non dimentichiamoci di mettere il font senza parametri di smussamento U.Us
Bhe ognuno poi e libero di personalizarlo come meglio crede ;)
 
Stato
Discussione chiusa ad ulteriori risposte.