Creare banner animati

« Older   Newer »
  Share  
Nina83
view post Posted on 10/4/2007, 19:37




Supponiamo di aver creato in photoshop questo banner:
image

l'immagine è composta dai seguenti livelli:
image

clicca sul pulsante indicato in figura (situato in fondo alla toolbar di photoshop) per passare l'immagine ad Image Ready:
image

Attendi l'avvio, dal menù finestra/Area di lavoro clicca su Resetta posizione delle palette
image

L'Interfaccia di Image Ready ti si dovrebbe presentare come in figura:
image

Come puoi notare non è molto differente dal photoshop, i livelli dell'immagine sono presenti anch'essi in Image Ready ed in basso a sinistra è presente una finestra che mostra i fotogrammi che compongono l'animazione, proprio in questa finestra clicca sul pulsante duplica frame corrente, un nuovo fotogramma compare nell'animazione
image

assicurati che il fotogramma 2 sia selezionato e rendi invisibile dalla paletta dei livelli il livello di testo "cliccami"
image

possiamo notare dalla finestra dell'animazione che il secondo fotogramma non mostra il testo reso invisibile, a differenza del primo
image

cliccando sul pulsante riproduci animazione possiamo vedere il risultato
image

effettivamente è troppo veloce, premi il tasto CTRL e clicca sul 1 fotogramma, in modo da selezionare entrambi i fotogrammi e fai clic (con il tasto sinistro o destro del mouse) sul tempo mostrato sotto ad uno dei fotogrammi. Il ritardo tra un fotogramma e l'altro per default è impostato a 0, portalo a 0.5 (mezzo secondo)
image

riproduci nuovamente l'animazione...
image

Molto meglio! Possiamo salvare il bannerino in Gif. Dalla finestra principale dell'immagine clicca su 4-viste
image

La prima è l'originale, alle altre tre puoi cambiare dalla paletta ottimizza il numero di colori ed i modi di rappresentazione. Clicca sulla seconda immagine ed imposta il numero di colori ad 8;
image

seleziona la seconda ed imposta il numero di colori a 16;
image

seleziona la quarta immagine ed imposta il numero di colori a 64. Ottieni una visuale delle quattro modalità.
image

La prima, ad 8 colori, è decisamente da scartare, poco definita! La seconda, a 16 colori sembra ottima, l'ultima, è come la terza, solo che possiede 4 colori in più rispetto la precedente ed occupa qualche bytes in più. Seleziona la terza immagine e dal menù file clicca su Salva ottimizzata con nome...
image

Ecco il risultato, un bel bannerino 88x31 pronto da utilizzare...
image

Per salvare il progetto di Image Ready, sempre dal menu' file clicca su Salva con nome...

(fonte)
 
Top
Asia
view post Posted on 11/4/2007, 19:04




che figataaaaaaaaaa!!!! non avevo idea di come si facessero!

Grazie nina!!! :hug:
 
Top
Nina83
view post Posted on 11/4/2007, 19:18




prego! ;)
in effetti è un po difficilotto da usare Photoshop, se non si sa cosa premere
 
Top
=.Kakuzu The Best.=
view post Posted on 21/4/2009, 10:36




io non riesco a salvarla!!!!
 
Top
Nina83
view post Posted on 21/4/2009, 20:23




CITAZIONE (=.Kakuzu The Best.= @ 21/4/2009, 11:36)
io non riesco a salvarla!!!!

Come no? Che Photoshop hai? Sei hai CS2 fai File-->Salva ottimizzato; se hai il CS3 fai File-->Salva per web. Per non sbagliare ti consiglio di fare File-->Salva con me e salvarla con estensione in .gif. Non è difficile.
 
Top
=.Kakuzu The Best.=
view post Posted on 22/4/2009, 14:54




uuuuuuuuuuuuh si ci sono riuscito!!! grazie 1000 nina!!! :love:
 
Top
~Adriano187~
view post Posted on 17/7/2009, 17:37




grazieeeee... finalmente,sei stata molto utile,grazie mille
 
Top
Nina83
view post Posted on 21/7/2009, 21:11




CITAZIONE (~Adriano187~ @ 17/7/2009, 18:37)
grazieeeee... finalmente,sei stata molto utile,grazie mille

e di che? figurati ;) :figo:
 
Top
7 replies since 10/4/2007, 19:37   5599 views
  Share