Utilizzo di Flash per In Betweens

• Potrebbe 11, 2024

Prima che il computer arrivasse sulla scena e rendesse la vita molto più facile per l'animatore, uno dei compiti principali per la creazione di animazioni era quello di disegnare tutti i fotogrammi "intermedi" per un'animazione. Questo di solito veniva fatto con una tecnica chiamata scuoiatura di cipolla. Gli animatori iniziano con un "disegno funzionante" e posizionano un foglio di carta sottile, chiamato pelle di cipolla, sopra. Disegnerebbero la stessa immagine su questa carta di pelle di cipolla usando l'esempio di lavoro sottostante come guida. Apportando sottili modifiche al secondo e ai successivi disegni, è stata creata un'animazione.

In questi giorni, non troviamo questa tecnica usata tanto perché il software di animazione crea queste tra le immagini per noi. Tuttavia, uno dei miei lettori ha recentemente dovuto creare il tema tra uno dei suoi progetti. Il suo primo pensiero fu di viaggiare indietro nel tempo per diversi decenni e attirarne uno tra loro manualmente. Poi una lampadina accesa si spense sulla sua testa e si rese conto che poteva ancora lasciare Flash^R fare il lavoro per lei.

Aveva bisogno di 10 in mezzo. Quindi ha aperto Flash, installato l'oggetto iniziale e finale sulla linea temporale di Flash e ha detto a Flash di creare una Tween a 10 frame. Ora il compito era quello di afferrare ogni fotogramma dell'interpolazione come immagine. Poiché queste immagini sarebbero state utilizzate su un'immagine di sfondo, ha deciso di utilizzare un formato png.

Esaminiamo il processo in Flash CS5. Apri un nuovo progetto ActionScript 3 in Flash.

1. Imposta lo strumento PolyStar con il colore che preferisci. Nell'area Impostazioni strumenti del pannello Proprietà, fare clic sul pulsante Opzioni. Imposta lo stile su Stella.
   
   
2. Disegnare una stella sul fotogramma 1. Converti questa forma in un clip filmato.
   
   
3. Fai clic con il pulsante destro del mouse sulla stella e scegli Crea interpolazione di movimento.
   
   
4. Trascina la Tween Span dal fotogramma 25 per terminare sul fotogramma 10.
   
   
5. Passa al fotogramma 5 e aggiungi un fotogramma chiave. Nel pannello Proprietà, riduci l'opacità della stella al 10%. (Effetto colore - Stile - Alfa)
   
   
6. Passa al fotogramma 10 e aggiungi un fotogramma chiave. Riporta Alpha al 100%.
   
   
7. Fai clic su Controllo - Prova filmato - In Flash Professional.
   
   Dovresti vedere la tua stella lampeggiare ripetutamente.
   
   Ora abbiamo bisogno di afferrare tra le due.
   
   
8. Vai al fotogramma 1 e fai clic su File - Esporta - Esporta immagine. Scegli il formato png e dai un nome al file "Frame 1". Accetta le opzioni di esportazione png predefinite.
   
   
9. Ripetere l'operazione per ciascuno dei 10 fotogrammi.
   
   

Nota: i frame 1 - 5 sono identici ai frame 6 - 10 (tranne che al contrario). Per risparmiare tempo, avremmo potuto esportare i primi 5 fotogrammi di Tween e duplicarli in Photoshop, denominandoli fotogramma 6 - 10 in ordine inverso. Ho lavorato con tutti e 10 i frame nell'esempio a scopo didattico.

IMPORTANTE: queste esercitazioni sullo sviluppo di app sono scritte pensando ai principianti di Flash. Dovrai ottimizzare l'app oltre a quanto descritto in queste esercitazioni prima di finalizzare l'app per l'app store.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: L'uso del flash in esterni spiegato da Marc Cleghorn (Potrebbe 2024).