Tutorial : Come Creare Un Userbar con Photoshop

Titolo: Tutorial : Come Creare Un Userbar con Photoshop Lun Set 12, 2011 6:40 pm

CREARE UN USER:

Apriamo con photoshop un nuovo file con sfondo trasparente con misure in pixel 350x19
creaiamo un nuovo livello,scegliamo i colori che vogliamo dare alla nostra user,e possibile anke usare delle sfumature dipende dai gusti e dal soggetto che volete inserire nell'user

Tutorial : Come Creare Un Userbar con Photoshop 15yi60z

Tutorial : Come Creare Un Userbar con Photoshop 15yi60z

adesso dobbiamo aggiungere un patter,creiamo un nuovo documento 6x6 sempre con sfondo trasparente, zummiamo al massimo e tracciamo una diagonale con la matita con colore di fondo nero

Tutorial : Come Creare Un Userbar con Photoshop 28ur2uf

Tutorial : Come Creare Un Userbar con Photoshop 28ur2uf

Fatto questo andiamo su Modifica - Definisci Pattern e dategli il nome che preferite

APPLICARE IL PATTERN

Torniamo sull'immaggine creta, la Userbar per capirci.
Andiamo su Modifica - Riempi

Scegliamo di riempire con un pattern, e con un'opacità del 30%

Tutorial : Come Creare Un Userbar con Photoshop Applicapatternlz3

Tutorial : Come Creare Un Userbar con Photoshop Applicapatternlz3

Ora bisogna scegliere un immaggine da applicare nella parte sinistra della Userbar.
L'immaggine non deve necessariamente rientrare perfattamente nella User, anzi è consigliato
lasciarla un pù più grande. Ecco un esempio:

Tutorial : Come Creare Un Userbar con Photoshop Logoeimmagginewr5

Tutorial : Come Creare Un Userbar con Photoshop Logoeimmagginewr5

Per dare un effetto 3D all'immaggine, potremmo aggiungere un Ombra esterna.
Per fare questo dovremmo andare nelle opzioni di fusione.

AGGIUNTA DEL TESTO

Mentre nella parte sinistra abbiamo aggiunto un'immagine, a destra invece inseriremo un testo.
Scarica la Font Visitor TT2 (BRK) da QUI

Una volta fatto questo, posizioniamoci nelle opzioni di fusione del livello, applichiamo un "Traccia" di 1px colore nero.
Otterrete una cosa simile

Tutorial : Come Creare Un Userbar con Photoshop Logoeimmagginewr5

SELEZIONE ELLITTICA EFFETTO 3D

Per ultima cosa dobbiamo aggiungere un effetto 3d.
Useremo la selezione ellittica.

Creiamo un nuovo livello, posizionamoci sull'apposito strumento, e tracciamo una selezione del genere.

Tutorial : Come Creare Un Userbar con Photoshop Selezioneellitticabm7

Tutorial : Come Creare Un Userbar con Photoshop Selezioneellitticabm7

Ovviamente, una volta tracciata questa selezione la riempiamo con un bianco a opacità di 25%.Potete anche variare, a seconda dei colori utlizzati nella stessa Userbar.

BORDO

Non resta che aggiungere un bordo Selezione > Tutto (Ctrl+A), poi andiamo su Modifica > Traccia,
impostiamo le dimensioni a 1 pixel, colore nero e posizione Interno.

SALVARE IL LAVORO

File -> Salva con Nome -> ricordate di salvare il file in .GIF se animato e in PNG senza animazione

Ecco il risultato :sorriso:

Tutorial : Come Creare Un Userbar con Photoshop Fineuf8go6

Tutorial : Come Creare Un Userbar con Photoshop Fineuf8go6

ecco una variante

Tutorial : Come Creare Un Userbar con Photoshop 11rzkw9

spero sia chiara la spiegazione se avete problemi contattatemi Wink

buon divertimento

Thank you. This is what I did. The background is not the same like yours. I mean on your background I can see small squares on mine it seems only lines. Tutorial : Come Creare Un Userbar con Photoshop 13669

Tutorial : Come Creare Un Userbar con Photoshop 13669

Tutorial : Come Creare Un Userbar con Photoshop Bar10

hai saltato un passaggio questo

SELEZIONE ELLITTICA EFFETTO 3D

Per ultima cosa dobbiamo aggiungere un effetto 3d.
Useremo la selezione ellittica.

Creiamo un nuovo livello, posizionamoci sull'apposito strumento, e tracciamo una selezione del genere.

Ovviamente, una volta tracciata questa selezione la riempiamo con un bianco a opacità di 25%.Potete anche variare, a seconda dei colori utlizzati nella stessa Userbar.

You are right, I didn't add a 3D effect. Thank you. Tutorial : Come Creare Un Userbar con Photoshop 13669

Tutorial : Come Creare Un Userbar con Photoshop 151772

figurati se hai bisogno non esitare a chiedere sarò lieta di aiutarti Tutorial : Come Creare Un Userbar con Photoshop 510808

I will .Thank you Tutorial : Come Creare Un Userbar con Photoshop 151772

If I will make a userbar how can I add the userbar instead of a link to click on a userbar to enter in a page. For example you have on the forum affiliates userbares and I can click on them to enter inside. Tutorial : Come Creare Un Userbar con Photoshop 13669

» Tutorial: Come creare ragnatele con photoshop
» Tutorial : Creare cornici con PhotoShop
» Tutorial:Come Creare una Scena Dark con Photoshop
» Tutorial: creare un glitter con photofilter e animation shop3
» How to create snow in Photoshop