Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> software >> Software di animazione >> .

Come creare animazioni GIF in Photoshop CS3

GIF animate permettono di mostrare più informazioni per i tuoi visitatori in uno spazio limitato pagina web , come quei banner animati . Creare GIF animate è un processo di snellire in Adobe Photoshop , ed è più nel Creative Suite 3 . L' unico inconveniente di creare animazioni in Photoshop sono le opzioni disponibili , proprio come ci sono diversi modi per modificare un'immagine . Vale a dire che ci sono molti modi per ottenere il lavoro fatto, e avete bisogno di spendere tempo a cercare il metodo che ti piace most.Here che sto per mostrarvi uno dei tanti modi per fare animazioni in Photoshop CS3 . Userò un cortometraggio che ho fatto come esempio per questo tutorial . Le istruzioni sono applicabili a Photoshop V5.5 - CS4 , ma strumenti in CS3 edizione sono più flessibili . Cose che ti serviranno
Adobe Photoshop CS4 v.5.5 ~ con ImageReady o Fireworks estensione
PC macchina con piattaforma MS Windows Vista o XP , qualsiasi versione
Mouse
editing di immagini digitali e film di esperienza di animazione utile
Mostra più istruzioni
1

Launch Photoshop . Se non vedi la finestra di animazione , accedere al menu principale sulla finestra del programma , scegliere Finestra > Animazione in discesa . Apparirà la finestra di animazione in basso dello schermo. Trascinare i bordi della finestra di animazione a una dimensione che è comodo per voi di lavorare dentro

Dovreste vedere una finestra simile come quello sopra .
2

Come per il file dimensioni , si può iniziare con una particolare foto o con un nuovo file ( tela bianca ) . Per i principianti , facciamo questo con una tela bianca . Nel menu File delle opzioni principali , scegliere Nuovo . Immettere i valori nei campi richiesti insieme ad altre impostazioni . Fare clic su OK .
3

Con la pratica , si può poi iniziare con un file di immagine per rendere l'animazione GIF , proprio come il mio. Ho iniziato con un immagine ritagliata di un aeromobile e incollato su uno sfondo di cielo blu nella finestra di animazione . Poi ho duplicato più volte il cielo di sfondo per ogni fotogramma con l'aereo , e ha esteso la durata di riproduzione per ogni fotogramma . Quando si preme il pulsante "Play" , il piano appare come in una continua percorso di volo . Ci sono 24 strutture totali nell'esempio.
4

Photoshop crea un nuovo livello per voi, e lo nomina " 0 " di default . Con questo in mente , ogni strato successivo diventerà un nuovo oggetto da manipolare all'interno della vostra finestra di animazione . Inoltre , gli strati successivi possono essere posizionati ( a vostra scelta ) a qualsiasi livello nella palette Livelli , non necessariamente nell'ordine in cui sono stati creati .
5

Diamo ora uno sguardo alla caratteristica più importante di la finestra di animazione : lungo la parte superiore della scatola animazione è la sequenza temporale e il tempo di progetto per ogni fotogramma . È possibile fare clic e trascinare la timeline per diminuire o aumentare la durata del progetto . Lo stesso vale per ogni frame (strato ) . È possibile impostare dopo ogni fotogramma ( layer) appare e per quanto tempo. E ancora, i fotogrammi I non siano necessariamente in sequenza in cui sono stati collocati nella palette Livelli . Hai anche la possibilità di ripetere ogni fotogramma (strato ) più volte in qualsiasi punto della vostra animazione .

È possibile creare time-lapse per ogni fotogramma nella palette Livelli . Sugli strati appaiono come bianco ( spazi bianchi ) , mentre la palette animazione mostra i livelli vuoti a "tempo" .

Ogni strato viene visualizzata nella finestra di animazione come il proprio telaio ( o linea ) nel . montage
6

Per avere familiarità dei tasti funzione , atterrare il cursore del mouse senza fare clic sulle icone nella parte inferiore della finestra di animazione ; descrizione di ciascuna icona apparirà vicino al cursore
< . br> 7

Selezionare la " Conversione frame di animazione a" pulsante in basso a destra della finestra di animazione .
8

Ora la finestra di animazione è cambiata . Ogni fotogramma di questa finestra rappresenta un singolo fotogramma dell'animazione totale fotomontaggio . Quello che si vede nel telaio è ciò che si vedrà in quel momento nel film d'animazione finale. Ricordate " WYSIWYG " , quello che vedi è quello che ottieni . Ogni fotogramma nel montaggio può essere manipolato singolarmente .
9

È possibile impostare il tempo per ogni fotogramma , fare clic sul menu " fly- out " su ogni fotogramma , più altre opzioni , invece di trascinare la timeline nel suo complesso .
10

Dire che si desidera creare una sequenza di 10 fotogrammi, fare clic sul pulsante Duplica frame nella parte inferiore della finestra di animazione vicino al centro .

Il tempo di esecuzione si imposta il primo fotogramma viene copiato , anche. È possibile cambiare il tempo sul secondo telaio e le seguenti cornici pure. Per i prossimi 8 fotogrammi , processo di ripetere in questo passaggio dal principio.
11

Quindi tu hai creato tutte le strutture necessarie e di aver aggiunto tutti i livelli necessari . Avanti , è solo bisogno di designare ogni fotogramma su cui strati di mostrare .

Prima selezionare un fotogramma . Nella palette Livelli , fare clic sull'icona "occhio" a fianco di ogni strato che non vuoi il telaio a comparire in animazione ( come quando si lavora con l'editing normale immagine in Photoshop ) . Se vedete l'icona occhio , si vede il livello, quindi il telaio . Fate questo per ogni fotogramma in .
12

fotomontaggio Per visualizzare in anteprima l'animazione /film, basta selezionare per evidenziare il primo fotogramma , premere Play . Se volete vedere come si ripete che in un ciclo senza fine , fare clic sul pulsante per sempre sulla lista a discesa al di sotto del primo fotogramma .

Progetto fatto . Salvare l'animazione , e poi caricarlo sul tuo blog o sito web utilizzando script HTML . Come potete vedere , questo è molto utile per fare quegli articoli scorrimento , rotazione annunci e foto, o messaggi di widget per il tuo sito .

 

software © www.354353.com