Tutorial: Creare effetto riflesso acqua con animazione
Scrivi commento 18 Novembre 2008
Riassunto
In questo tutorial potrete imparare a creare un riflesso d'acqua, di applicare un MovieClip in movimento.
Ecco il risultato finale:
Requisiti
Flash 8, Flash CS3 o Flash CS4.
Nota: Gli screenshot in questo tutorial sono realizzati in Flash CS3. Funziona esattamente lo stesso in Flash 8. Questo tutorial è ActionScript 2 (anche se non è richiesto di ActionScript).
Fase 1 - Installare l'effetto componente
Scarica la riflessione Effetto acqua qui . Segui le istruzioni di installazione e trascinare il componente dal pannello componente nella libreria di file. FLA.
Passo 2 - Creazione di anatra Scarica video
Importa l'anatra immagine [premere Ctrl-R] o "File" -> "Importa" -> "Importa on Stage ...". Assicurarsi che l'immagine è un anatra. PNG con sfondo trasparente.
Selezionare questa immagine e lo converte in un] premere F8 [MovieClip o fare clic destro sul MovieClip -> "Converti in simbolo ...". Lascia la MovieClip il nome di "anatra".
Passaggio 3 - Creazione Scarica video Animazione
Creare una new MovieClip con [premere Ctrl-F8] oppure Inserisci -> "Nuovo simbolo ...". Scarica video questo nome "animazione".
Trascinare il clip filmato anatra dalla libreria al primo fotogramma sulla timeline. Ora cliccate sul fotogramma 60 e creare un nuovo fotogramma chiave premere [F6] o fate clic destro e "Inserisci fotogramma chiave".
Fare clic sul fotogramma chiave appena creata e selezionare lo spezzone anatra sulla tela. Ora spostare questa MovieClip con il tasto cursore a destra (diciamo 100px). È possibile controllare la nuova posizione nel pannello di informazioni.
Torna al primo fotogramma chiave della linea temporale. Sul pannello proprietà selezionare Tween: "Motion". Se si fa clic da qualche parte nella timeline ora, si vede che l'anatra MovieClip è in movimento da sinistra a destra.
Fase 4 - Scarica video animazione Metti linea temporale principale
Ora cliccate su "Scena 1" per tornare alla linea temporale principale. Se il clip filmato anatra è ancora lì, rimuoverlo.
Spostare il clip filmato di animazione dalla libreria al primo fotogramma della timeline.
Impostare il nome di istanza del MovieClip a "animation_mc" (si può scegliere un nome diverso se si desidera. Assicuratevi che il nome dell'istanza è unica). Senza un nome di istanza, il componente è in grado di rilevare la MovieClip.
Fase 5 - Applicare effetto componente
Creare un nuovo livello, selezionare il primo fotogramma e trascinare il componente effetto dalla libreria sul MovieClip animazione. Il componente viene automaticamente a scatto.
Impostare il parametro del componente all'interno del pannello di ispezione dei componenti come nella schermata. Movieclips Tutti con nomi di istanza in questa cornice sono elencati nella "Target Scarica video" nell'elenco di selezione. Dal momento che avete un solo MovieClip, la componente assume, a cui si desidera applicare l'effetto sul MovieClip "animation_mc".
Nota: Queste impostazioni vengono applicate solo a questa istanza uno dei componenti effetto. Se si disegna il componente su un altro MovieClip (da qualche altra parte all'interno. Fla o in un nuovo progetto) è necessario impostare nuovamente le impostazioni.
Ora di esportazione ([premere Ctrl-ENTER] o ...). Vedrete che il capo della anatra è in qualche modo tagliato. Thats perché il componente ha esattamente le dimensioni del MovieClip anatra. Ma dal momento che l'onda di riflessione aumenterà la dimensione di questo non si adatta più.
Fase 6 - Regolare animazione Scarica video
Per risolvere questo problema, si inserisce una forma invisibile in background dell'anatra MovieClip, che taglia il clip filmato su un po '.
Torna alla MovieClip anatra con un doppio clic su di esso nella vostra libreria.
Creare un nuovo livello al di sotto del livello di interpolazione.
Selezionare lo strumento Rettangolo e disegnare una forma con la larghezza della anatra. L'altezza dovrebbe essere un qualche pixel, superiore ai anatra (circa 10 pixel). Potrebbe essere utile per impostare l'icona di contorno nella timeline, per vedere solo la dimensione dell'immagine anatra.
Con la forma selezionata aprire il pannello di colore e impostare l'alpha a 0.
Quando si prova il filmato adesso, vedrai che il riflesso è applicato sul anatra buco.
Fase 6 - Aggiungi immagine di sfondo
Creare un nuovo livello al di sotto del livello con animazione e componenti. Importare una immagine che corrispondono. Ora è possibile cambiare la posizione della MovieClip animazione per renderlo in sintonia con lo sfondo.
Download
Clicca qui per scaricare il FLA di questo tutorial. Nota: L'. Fla include la versione di prova della componente di effetto, che funziona solo in IDE Flash (Flash 8, Flash CS3 o Flash CS4), ma non all'interno del browser.
È anche possibile scaricare la riflessione Effetto acqua qui .






















Scrivi un commento