Come Realizzare Animazioni Sul Tuo Sito Web

Sommario:

Come Realizzare Animazioni Sul Tuo Sito Web
Come Realizzare Animazioni Sul Tuo Sito Web

Video: Come Realizzare Animazioni Sul Tuo Sito Web

Video: Come Realizzare Animazioni Sul Tuo Sito Web
Video: Come sfruttare le animazioni CSS3 per realizzare le skills del tuo sito web 2024, Maggio
Anonim

Se ti piacciono gli elementi animati sui siti web e vuoi animare il tuo sito web ma non vuoi preoccuparti di Flash, c'è una soluzione semplice ed efficace:

Come realizzare animazioni sul tuo sito web
Come realizzare animazioni sul tuo sito web

È necessario

Computer, editor grafico Adobe Photoshop 5 o versioni successive, editor Adobe Image Ready

Istruzioni

Passo 1

Avvia Photoshop e crea una nuova immagine 100x100 pixel. Imposta la risoluzione su 72 pixel e la modalità RGB. Selezionare l'opzione Mostra livelli dalla voce di menu Finestra per visualizzare la palette Livelli.

Passo 2

Nella tavolozza degli strumenti, seleziona una matita e disegna un'immagine. Nella tavolozza dei livelli, fai clic su Duplica livello, che creerà una copia di un livello esistente. Usa lo strumento gomma per cancellare qualsiasi parte dell'immagine, quindi aggiungi le modifiche con una matita. Crea tutti i livelli necessari nell'ordine in cui dovrebbero sostituirsi l'un l'altro. Ogni livello sarà un fotogramma separato della tua animazione.

Passaggio 3

È il momento di animare i fotogrammi risultanti. Dal menu File, scegli Passa a e quindi Adobe Image Ready. Questa azione ti porterà a un altro editor grafico.

Passaggio 4

Dal menu Finestra, scegli l'opzione Mostra animazione, che attiverà la visualizzazione della tavolozza di animazione. Nel menu delle impostazioni della tavolozza (icona a forma di freccia nell'angolo in alto a destra) seleziona la funzione Crea fotogrammi da livelli, che trasformerà tutti i livelli in fotogrammi. L'animazione è quasi completa.

Passaggio 5

È ora di iniziare a impostare l'intervallo di tempo. Selezionare il frame richiesto e nel menu a tendina (sinistra, in basso) selezionare il periodo di tempo richiesto dopo il quale questo frame verrà sostituito da un altro. Fallo per ogni fotogramma della tua animazione. Quando hai finito, usa l'opzione Salva ottimizzato con nome per salvare la tua prima

Consigliato: