Vai ai Contenuti
MENU
DATABASE
OROLOGIO:
SPONSOR:


Ciao, il tuo ip: 38.107.191.95
Sistema operativo: Unknown
Browser: Bot

[Valid RSS]

Il Bloggatore

BongoLinux

Get Ubuntu

Sostieni Ubuntu!

TuxFeed.it

ethernaly's blog

Ricerca personalizzata
Supporta il sito:
INFORMAZIONI UTILI
Creative Commons License
Questo sito e' pubblicato sotto una Licenza Creative Commons.
LINK ESTERNI
SPONSOR


SHOUT BOX
SPONSOR

USERBAR ANIMATA

 

Cosa occorre?

Prima cosa è munirsi di Photoshop e Image Ready e qualche user bar della stessa grandezza! (io consiglio 350x19 pixel).

Photoshop ci serve SOLO ed esclusivamente per fare le nostre UserBar nel caso non fosse possibile reperirle da internet.

Quindi se volete creare le vostre userbar, da utilizzare per la userbar animata, seguite la guida alla loro creazione che trovate nella sezione tutorials.


Passo 1(Nell'esempio noi utilizzeremo la grandezza 350*19 px).

Aprite ImageReady e andate su File--->Nuovo, qui dovete spuntare nel menu "contenuto del primo livello" l'opzione "trasparente", e settare le grandezze come descritto:

  • Larghezza: 350px
  • Altezza: 19px

    • Cliccate su "Ok".

    passo1

     

    Passo 2

    Nel caso vogliate usare ad esempio 5 Userbar "statiche" per creare quella animata avrete bisogno di 5 Livelli.

    Andate su "Livello"--->"Nuovo"--->"Livello..." e cliccate su ok. Bene avete creato il secondo livello. Adesso ripetete l'azione finchè non arrivate ad avere 5 livelli!

     

    Passo 3

    Adesso bisogna assegnaro lo sfondo ad ogni livello(questo sfondo sarà per ogni livello una delle vostre userbar che intendete usare).

    Quindi aprite sempre con ImageReady la prima Userbar che intendete usare, andate su "Seleziona"--->"Tutto", spostatevi in "Modifica"--->"Copia", spostatevi dunque sull'immagine nuova creata da voi, e selezionando il primo livello andate su "Modifica"--->"Incolla". Bene adesso avrete il vostro primo livello completo. Ripetete l'azione cambiando Userbar statica, e incollandola ovviamente nel livello successivo.

     

    Passo 4

    Chiudete tutte le immagini che non servono più, ovvero le Userbar statiche, e lasciate attiva solo la vostra immagine con i livelli tutti completati con lo sfondo.

    Nel caso non sia aperta andate nel menù "Finestra" e spuntate "Animazione".

    Nella finestrella che è comparsa, in alto a destra c'e' una frecciolina che punta verso destra, cliccate li sopra e nel menù che compare cliccate su "Crea fotogrammi dai livelli".

    Perfetto! Adesso avete quasi finito. Ad esempio se avrete utilizzato 5 livelli vedrete che nella finestrella "Animazione" avete 5 riquadri, ogni riquadro in basso a sinistra ha la dicitura "sec" che indica ogni quanti secondi passerà all'immagine successiva. Cliccate su "sec" e selezionate almeno "1 sec".

    passo4

     

    Passo 5

    Salvate il vostro lavoro PRIMA in formato PSD (il formato di Photoshop, una volta salvato in PSD, andate su "File"--->"Salva ottimizzato come..."---> e salvate il file in FORMATO GIF!

    Perfetto la vostra user bar è finita!!!!

     

    Passo facolativo: Effetto a scomparsa

    Per dare un effeto di passaggio da un fotogramma ad un altro seguite queste istruzioni:

  • Seguite il Passo 4 fino alla creazione dei fotogrammi dai livelli, ogni fotogramma creato in questa fase prenderà il nome di Fotogramma BASE(importante)
  • Una volta creati i fotogrammi, cliccate su "tweening,,," che è un opzione posta in basso della finestrella "Animazione".
  • In "tweening fra" impostate "fotogramma successivo".
  • In "fotogrammi da aggiungere" impostate "5"
  • Selezionate "Tutti i livelli"
  • E nei parametri lasciate tutto spuntato, cliccate OK.
  • ripetete queste fasi del "Tweening" per ogni fotogramma BASE eccetto l'ultimo!
  • I tempi da selezionare io consiglio 0.1 per i fotogrammi creati dal Tweening, e 1sec per i fotogrammi base.
  • Salvate la vostra immagine in PSD, e poi andate su "File"-->"Salva ottimizzato come..."---> e salvate la vostra userbar animata in formato GIF!
  • Perfetto avete finito!

    •  

    ~Ethernaly~

                                                             

    Torna al Menu