vi insegnerò a creare un usebar animata come questa(la guida è lunga ma facile):

http://images.nonsologaming.com/170812userbarstewiew.gif

1.Creamo un nuovo documento

http://images.nonsologaming.com/91475184.png

2.prendiamo lo strumento secchiello o sfumatura e coloriamo il nostro documento

http://images.nonsologaming.com/69609579.png

3.andate su file>inserisci e scegliete il render da inserire (il render dovete ridimensionarlo e deve essere più grande dell'usebar..sotto l'esempio)

http://images.nonsologaming.com/23023026.png

4.create un nuovo livello (Maiuscola+Ctrl+N) e andate in alto su modifica>riempi e mettete queste impostazioni

http://images.nonsologaming.com/94763925.png

il patter che si utilizza non è presente su Photoshop,per questo sotto ho messo il .png del pattern con la spiegazione di come inserirlo

5.selezionate lo strumento testo (T) e scrivete quello che volete nell'usebar (si consiglia colore bianco,grandezza 8 pt ...poi la scelta è vostra misteryellow ).

andate sul livello della scritta premete tasto destro e opzioni di fusione

http://images.nonsologaming.com/78645963.png

Traccia:

Dimensione:1px

Posizione:esterno

Metodo di fusione:normale

Opacità:100%

Tipo di riempimento:colore

Colore:nero

6.andate su selezione ellittica

http://images.nonsologaming.com/61408826.png

e fate un semicerchio tipo questo

http://images.nonsologaming.com/74122448.png

andate in alto su modifica>riempi e mettete queste impostazioni

http://images.nonsologaming.com/54121136.png

7.create un nuovo livello e andate su seleziona>tutto e poi su modifica>traccia

http://images.nonsologaming.com/46638281.png

e selezione>deseleziona.

8.per chi ha photoshop cs3 deve andare in alto su finestra>animazione.

adesso vi spunta questa barra e cliccate quello che ho cerchiato

http://images.nonsologaming.com/32691599.png

ora...cliccate sul primo fotogramma e selezionate il livello dove c'è l'immagine

http://images.nonsologaming.com/86322674.png

prendete e trascinate il soggetto tutto in basso (non si deve nemmeno vedere!!!).

cliccat sul 2* fotogramma e trascinate il soggetto tutto in alto (non si deve vedre!!)

9.andate nel primo fotogramma e cliccate dove ho selezionato

http://images.nonsologaming.com/30892141.png

e mettete:

http://images.nonsologaming.com/14595951.png

10.infine...selezionate tutti i fotogrammi premete tasto destro e mette 0.1sec (dovete premere il tasto desto dove c'è scritto 0.0 sec)..

andate in alto su file>salva per web e dispositivi e cliccate salva.

ecco il mio

http://images.nonsologaming.com/170812userbarsbart.gif

SPIEGAZIONE:per aggiungere il pattern salvate quello che vi ho postato sotto(è piccolissimo ma c'è!!!)..lo aprite con Photoshop e andate in alto su modifica>definisci pattern ed ecco fatto!!!

Modificato 13 Ottobre 201212 anni da Zeus

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

ECCO LA MIA CHE NE DITE

CHE NE DITE? =| /:|

Giuse, per favore, smetti di gridare o ti dovrò segnalare allo staff .-.' Quante volte te lo dobbiamo ripetere..? ^^'''''

come posso migliorare la targhetta

rimpicciolisci la scrittura...soprattutto la scrittura ms va un pò troppo piano

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

bello!!

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

io ho il cs4 extendimg edition credo però è in inglese e non mi riesce la parte in qui devo fare le opzioni di fusione. potresti mattere delle immagini anche se in italiano per farmi capire come fare?

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

Opzione Di Fuzione = Blending Options ...

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

si ma non capisco cosa devo fare poi

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

ora forse ce l'ho fatta, ma non mi rende cliccabile, dopo aver fatto selezione elittica, l'opzione fill (riempi)

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

ora forse ce l'ho fatta' date=' ma non mi rende cliccabile, dopo aver fatto selezione elittica, l'opzione fill (riempi)[/quote']

per fare opizioni di fusione devi schiacciare 2 volte sul livello

[PLAIN]Re: [Tutorial] Usebar animata[/PLAIN]

 

appena fai la selezione ellittica fai subito modificia...senza selezionare altro..

ecco il mio

http://img141.imageshack.us/img141/6597/senzatitolo2k.gif