Home » Web Design » Flash » Effetto rimbalzo in Flash

Effetto rimbalzo in Flash

Questo tutorial vi insegnerà a creare un effetto di animazione con lo strumento motion tween e shape tween.
Il file .fle è scaricabile alla fine del tutorial.

Nel tutorial il cuore rimbalzante è creato utilizzando il motion tween e l’effetto ombra con lo shape tween.

CREARE MOTION TWEEN

Seguite questi passi:
“Creare il simbolo”
-Prima disegnato un oggetto dal Motion Tween. Ho  disegnato il cuore.
-Selezionate l’oggetto che avete disegnato e premete F8  per convertirlo da oggetto a simbolo.
-Ora apparirà la finestra dei simboli adesso. Chiamtelo quest’oggetto heart_mc, scegliete comportamento movie clip e il quadrato centrale per la registrazione. Premete OK.




“Create un motion tween”

-Doppio click sul livello e tipo “heart”.
-Selezionate il Frame 30 e premete F6 e inserite un  keyframe.
-Selezionate il Frame 15 e premete F6 per aggiungere un  ‘altro keyframe.
-Ancora sul Frame 15, bloccate la chiave Shift e  muovete  heart_mc nella linea retta e caricatelo in  heart_mc.
-Selezionate qualsiasi fotogramma tra i Frame 2 e 14 e   selezionate Motion da meù tween nel Property  Inspector.
-Selezionate qualsiasi frame tra 16 e 29 e selezinate  Motion dal menù tweet nel Property Inspector.
-Premete Ctrl+S per salvare le vostre modifiche.

“Create Shape Tween”
-Inserite un nuovo livello e chiamatelo “Shadow”.
-Selezionate il primo fotogramma nel livello “Shadow”,  disegnate i bordi pertinenti al tuo simbolo.
-Se il mix di colore non è aperto, premete Shift+F9 per  aprirlo.
-Selezionate l’opzione Eyedropper dal tuo Tool Box.  Cliccate sulla vostra ombra. Adesso andate nella   finestra del Color Mixture e 25% per Alpha Value.

-Selezionate il Frame 30 e premete F6 per inserire un  keyframe allora seleziona il frame 15 e premete F6 per  inserire un keyframe.
-Con il Frame 15 ancora selezionate lo  strumento Eyedropper e allora cliccate sul tuo oggetto  ombra. Adesso andate nella finestra del Color Mixture  e modificate il valore Alpha a 10%.
-Selezionate tutti i frame tra il Frame 2 al 14 nel  livello “Shadow”. Nel Property Inspector selezionate   Shape dal menù tween.
-Selezionate tutti i frame tra 16 e 29 sul livello “Shadow”. Nel property inspector selezionate Shape dal  menù Tween.


Adesso è il momento del tocco finale
-Selezionate il Frame 1 sul livello “Heart”. Premete F6  per aggiungere un keyframe. Un nuovo keyframe è stato  aggiunto, e la testa del play muove al Frame 2.
-Tornate al frame 1, selezionate Free Transform dal toolbox.
-Selezionate il punto di trasformazione centrale(un piccolo cerchio vicino il centro del movieclip) e caricato in basso al cuore. Sullo stage, trasciate la maniglia centrale superiore e trasformate leggermente verso il basso per comprimere la forma del cuore.
-Click con il tasto destro sul Frame 1 del livello del cuore e selezionate “Copy Frames” dal menù. Andate al ventinovesimo frame e premete F8 per inserire un nuovo keyframe. Tasto destro sul ventinovesimo frame e scegliere Incolla (paste) dal menù.
-Cliccate sullo stage, lontano dagli oggetti. Inserite 28 per il tipo nella text box del frame rate nella finestra del property inspector.
-Sul livello del cuore, selezionate tutti i frame tra 2 e 14. Allora nel property inspector, inserite 100 nella text box Ease. Allo stesso modo tra i Frame 16 e 29 sullo stesso livello. Fate la stessa cosa nel livello “Shadow”.

Premete Ctrl+Enter per vedere la vostra animazione.

Cliccate qui per scaricare il file .fla.

via : entheosweb.com

Lascia un commento