Come Creare un'Animazione Flash (con Immagini)

Passaggio 1. Comprendi le basi dell'animazione fotogramma per fotogramma

Questo è considerato il metodo di animazione "tradizionale", in quanto ogni fotogramma ha la stessa immagine ma leggermente modificata. Quando i fotogrammi vengono riprodotti insieme, le immagini sembrano muoversi. Questa è la stessa tecnica di base utilizzata dai tradizionali animatori manuali e richiede più tempo dell'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 non tutti i fotogrammi devono essere diversi. Puoi regolarlo se lo desideri, e molte animazioni Flash utilizzano 12 FPS, ma 24 produrranno un'animazione dall'aspetto molto più "liscio"

Passaggio 2. Installa Flash Professional

Sono disponibili una varietà di programmi di animazione Flash, ma il più potente è Flash Professional CC di Adobe. Puoi installare la versione di prova gratuitamente oppure puoi utilizzare un altro prodotto se l'abbonamento a Creative Cloud di Adobe non ti soddisfa. Il resto di questo articolo farà riferimento a Flash Professional oa qualsiasi altro programma di editing come "Flash".

Passaggio 3. Crea le tue risorse

Poiché l'animazione fotogramma per fotogramma richiede più immagini con lievi differenze, dovrai creare tutte queste risorse a mano. Puoi crearli tutti prima di iniziare o crearli mentre procedi. Puoi utilizzare il programma Flash per disegnare direttamente nel tuo progetto, oppure puoi disegnare le tue risorse nel tuo programma di creazione di immagini preferito.

Se vuoi che le tue immagini vengano ridimensionate senza sacrificare la qualità, ti consigliamo di crearle come vettori anziché come raster. Le immagini vettoriali si ridisegnano da sole ogni volta che vengono ridimensionate, il che significa che non ci saranno pixel o alias. Le immagini raster sono le immagini tradizionali a cui probabilmente sei abituato (foto, immagini Paint, ecc.). Questi non si adattano bene e possono sembrare piuttosto brutti se vuoi ingrandirli

Passaggio 4. Crea la tua prima cornice

Quando avvii Flash per la prima volta, avrai un livello vuoto e una linea temporale vuota. Man mano che aggiungi fotogrammi, la tua timeline verrà popolata automaticamente. Puoi interagire con i livelli nello stesso modo in cui faresti in Photoshop.

• Prima di aggiungere la tua immagine, crea uno sfondo di base per il tuo film. Rinomina il livello 1 in "Sfondo" e quindi blocca il livello. Crea un secondo livello e chiamalo come preferisci. Questo sarà il livello su cui creerai la tua animazione.
• Aggiungi il tuo disegno alla tela nel primo fotogramma. Puoi importare il tuo disegno dal tuo computer oppure puoi utilizzare gli strumenti di disegno di Flash per creare un disegno direttamente nel programma.
• Il tuo primo fotogramma sarà un fotogramma chiave. I fotogrammi chiave sono fotogrammi che hanno un'immagine e costituiscono la spina dorsale della tua animazione. Creerai un nuovo fotogramma chiave ogni volta che l'immagine cambia.
• I fotogrammi chiave sono indicati da un punto nero nella timeline.
• Non hai bisogno di una nuova immagine in ogni fotogramma. In generale, avere un fotogramma chiave ogni quattro-cinque fotogrammi produrrà una buona animazione.

Passaggio 5. Trasforma il tuo disegno in un simbolo

Trasformando il tuo disegno in un simbolo, puoi facilmente aggiungerlo più volte in una cornice. Ciò è particolarmente utile se è necessario creare rapidamente più oggetti, come un banco di pesci.

• Seleziona l'intero disegno. Fare clic con il pulsante destro del mouse sulla selezione e selezionare "Converti in simbolo". Questo aggiungerà l'immagine alla tua Libreria dove potrai accedervi rapidamente in futuro.
• Elimina il disegno. Non preoccuparti! Lo aggiungerai di nuovo alla scena semplicemente trascinando l'oggetto dalla tua libreria. Puoi aggiungere facilmente più istanze dello stesso disegno alla tua scena!

Passaggio 6. Aggiungi alcuni frame vuoti

Una volta che hai il tuo primo fotogramma pronto, puoi aggiungere i tuoi fotogrammi vuoti che esisteranno tra il primo fotogramma chiave e il secondo fotogramma chiave. Premi F5 quattro o cinque volte per aggiungere fotogrammi vuoti dopo il primo fotogramma chiave.

Passaggio 7. Crea il tuo secondo fotogramma chiave

Dopo aver aggiunto alcuni fotogrammi vuoti, sei pronto per creare il tuo secondo fotogramma chiave. Ci sono essenzialmente due modi diversi per farlo: puoi copiare il tuo fotogramma chiave esistente e apportare piccole modifiche, oppure puoi creare un fotogramma chiave vuoto e inserire una nuova immagine. Se stai usando l'arte creata in un altro programma, ti consigliamo il secondo metodo. Se hai creato la tua arte utilizzando gli strumenti di progettazione di Flash, usa il primo metodo.

• Per creare un fotogramma chiave utilizzando il contenuto del fotogramma chiave precedente, premere 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". Qualsiasi cosa nella tua scena verrà rimossa.
• Una volta creato il secondo fotogramma chiave, dovrai apportare modifiche all'immagine per dare l'effetto del movimento. Se utilizzi gli strumenti di progettazione di Flash, puoi utilizzare lo strumento Trasforma per selezionare aspetti del disegno e spostarli leggermente, ad esempio il braccio di una persona stilizzata.
• Se stai inserendo una nuova grafica per ogni fotogramma chiave, assicurati che sia posizionato nella stessa posizione o nella posizione logica successiva sullo schermo. Ciò assicurerà che l'arte non salti tra i fotogrammi.

Passaggio 8. Ripetere il processo

Ora che hai creato due fotogrammi chiave, è il momento di eseguire l'iterazione. Ripeterai essenzialmente lo stesso processo fino a quando non avrai finito con la tua animazione. Aggiungi alcuni fotogrammi vuoti tra ogni fotogramma chiave e assicurati che i tuoi movimenti siano fluidi.

Apporta piccole modifiche incrementali. La tua animazione apparirà molto più fluida se apporti modifiche molto piccole al fotogramma chiave. Ad esempio, se vuoi che una persona stilizzata agiti un braccio, il secondo fotogramma chiave non dovrebbe essere l'altra estremità dell'onda. Invece, usa alcuni fotogrammi chiave per passare dall'inizio alla fine dell'onda. Questo produrrà un'animazione molto più fluida

Parte 2 di 3: Realizzazione di un'animazione punto a punto (Tweening)

Passaggio 1. Comprendere le basi del tweening

Flash contiene una funzione chiamata tweening, che ti consente essenzialmente di impostare i punti di inizio e fine per il tuo oggetto. Flash sposterà e trasformerà quindi l'oggetto in base alle impostazioni tra questi due punti, creando l'illusione dell'animazione. Non sarà necessario creare immagini per ogni fotogramma chiave come faresti con l'animazione fotogramma per fotogramma.

• Il tweening è particolarmente utile per creare effetti di "morphing", in cui un oggetto diventa un altro nel corso dell'animazione.
• L'animazione e l'interpolazione fotogramma per fotogramma possono essere utilizzati insieme nello stesso filmato.
• È possibile far eseguire un'interpolazione di movimento a un solo oggetto alla volta. Ciò significa che se desideri animare più oggetti contemporaneamente, dovranno essere tutti su livelli separati.

Passaggio 2. Crea il tuo primo oggetto

A differenza dell'animazione fotogramma per fotogramma, non sarà necessario creare più oggetti da animare utilizzando la funzione di interpolazione. Al contrario, creerete un oggetto e quindi modificherete le sue proprietà durante il processo di interpolazione.

• Prima di aggiungere la tua immagine, crea uno sfondo di base per il tuo film. Rinomina il livello 1 in "Sfondo" e quindi blocca il livello. Crea un secondo livello e chiamalo come preferisci. Questo sarà il livello su cui creerai la tua animazione.
• Si consiglia vivamente di utilizzare gli strumenti di progettazione incorporati di Flash o di importare l'immagine da un programma di disegno vettoriale. I vettori possono ridimensionarsi facilmente senza distorsioni, mentre le immagini raster tradizionali non si ridimensionano e si trasformano bene.

Passaggio 3. Converti il tuo oggetto in un simbolo

Per interpolare il tuo oggetto, dovrai convertirlo in un simbolo. Questo è il formato per gli oggetti che Flash utilizza per manipolarli. Se si tenta di interpolare un oggetto che non è stato trasformato in un simbolo, verrà richiesto di farlo prima.

Fai clic con il pulsante destro del mouse sul tuo oggetto e seleziona "Converti in simbolo". L'oggetto verrà aggiunto alla tua libreria, il che renderà facile clonare gli oggetti

Passaggio 4. Crea la tua prima interpolazione di movimento

Un'interpolazione di movimento sposta l'oggetto da una posizione a un'altra Fare clic con il pulsante destro del mouse sul simbolo nella scena e selezionare "Crea interpolazione di movimento". Verranno aggiunti 24 fotogrammi alla sequenza temporale, poiché questa è la lunghezza predefinita di un'interpolazione. Ricordate, per impostazione predefinita, Flash si animerà a 24 fotogrammi al secondo, il che significa che questa interpolazione di movimento impiegherà un secondo per essere completata.

Quando si crea l'interpolazione di movimento, si viene automaticamente spostati all'ultimo fotogramma dell'interpolazione

Passaggio 5. Creare la traiettoria

Una volta creata l'interpolazione, è possibile spostare l'oggetto nella posizione in cui si desidera che finisca. Flash visualizzerà la linea di traiettoria, che è tratteggiata per mostrare la posizione dell'oggetto per ogni fotogramma dell'interpolazione.

Quando crei per la prima volta la traiettoria, sarà una linea retta dal punto iniziale al punto finale

Passaggio 6. Estendi i frame di sfondo

Se eseguissi l'animazione in questo momento, il tuo oggetto si sposterebbe lungo la traiettoria, ma lo sfondo scomparirebbe dopo un fotogramma. Per risolvere questo problema, dovrai estendere lo sfondo su tutti i fotogrammi dell'animazione.

Seleziona il tuo livello di sfondo nella timeline. Fare clic sull'ultimo fotogramma della sequenza temporale, che dovrebbe essere anche il fotogramma in cui termina l'interpolazione di movimento. Premi F5 per inserire i fotogrammi fino a questo punto, il che manterrà lo sfondo visualizzato durante l'intera interpolazione

Passaggio 7. Aggiungi fotogrammi chiave

L'aggiunta di fotogrammi chiave alla tua traiettoria ti consentirà di trasformare il tuo oggetto durante l'interpolazione di movimento. Puoi apportare modifiche a un oggetto solo se contiene un fotogramma chiave. Per aggiungere fotogrammi chiave alla tua traiettoria, seleziona prima il fotogramma nella timeline che desideri trasformare in un fotogramma chiave. Quindi, fai clic e trascina l'oggetto nella posizione in cui desideri che sia durante quel fotogramma. La tua traiettoria si regolerà automaticamente e un fotogramma chiave verrà aggiunto alla timeline. I fotogrammi chiave sono indicati da icone a forma di diamante nella timeline.

Passaggio 8. Regola la traiettoria di interpolazione

Per modificare il percorso del tuo oggetto, puoi fare clic e trascinare ciascuno degli indicatori di posizione della cornice sul percorso in una nuova posizione. Evita di variare troppo il percorso, altrimenti l'oggetto si sposterà in modo irregolare (a meno che questo non sia il tuo obiettivo!).

Passaggio 9. Trasforma il tuo oggetto

Una volta stabiliti i fotogrammi chiave e la traiettoria, è possibile trasformare l'oggetto in modo che cambi mentre si sposta lungo la traiettoria dell'interpolazione di movimento. Puoi modificare la forma, il colore, la rotazione, le dimensioni e qualsiasi altra proprietà dell'oggetto.

• Seleziona il fotogramma in cui vuoi che avvenga la trasformazione.
• Apri il pannello Proprietà dell'oggetto. Puoi premere Ctrl+F3 se il pannello non è attualmente visibile.
• Modificare qualsiasi valore nella finestra Proprietà per influenzare l'oggetto. Ad esempio, puoi modificare la tonalità o il colore, aggiungere filtri o modificare la scala.
• Puoi anche utilizzare lo strumento Trasformazione libera per modificare liberamente la forma come preferisci.

Passaggio 10. Apportare gli ultimi ritocchi all'interpolazione

Prova l'interpolazione di movimento premendo Ctrl+↵ Invio. Assicurati che le trasformazioni abbiano un bell'aspetto e che l'animazione si muova alla velocità corretta. Se la tua animazione si muove troppo velocemente, puoi abbassare l'FPS della scena o aumentare l'intervallo di interpolazione.

• Per impostazione predefinita, l'FPS è 24, quindi prova a ridurlo a 12. Per farlo, fai clic all'esterno della scena e quindi modifica l'FPS nel pannello Proprietà. Cambiarlo a 12 raddoppierà la lunghezza dell'animazione, ma potrebbe renderla più "a scatti".
• Per modificare l'intervallo di interpolazione, seleziona il livello che contiene l'interpolazione e usa il cursore per estrarlo. Se vuoi che l'interpolazione sia due volte più lunga, estendila a 48 fotogrammi. Assicurati di inserire fotogrammi vuoti nel livello di sfondo in modo che lo sfondo non scompaia a metà dell'animazione. Per estendere lo sfondo, seleziona il livello, fai clic sull'ultimo fotogramma dell'animazione nella timeline, quindi premi F5

Parte 3 di 3: aggiunta di suoni e musica

Passaggio 1. Registra o trova i tuoi effetti sonori e la tua musica

Puoi aggiungere effetti sonori alle azioni che si verificano nella tua animazione per farla risaltare e dargli un po' di personalità. La musica rende la tua animazione più coinvolgente e può trasformare una buona animazione in una incredibile. Flash supporta una varietà di formati di file, inclusi AAC, MP3, WAV e AU. Scegli quello che ti offre la migliore qualità per la dimensione del file più bassa.

L'MP3 ti darà in genere una qualità del suono perfettamente accettabile mantenendo le dimensioni del file al minimo. Se possibile, evita i file WAV, poiché spesso sono piuttosto grandi

Passaggio 2. Importa i file audio nella tua libreria

Prima di poter aggiungere suoni al progetto, è necessario aggiungerli alla libreria di Flash. Ciò ti consentirà di aggiungerli rapidamente al tuo progetto in un secondo momento. Fare clic su File → Importa → Importa nella libreria. Cerca il file audio sul tuo computer. Assicurati che il file audio abbia un nome facile da ricordare, in modo da poterlo trovare rapidamente dal menu in un secondo momento.

Passaggio 3. Crea un nuovo livello per ogni file audio

Questo non è strettamente necessario, in quanto puoi aggiungere suoni ai livelli esistenti, ma mettere ogni file sul proprio livello ti darà molto più controllo sulla dissolvenza in entrata e in uscita, quando iniziare e terminare, ed è più facile spostare i suoni in giro.

Passaggio 4. Crea un fotogramma chiave in cui inizierà il suono

Sul livello del suono, seleziona il fotogramma nell'animazione da cui vuoi che inizi il suono. Premi 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 una finestra di dialogo per un personaggio, seleziona il riquadro in cui il personaggio inizia a parlare.

Passaggio 5. Aggiungi il file audio o musicale

Nel riquadro Proprietà, vedrai una sezione Suono. Potrebbe essere necessario espanderlo per visualizzare le opzioni. Fai clic sul menu "Nome" e seleziona il file che desideri dalla tua Libreria.

Passaggio 6. Configurare il file audio

Dopo aver selezionato un file, puoi configurare come verrà riprodotto. Ciò che selezioni sarà basato su ciò che devi ottenere dal suono nell'animazione. È possibile modificare le impostazioni Effetto, Sincronizzazione e Ripeti di ciascun suono utilizzando il menu sotto il menu Nome nel riquadro Proprietà.

• Effetto - Consente di aggiungere effetti al suono, come dissolvenza in entrata e in uscita o aggiunta di eco. Puoi selezionare dalle impostazioni predefinite nel menu a discesa oppure puoi fare clic sull'icona a forma di matita accanto al menu per creare le tue impostazioni personalizzate.
• Sync - Determina il modo in cui il brano viene riprodotto nell'animazione. L'evento riprodurrà il suono fino al termine. Se lo stesso suono viene riprodotto prima che il primo termini, l'originale continuerà a suonare fino al termine. Avvia funziona come Evento, ma si interrompe se il suono viene riprodotto di nuovo. Stop interrompe il suono in quel fotogramma. Se vuoi usarlo insieme ad altre proprietà del suono, crea un nuovo fotogramma chiave dove vuoi che il suono si fermi e usa questa opzione. Stream tenterà di abbinare il suono riprodotto con il numero di fotogrammi su altri livelli. Questo è il modo migliore per il dialogo.
• Ripeti - Questa impostazione consente di impostare la durata della ripetizione del suono. Puoi impostarlo per riprodurlo solo una volta o farlo ripetere tutte le volte che vuoi. Se la tua animazione è un'animazione in loop, dovresti impostare la tua musica in modo che si ripeta all'infinito.

Passaggio 7. Completa il tuo progetto

Quando hai finalmente finito con il tuo progetto, salvalo come file SWF. Questo è il formato utilizzato per riprodurre il film. Puoi riprodurlo praticamente in qualsiasi browser Web o utilizzare un lettore Flash dedicato per guardarlo. Ci sono anche una varietà di siti su cui puoi caricarlo per farlo vedere ad altri, come Newgrounds, Albino Blacksheep e Kongregate.

Passaggio 8. Porta avanti i tuoi progetti futuri

Questa guida affronta le basi della creazione di un'animazione, ma c'è molto altro che puoi imparare e fare. Aggiungi alcuni pulsanti e percorsi ramificati e avrai un gioco di avventura tutto tuo. Puoi seguire un corso accelerato in ActionScript e ottenere un controllo molto maggiore sui dettagli più fini della tua animazione. Continua a sperimentare e presto ti ritroverai a imparare tutti i tipi di trucchi e implementazioni.

Consigliato:

Come creare la tua animazione (con immagini)

Questo articolo spiega come creare un filmato animato o una presentazione. Il modo più rapido per realizzare un'animazione digitale è utilizzare un animatore online; tuttavia, tieni presente che la maggior parte degli animatori online richiede un abbonamento a pagamento per sbloccare tutte le loro funzionalità, il che significa che la lunghezza, il suono e l'aspetto del tuo video saranno molto probabilmente limitati a meno che non paghi per un aggiornamento.

Modi semplici per salvare un'animazione in Blender (con immagini)

Questo articolo spiega come rendere l'animazione di Blender in un file video riproducibile. Il rendering della tua animazione crea un video di alta qualità che puoi condividere online o importare in altre app. Passi Parte 1 di 2: Preparazione al rendering Passaggio 1.

Come Realizzare una Semplice Animazione in Adobe Flash: 9 Passaggi

Le animazioni sono divertenti da guardare; sono divertenti e divertenti, ma hai mai pensato di crearne uno tu stesso? Realizzare animazioni è divertente quanto guardarle, ma possono anche essere difficili. In questa guida imparerai come realizzare un'animazione semplice e buona con Adobe Flash!

6 modi per salvare un'animazione flash da un sito web

Le animazioni Flash sono una forma classica di media Internet e in genere possono essere trasmesse in streaming solo da un sito Web. Se vuoi guardare l'animazione ogni volta che vuoi, dovrai salvarla sul tuo computer. Sebbene il salvataggio di un'animazione flash non sia intuitivo come il salvataggio di un file standard, è possibile farlo se si utilizza il browser giusto.

Come creare schede flash in PowerPoint (con immagini)

Puoi creare schede flash memorabili ed efficaci in Microsoft PowerPoint utilizzando semplici diapositive "titolo/corpo del testo" e l'animazione "Dissolvenza in entrata". Le flash card PowerPoint forniscono un modo semplice e veloce per creare uno strumento di studio gratuito ed efficace.