Flash è il mezzo principale per l'animazione su Internet e anche in altri formati come la televisione. Creare una semplice animazione Flash in un programma Flash è in realtà abbastanza semplice, poiché Flash fornisce molti strumenti utili che semplificano l'intero processo. Se hai già un'idea per un'animazione o un cartone animato in Flash, probabilmente hai creato uno schizzo approssimativo in poche ore. Consulta la guida di seguito per imparare a creare un'animazione Flash.
Fare un passo
Metodo 1 di 3: Creazione di un'animazione Flash fotogramma per fotogramma
Passaggio 1. Comprendi le basi dell'animazione fotogramma per fotogramma
Questo metodo è considerato un metodo di animazione tradizionale, quando ogni fotogramma (un'immagine che compone un'animazione) ha la stessa immagine ma cambia leggermente. Quando i fotogrammi vengono riprodotti insieme, l'immagine sembra muoversi. Questa è la stessa tecnica di base utilizzata dagli animatori tradizionali che disegnano ogni fotogramma a mano, ma richiede più tempo rispetto al metodo di interpolazione (vedere la sezione successiva).
Per impostazione predefinita, Flash produrrà animazioni a 24 fotogrammi al secondo (FPS). Ciò significa che un secondo di animazione avrà 24 fotogrammi, ma ogni fotogramma non deve essere diverso. Puoi regolarlo se lo desideri e molte animazioni Flash utilizzano 12 FPS, ma 24 FPS risulteranno in un'animazione molto più fluida
Passaggio 2. Installa il programma Flash Professional
Sono disponibili vari programmi di animazione Flash, ma il migliore è Adobe Flash Professional CC. Puoi eseguire un'installazione di prova gratuita oppure puoi utilizzare un altro prodotto se l'abbonamento ad Adobe Creative Cloud non ti soddisfa. Il resto di questo articolo farà riferimento a Flash Professional o ad altri programmi di editing come "Flash".
Passaggio 3. Crea le tue risorse
Poiché l'animazione fotogramma per fotogramma richiede più immagini con lievi differenze, è necessario creare tutte queste risorse manualmente. Puoi crearli tutti prima di iniziare oppure puoi crearli dopo aver iniziato. Puoi utilizzare il programma Flash per disegnare direttamente all'interno del progetto oppure puoi disegnare risorse nel tuo programma di disegno preferito.
Se vuoi ridimensionare un'immagine senza sacrificare la qualità, devi renderla come un vettore, non un raster. Le immagini vettoriali verranno ridisegnate automaticamente quando ridimensionate, il che significa che non ci saranno pixel o aliasing (un effetto a scacchiera che appare quando l'immagine viene ingrandita). Le immagini raster sono immagini tradizionali che sei abituato a vedere (foto, immagini dal programma Paint, ecc.). Le immagini raster non si ridimensionano bene e possono sembrare piuttosto brutte quando vengono ingrandite
Passaggio 4. Creare il primo fotogramma
Quando avvii il programma Flash, otterrai un livello vuoto e una timeline vuota. Quando si aggiunge un fotogramma, la timeline verrà riempita automaticamente. Puoi interagire con i livelli proprio come faresti in Photoshop.
- Prima di aggiungere immagini, crea uno sfondo di base per il tuo film. Rinomina il livello 1 "Sfondo", quindi blocca il livello. Crea un secondo livello e chiamalo come vuoi. Questo livello sarà il livello in cui creerai l'animazione.
- Aggiungi un'immagine alla tela nel primo fotogramma. Puoi importare immagini dal tuo computer o utilizzare gli strumenti di disegno di Flash per creare immagini direttamente all'interno del programma.
- Il tuo primo frame sarà un "keyframe" (keyframe). I fotogrammi chiave sono fotogrammi che contengono immagini e costituiscono il nucleo della tua animazione. Creerai un nuovo fotogramma chiave ogni volta che l'immagine cambia.
- I fotogrammi chiave sono contrassegnati da un punto nero nella timeline.
- Non hai bisogno di una nuova immagine in ogni fotogramma. In generale, avere un fotogramma chiave ogni quattro o cinque fotogrammi renderà una buona animazione.
Passaggio 5. Trasforma l'immagine in un simbolo
Trasformando un'immagine in un simbolo, puoi aggiungerla facilmente più volte all'interno di una cornice. Ciò è particolarmente utile se è necessario creare rapidamente diversi oggetti, come un gruppo di pesci.
- Seleziona l'intera immagine. Fare clic con il tasto destro sull'immagine selezionata e selezionare "Converti in simbolo". Questo aggiungerà l'immagine alla Libreria dove potrai accedervi rapidamente in seguito.
- Elimina immagine. Non preoccuparti! Lo aggiungerai di nuovo alla scena della storia semplicemente trascinando l'oggetto dalla Libreria. Puoi aggiungere facilmente più immagini della stessa a una scena della storia!
Passaggio 6. Aggiungi alcuni frame vuoti
Una volta che il primo fotogramma è pronto, puoi aggiungere un fotogramma vuoto che sarà tra il primo e il secondo fotogramma chiave. Premi il tasto F5 quattro o cinque volte per aggiungere un fotogramma vuoto dopo il primo fotogramma chiave.
Passaggio 7. Creare un secondo fotogramma chiave
Dopo aver aggiunto alcuni fotogrammi vuoti, sei pronto per creare un secondo fotogramma chiave. Ci sono fondamentalmente due modi diversi per farlo, vale a dire puoi copiare un fotogramma chiave esistente e apportare piccole modifiche, oppure puoi creare un fotogramma chiave vuoto e inserire una nuova immagine. Se stai usando un'immagine creata con un altro programma, vorrai il secondo metodo. Se stai creando un'immagine utilizzando gli strumenti di progettazione di Flash, usa il primo metodo.
- Per creare un fotogramma chiave utilizzando il contenuto del fotogramma chiave precedente, premi il tasto F6. Per creare un fotogramma chiave vuoto, fai clic con il pulsante destro del mouse sull'ultimo fotogramma nella timeline e seleziona "Inserisci fotogramma chiave vuoto". Tutto nella scena della storia verrà rimosso.
- Dopo aver creato il secondo fotogramma chiave, dovrai apportare modifiche all'immagine per darle l'effetto di movimento. Se utilizzi gli strumenti di progettazione di Flash, puoi utilizzare lo strumento Trasforma per selezionare aspetti dell'immagine e spostarli leggermente, come le braccia di un omino.
- Se stai inserendo una nuova immagine per ogni fotogramma chiave, assicurati che sia posizionata nella stessa posizione logica o successiva sullo schermo. Ciò garantisce che l'immagine non salti tra i fotogrammi.
Passaggio 8. Ripetere il processo
Ora che hai creato i due fotogrammi chiave, è il momento di rifare. In sostanza, ripeterai lo stesso processo fino al completamento dell'animazione. Aggiungi alcuni fotogrammi vuoti tra ciascun fotogramma chiave e assicurati che l'animazione si muova senza intoppi.
Apportare piccole modifiche incrementali al movimento. L'animazione apparirà molto più fluida se apporti modifiche molto piccole al fotogramma chiave. Ad esempio, se vuoi che lo stickman oscilli il braccio, il secondo fotogramma chiave non dovrebbe essere la fine dell'oscillazione del braccio. Invece, usa alcuni fotogrammi chiave come transizione dall'inizio dello swing alla fine. Ciò si tradurrà in un'animazione molto più fluida
Metodo 2 di 3: Creazione di un'animazione punto a punto (Tweening)
Passaggio 1. Comprendere le basi dell'interpolazione
Flash contiene una funzione chiamata tweening (un processo che produce un'immagine intermedia tra due immagini in due punti temporali in un'animazione), che in pratica consente di impostare i punti temporali di inizio e fine per gli oggetti. Flash sposterà e cambierà gli oggetti in base alle tue impostazioni tra questi due punti nel tempo, creando l'illusione dell'animazione. Non è necessario creare un'immagine per ogni fotogramma chiave come faresti con l'animazione fotogramma per fotogramma.
- Il tweening è particolarmente utile per creare un effetto morph in cui un oggetto si trasforma in un altro oggetto durante l'animazione.
- L'animazione e l'interpolazione fotogramma per fotogramma possono essere utilizzate insieme all'interno dello stesso film.
- Solo un oggetto alla volta subisce un'interpolazione di movimento. Ciò significa che se si desidera che più oggetti vengano animati contemporaneamente, è necessario posizionarli su livelli diversi.
Passaggio 2. Crea il primo oggetto
A differenza dell'animazione fotogramma per fotogramma, non è necessario creare più oggetti da animare utilizzando la funzione di interpolazione. Ma creerai un oggetto, quindi modificherai le proprietà dell'oggetto durante il processo di interpolazione.
- Prima di aggiungere immagini, crea uno sfondo di base per il tuo film. Rinomina il livello 1 "Sfondo", quindi blocca il livello. Crea un secondo livello e chiamalo come vuoi. Questo livello sarà il livello in cui creerai l'animazione.
- Si consiglia vivamente di utilizzare gli strumenti di progettazione integrati nel programma Flash o di importare immagini da un programma di disegno vettoriale. I vettori possono essere ridimensionati facilmente senza essere distorti, mentre le immagini raster tradizionali non verranno ridimensionate e trasformate correttamente.
Passaggio 3. Converti l'oggetto in un simbolo
Per generare un'immagine intermedia di un oggetto, è necessario convertirlo in un simbolo. Questo è il formato utilizzato da Flash per organizzare gli oggetti. Se stai cercando di generare un'immagine intermedia da un oggetto che non è stato convertito in un simbolo, ti verrà chiesto di eseguire prima la conversione.
Fare clic con il pulsante destro del mouse sull'oggetto e selezionare "Converti in simbolo". Gli oggetti verranno aggiunti alla libreria, il che rende più facile la clonazione degli oggetti
Passaggio 4. Effettuare la prima mossa di interpolazione
Un'interpolazione di movimento sposta un oggetto da una posizione a un'altra. Fare clic con il pulsante destro del mouse sul simbolo nella scena della storia e selezionare "Crea interpolazione di movimento". Verrà aggiunto un totale di 24 fotogrammi alla timeline, poiché questa è la lunghezza standard di un'interpolazione. Tieni presente che Flash si animerà a 24 fotogrammi al secondo con le impostazioni predefinite, il che significa che questa interpolazione di movimento impiegherà un secondo per animarsi.
Quando si crea un'interpolazione di movimento, si viene automaticamente spostati all'ultimo fotogramma dell'interpolazione
Passaggio 5. Disegna il percorso dell'oggetto
Dopo aver creato l'interpolazione, è possibile spostare l'oggetto nella posizione finale desiderata. Flash visualizzerà una linea di percorso, che è punteggiata per indicare la posizione dell'oggetto per ogni fotogramma dell'immagine intermedia risultante.
Quando crei un percorso per la prima volta, sarà una linea retta dal punto iniziale al punto finale
Passaggio 6. Estendi la cornice di sfondo
Se esegui l'animazione ora, l'oggetto si sposterà lungo il percorso, ma lo sfondo scomparirà dopo un fotogramma. Per risolvere questo problema, è necessario estendere lo sfondo per coprire l'intero fotogramma dell'animazione.
Seleziona il livello di sfondo nella timeline. Fare clic sull'ultimo fotogramma della timeline, che dovrebbe essere anche l'ultimo fotogramma dell'interpolazione di movimento. Premere il tasto F5 per inserire un fotogramma fino a questo momento, che continuerà a visualizzare lo sfondo per l'intera interpolazione
Passaggio 7. Aggiungi fotogrammi chiave
L'aggiunta di un fotogramma chiave al percorso consentirà di modificare gli oggetti durante l'interpolazione di movimento. Puoi apportare modifiche a un oggetto solo se ha un fotogramma chiave. Per aggiungere un fotogramma chiave a una traccia, seleziona prima il fotogramma che desideri convertire in un fotogramma chiave sulla timeline. Quindi fare clic e trascinare l'oggetto nella posizione desiderata sulla cornice. La traccia verrà regolata automaticamente e verrà aggiunto un fotogramma chiave alla timeline. I fotogrammi chiave sono contrassegnati da un'icona a forma di diamante sulla timeline.
Passaggio 8. Regolare il percorso di interpolazione
Per modificare il percorso di un oggetto, puoi fare clic e trascinare ogni indicatore di posizione del fotogramma sul percorso in una nuova posizione. Evita di inserire troppe variazioni nel percorso, o l'oggetto si sposterà in modo irregolare (a meno che questo non sia davvero il tuo obiettivo!).
Passaggio 9. Trasforma l'oggetto
Una volta definiti il fotogramma chiave e il percorso, è possibile trasformare l'oggetto in modo che l'oggetto cambi mentre si sposta lungo il percorso dell'interpolazione di movimento. Puoi modificare la forma, il colore, la rotazione, le dimensioni e altre cose dell'oggetto.
- Seleziona la cornice che vuoi trasformare.
- Aprire il pannello Proprietà dell'oggetto. Puoi premere Ctrl+F3 se il riquadro non è attualmente visibile.
- Modificare un valore nella sezione Proprietà per influenzare l'oggetto. Ad esempio, puoi cambiare il colore, aggiungere un filtro o modificare la scala.
- Puoi anche utilizzare lo strumento Trasformazione libera per modificare liberamente la forma dell'oggetto come preferisci.
Passaggio 10. Apportare gli ultimi ritocchi all'immagine intermedia
Provate l'interpolazione di movimento premendo Ctrl+↵ Invio. Assicurati che la trasformazione sia buona e che l'animazione si muova alla velocità corretta. Se l'animazione si muove troppo velocemente, puoi abbassare l'FPS o aumentare l'intervallo di tempo di interpolazione.
- Per impostazione predefinita, l'FPS dell'animazione è 24, quindi prova ad abbassarlo a 12. Per fare ciò, fai clic all'esterno della scena della storia e modifica l'FPS nel pannello Proprietà. La modifica del valore su 12 raddoppierà la durata dell'animazione, ma il movimento dell'animazione può diventare più "sfacciato".
- Per modificare l'intervallo di tempo di un'interpolazione, selezionate il livello contenente l'interpolazione e usate il cursore per trascinarlo. Se vuoi che l'interpolazione sia due volte più lunga, estendila a 48 fotogrammi. Assicurati di inserire una cornice vuota all'interno del livello di sfondo in modo che lo sfondo non scompaia per metà durante l'animazione. Per estendere lo sfondo, seleziona il livello, fai clic sull'ultimo fotogramma dell'animazione nella timeline, quindi premi il tasto F5.
Metodo 3 di 3: aggiunta di suoni e musica
Passaggio 1. Registra o cerca effetti sonori e musica
Puoi aggiungere effetti sonori alle azioni che si verificano nell'animazione per renderla diversa dalle altre e darle un carattere proprio. La musica rende le tue animazioni più vivaci e può rendere straordinarie le buone animazioni. Flash supporta una varietà di formati di file audio, inclusi AAC, MP3, WAV e AU. Scegli il formato che fornisce la migliore qualità con la dimensione del file più piccola.
Il formato MP3 di solito fornisce una qualità del suono che è ancora buona e ha una dimensione minima del file. Se possibile, evita di utilizzare il formato WAV, poiché di solito sono piuttosto grandi
Passaggio 2. Importa i file audio nella libreria
Prima di poter aggiungere l'audio a un progetto, il file audio deve essere aggiunto alla libreria Flash. Ciò ti consentirà di aggiungere rapidamente l'audio al tuo progetto in un secondo momento. Fare clic su File → Importa → Importa nella libreria. Cerca i file audio sul tuo computer. Assicurati che il file audio abbia un nome facile da ricordare, in modo da poterlo trovare rapidamente in seguito dal menu.
Passaggio 3. Crea un nuovo livello per ogni file audio
Questo non è realmente necessario, poiché puoi aggiungere audio a un livello esistente, ma posizionare ogni file su un livello separato ti darà molto più controllo in termini di impostazioni del suono in dissolvenza in entrata e in uscita (dissolvenza in entrata e in uscita). il suono, ed è più facile spostare il suono in un'altra parte.
Passaggio 4. Crea un fotogramma chiave in cui inizierà il suono
Sul livello audio, seleziona il fotogramma nell'animazione in cui desideri che inizi il suono. Premi il tasto F7 per inserire un fotogramma chiave vuoto. Ad esempio, se desideri includere un file musicale che viene riprodotto per tutta la durata dell'animazione, seleziona il primo fotogramma sul livello del file musicale. Se stai aggiungendo un dialogo per un personaggio, seleziona il riquadro in cui il personaggio inizia a parlare.
Passaggio 5. Aggiungi file audio o musicali
All'interno del riquadro Proprietà, vedrai la sezione Suono. Potrebbe essere necessario aprirlo per vedere le opzioni. Fare clic sul menu "Nome" e selezionare il file desiderato dalla Libreria.
Passaggio 6. Organizza i file audio
Dopo aver selezionato un file, è possibile impostare come verrà riprodotto. Ciò che scegli sarà basato sull'uso previsto del suono nell'animazione. È possibile modificare le impostazioni Effetto, Sincronizzazione e Ripeti di ciascun suono utilizzando il menu situato sotto il menu Nome nel riquadro Proprietà.
- Effetti. Questa impostazione aggiunge effetti al suono, come il suono che appare o scompare gradualmente o l'aggiunta di eco. Puoi scegliere tra le impostazioni esistenti nel menu a discesa o fare clic sull'icona a forma di matita accanto al menu per creare le tue impostazioni personalizzate.
- Sincronizzazione Questa impostazione determina la modalità di riproduzione del brano nell'animazione. L'evento riprodurrà un suono fino al termine. Se lo stesso suono viene riattivato prima che il suono precedente termini, il suono originale continuerà a essere riprodotto fino al termine. Start è simile a Event, ma si interrompe quando il suono viene riprodotto di nuovo. Stop interrompe il suono su quel fotogramma. Se desideri utilizzare questa opzione insieme ad altre opzioni audio, crea un nuovo fotogramma chiave in cui desideri interrompere l'audio e utilizza questa opzione. Il flusso proverà a far corrispondere il suono riprodotto con il numero di fotogrammi sugli altri livelli. Questa opzione è meglio utilizzata per il dialogo.
- Ripetere. Questa impostazione consente di impostare la durata della ripetizione del suono. Puoi impostarlo per riprodurre solo una volta o ripetere tutte le volte che vuoi. Se la tua animazione è un'animazione in loop, devi impostare la musica in modo che si ripeta all'infinito.
Passaggio 7. Completa il progetto
Quando hai finito di lavorare al progetto, salvalo come file SWF. Questo è il formato utilizzato per riprodurre i filmati. Puoi riprodurlo in quasi tutti i browser Web o utilizzare un lettore Flash utilizzato specificamente per guardarlo. Ci sono anche vari siti in cui puoi caricarlo per essere visto da altri, come Newgrounds, Albino Blacksheep e Kongregate.
Passaggio 8. Sviluppa ulteriormente il tuo progetto futuro
Questa guida copre le basi della creazione di animazioni, ma c'è molto altro che puoi imparare e fare. Aggiungi alcuni pulsanti e una trama ramificata e hai il tuo gioco di avventura a scelta. Puoi seguire corsi intensivi in ActionScript e ottenere un controllo molto maggiore sui dettagli più fini delle tue animazioni. Continua a sperimentare e presto imparerai tutti i tipi di trucchi e le loro implementazioni.
