Share
Il mondo dell'animazione può sembrare davvero intimidatorio: tra AfterEffects, Flash e tutto il resto, c'è così tanto da imparare. E chi ha tempo? Non temere mai: puoi creare semplici animazioni Flash senza mai uscire dai familiari confini di Illustrator e senza alcuna conoscenza di Flash. Ecco due semplici modi per far muovere le cose.
Di seguito sono riportate due animazioni SWF finali che lavoreremo alla creazione. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.
Ho creato questo tutorial video per completare questo tutorial di testo + immagine.
Per questo tipo di animazione, in cui una forma si trasforma in un'altra (e un'altra e un'altra, se lo desideri), utilizzeremo lo strumento di fusione per creare le forme intermedie, quindi rilasciamo ogni forma sul suo livello, quindi esporta questi come una sequenza per il file Flash.
Poiché questa animazione verrà utilizzata sul Web, iniziare con un nuovo documento RGB. Qui ho quattro semplici icone, che rappresentano le quattro stagioni. Seleziona tutte le forme, quindi centra le alline orizzontalmente e verticalmente, usando il pannello Allinea (o il pannello Controllo). Assicurati che ogni forma si trovi sullo stesso livello.
Fare doppio clic sullo strumento di fusione nella tavolozza degli strumenti per visualizzare le sue opzioni. Scegli Passi specificati nel menu a discesa Spaziatura e digita 8. Questo ci darà una transizione graduale tra le forme, ma non creerà troppi livelli.
Con tutte le forme selezionate, vai su Oggetto> Miscela> Crea.
Con le forme miste ancora selezionate, vai su Oggetto> Espandi. Questo separerà la miscela in singole forme. Perché questo effetto funzioni, le singole forme devono essere dissociate l'una dall'altra, quindi vai su Oggetto> Separa.
Le forme non raggruppate dovrebbero essere ancora tutte su un livello. Nel pannello Livelli, assicurati che il livello sia evidenziato, fai clic sul menu mobile e scegli Rilascio su livelli (sequenza). Noterai che ogni forma è ora sul proprio livello e ogni livello ha un colore diverso. Se non lo vedi, torna indietro e assicurati di aver separato la miscela espansa.
Vai su File> Esporta e scegli Flash (SWF) come formato file (NOTA: A seconda della versione di Illustrator e / o della versione di Flash installata sul computer, il formato del file potrebbe essere chiamato Macromedia Flash). Scegli i livelli AI sui fotogrammi SWF come metodo di esportazione.
Ora fai clic sul pulsante Avanzato per visualizzare più opzioni. Scegli Lossless come formato immagine. Fai clic su Ciclo continuo, in modo che l'animazione venga riprodotta più e più volte. Le impostazioni predefinite vanno bene per il resto della finestra di dialogo Opzioni SWF, ma è possibile che si desideri sperimentarle nei progetti futuri.
Per vedere la tua animazione in azione, fai una delle due cose: Fai clic sul pulsante Anteprima Web nella finestra di dialogo Opzioni SWF, che avvierà il browser Web predefinito e riprodurrà l'animazione. Oppure, salva il file SWF, quindi trascinalo su una finestra del browser vuota per riprodurlo.
1. Quando si lavora con una miscela per creare un'animazione, è possibile che si sia notata la casella di controllo Animate Blends nella finestra di dialogo Opzioni SWF avanzate. Questo fa quello che dice: usa la fusione per l'animazione e separa ogni forma espansa nel processo. Quindi non devi fare i passaggi 4 e 5, ma aiuta a capire come Illustrator crea l'animazione.
2. Se preferisci, il file di Illustrator può essere esportato in Photoshop, quindi aperto in ImageReady per creare animazioni lì. Seguire i passaggi da 1 a 5 sopra, quindi esportare come file Photoshop (PSD). La chiave qui è di controllare sia Write Layers che Maximum Editability nella finestra di dialogo Export Options. Quando apri il file in Photoshop, vedrai che ogni livello (in questo caso, tutti i 29 di essi) viene conservato. È quindi possibile passare a ImageReady e modificare l'animazione fotogramma per fotogramma.
Ora che comprendi il concetto di base, puoi sperimentare tutti i tipi di miscele e metamorfosi. Per alcune animazioni davvero divertenti, prova a utilizzare oggetti 3D o forme piene di sfumature.
Di nuovo, inizia con un file RGB. Sto usando questa semplice sagoma di zombie, con un riempimento di nero e un colpo di nessuno. Ho intenzione di aggiungere una serie di tratti all'esterno della forma, in modo che quando vengono animati, i tratti si irradiano dalla forma.
Seleziona la forma, vai al pannello Aspetto e scegli Aggiungi nuovo tratto dal menu a comparsa. In CS4, tutte le modifiche a questo nuovo tratto possono essere apportate direttamente nel pannello Aspetto. Andando da sinistra a destra, prima fai clic sulla parola Tratto per visualizzare le opzioni Tratto. Fai clic sulla terza icona accanto a Allinea tratto per allinearlo all'esterno della forma. Quindi, fai clic sul campione di colore per applicare il colore (ho iniziato con il nero), quindi scegli il peso del tratto nel terzo campo.
Per aggiungere i tratti rimanenti, puoi ripetere il passaggio uno più e più volte, cambiando le opzioni, il colore e il peso ogni volta. Ma per risparmiare un po 'di tempo, fai semplicemente clic sull'icona Duplica Seleziona elemento nella parte inferiore del pannello dei tratti per creare una copia del tratto. Ora scegli la copia (dovrebbe essere quella SOTTO l'originale), e cambiare il suo colore in un blu molto scuro (o qualsiasi cosa tu voglia), e il peso in 2 punti.
Ripetere questa procedura più volte, aggiungendo un tratto più leggero e più spesso ogni volta. Il risultato finale dovrebbe assomigliare all'immagine qui sotto. Vedrai ogni tratto aggiuntivo nel pannello Aspetto.
Vai a Oggetto> Espandi aspetto. Questo espanderà e separerà i tratti.
Separa i tratti espansi e, proprio come hai fatto nella Parte I, seleziona il livello nel pannello Livelli e scegli Rilascia a livelli (Sequenza) dal menu mobile (per questo metodo, devi davvero fare questo passaggio).
Esporta il file in Flash, come descritto al punto 6 sopra. Per questa immagine, ho intenzione di cambiare il colore di sfondo in nero, ma le altre impostazioni rimangono le stesse.
Per vedere la tua animazione in azione, fai una delle due cose: Fai clic sul pulsante Anteprima Web nella finestra di dialogo Opzioni SWF, che avvierà il browser Web predefinito e riprodurrà l'animazione. Oppure, salva il file SWF, quindi trascinalo su una finestra del browser vuota per riprodurlo.
Come prima, visualizzare l'anteprima del file nel browser Web. Prova a trascinare la finestra del browser sempre più piccola. Poiché si tratta di un file basato su vettori, la qualità è ottima a qualsiasi dimensione. Felice animazione!
Accentsconagua