Nel Quick-Tip di oggi vorrei spiegare alcuni metodi per l'animazione degli sprite - con animazione degli sprite intendo ciò che ci consente di animare con più immagini singole. Nell'esempio ho creato uno smiley con due occhi aperti e alcuni movimenti della bocca.
Il tutto è stato diviso in più livelli: mentre i livelli della testa e degli occhi sono visibili tutto il tempo, i livelli della bocca sono stati divisi in modo che siano facilmente sostituibili. Complessivamente la composizione dura 7 frame, con un nuovo movimento della bocca visibile ogni frame.
Adesso possiamo caricare la composizione smiley in una nuova composizione e con un clic destro sulla Composizione>Tempo>Frame fisso pianificare la nostra animazione in modo che in determinati momenti venga visualizzato un determinato livello della bocca nella composizione smiley.
Inoltre ora possiamo estendere a piacimento la composizione smiley - nell'esempio estendo la nuova composizione a 20 secondi.
Adesso possiamo attivare il cronometro durante il movimento iniziale della bocca e selezionare il frame desiderato.
Procedendo con il Time-Cursor, abbiamo la possibilità di selezionare ulteriori movimenti della bocca, semplicemente impostando un nuovo keyframe e regolando il tempo della composizione S.
Nell'esempio facciamo in modo che il nostro smiley guardi tristemente, poi dica qualcosa e alla fine diventi felice. Ora potremmo duplicare più volte la composizione smiley e l'animazione verrà presa in considerazione.
Possiamo già animare piuttosto bene in questo modo, ma purtroppo non abbiamo molte opzioni con la procedura di distorsione temporale. Un'altra soluzione per questo sarebbe il metodo dell'espressione - tuttavia non possiamo utilizzare la composizione smiley più volte come nella procedura di distorsione temporale.
Adesso copio la composizione smiley e la chiamo "Espressione". Quindi seleziono tutti i livelli della composizione S, vado inizialmente con il Time-Cursor e premo Alt+Ö, quindi vado alla fine dell'animazione e clicco Alt+Ä, per estendere tutto.
Ora creiamo una composizione 3 e inseriamo al suo interno la composizione "Espressione". Per la mia espressione voglio creare ora un cursore per gli elementi della bocca e ciò lo ottengo attraverso Impostazioni effetti>>Impostazioni Espressioni>Cursore. Lo blocco momentaneamente....avif "Suggerimenti e trucchi per l'animazione in After Effects: animazione a sprite"){kind=icon}
...e ora inserisco per l'Opacità di ogni oggetto della bocca nell'espressione quanto segue:
sld = Math.floorCOLLEGARE QUI AL CURSORE CREATO);
if(sdl == index) {
100
}else{
0
}.avif "Suggerimenti e trucchi per l'animazione in After Effects: Sprite-Animation"){kind=icon}
Con un clic destro sul valore del cursore possiamo impostare l'ultimo valore a 7 (per 7 diversi movimenti della bocca).
Ora, spostando il cursore, vediamo come cambiano i movimenti della bocca - inoltre è molto più semplice catturare il valore corretto. Adesso possiamo facilmente controllare le espressioni con il cronometro e animare lo smiley. Un sistema di espressioni è più complesso ma anche più flessibile nell'animazione.
L'unico svantaggio è che dobbiamo avere una composizione di espressioni della stessa lunghezza della composizione finale, affinché funzioni fino alla fine..avif "Suggerimenti e trucchi per l'animazione in After Effects: Sprite-Animazione"){kind=icon}
