• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare Una Semplice UserBar In Movimento!

maxsteiontt

Utente bannato
Autore del topic
10 Febbraio 2010
418
0
Miglior risposta
0
Apri un nuovo file della misura di una userbar, ce ne sono di varie misure, ma la standard piu usata è di 350x20.

Apri lo strumento sfumatura (lo trovi cliccando sulla freccina dello strumento secchiello), clicca sul riquadro che contiene le sfumature
userbar1.png

per aprire l'editor sfumature
userbar2.png

scegli il gradiente che vuoi usare e dai l'ok.

Prima di procedere clicca anche, nella barra dello strumento, su questo simbolo (sfumatura riflessa)
userbar3.png


Ora con il mouse traccia una linea verticale sulla tua base dall'alto al basso, in modo da colorarla cosi':
userbar4.png


Prendi una icona che rappresenta cio che vuoi dire con la userbar, io usero' un icona a caso
userbar5.jpg


che ho ritagliato e ruotato dopo averla incollata nella userbar
userbar6.png

Ora apriamo lo strumento di selezione circolare e facciamo una selezione di questo tipo
userbar7.png


Apri un nuovo livello sopra.

Riempila con il colore bianco usando il secchiello.

Fai "livello--->maschera di livello--->mostra tutto.

Apri lo strumento sfumatura, apri il suo editor, e scegli la sfumatura da bianco a nero.

Traccia, come fatto prima, una linea verticale per avere una cosa di questo tipo
userbar8.png


Fai "livello---> maschera di livello---> applica" ed abbassa il riempimento a 40%.

Apri la palette degli stili ed applica un effetto di ombra interna impostato così
userbar9.png


° PATTERN

Aprila con photoshop e fai "modifica---> definisci pattern".

Torna alla tua userbar ed apri un nuovo livello sopra allo sfondo
userbar11.png

Apri lo strumento secchiello, scegli pattern dal menu a tendina e seleziona il pattern caricato in precedenza.



Versalo ora nel livello nuovo che abbiamo aperto sopra allo sfondo.

Abbassane l'opacita' a circa il 30% e con la gomma cancellane alcune parti per dare movimento.
userbar13.png


Apri lo strumento testo e scegli un pixel font, (io usero' il "visitor TT2 brk" a 12 pixel senza antialias) e scrivi il tuo
testo.
Perfavore, Entra oppure Registrati per vedere i Link!


° FONT

Rasterizza il testo (livello---> rasterizza testo), apri la palette degli stili per applicarvi una traccia di un pixel ed abbiamo finito.
userbar14.png


Ok adesso abbiamo quasi finito ... non vi resta che seguire questo video .. per farla in movimento ..
[video=youtube;1ZI_CLdG9Co]http://www.youtube.com/watch?v=1ZI_CLdG9Co&feature=player_embedded[/video]

PER SALVARE LA GIF ANDATE SU FILE ---> SALVA PER WEB E DISPOSITIVI OPPURE ---> SAVE FOR WEB AND DEVICES PER QUELLI IN INGLESE
 
Ultima modifica:
Lo so che c'è ne sono però siccome non ho visto neanke una guida su sciax lo postata patpat
 
Di niente xD
--------------- AGGIUNTA AL POST ---------------
LOL. come no? c'è ne sono a miliardi,oltretutto una è in rilievo.
la prossima volta usa il tasto cerca.
la guida in rilievo non ha il movimento :emoji_smiley:
 
Ultima modifica:
Carina :soso: Però non è ben specificata.. Bravo comunque.