Tutoriel d’animation d’un véhicule - Flash

Posté par Pat dans Tutoriels | 19 juin 2009 à 14:26 0

1 - Commencez par détourer l’image selon les parties mobiles

2 - Exportez les différentes images en “PNG32” avec trame transparente

3 - Créez une nouvelle animation Flash vide (400×200 25fps)

4 – Importez les images sur la scène et convertissez-les en clip

5 – Intégrez dans un même clip les clips du bras et de la tête (dans l’exemple ce clip sera appelé “clip_principal“), et disposez-les sur 2 calques différents.

6 – Positionnez le point central de “clip_principal” sur son axe de rotation
(”Ctrl + T“, et déplacez le point central).

7 – Allez dans “clip_principal” et positionnez le point central du clip “tete“.

8 – Insérez une image-clé sur les 2 calques de “clip_principal“  à l’image 100.

9 – A l’image 100, appliquez une rotation de 90° au clip “tete“, puis créez l’interpolation de mouvement à l’image 1 du calque contenant le clip “tete“.

10 – Revenez à la racine de l’animation, insérez une image-clé sur les 2 calques à l’image 100 et appliquez une rotation de -45° au “clip_principal” puis l’interpolation de mouvement à l’image 1 du calque contenant le clip “clip_principal“.

11 – Copiez l’image 1 du calque contenant “clip_principal” et collez-la à l’image 200 et créez une interpolation de mouvement à l’image 100, si ce n’est pas déjà fait.

12 – Allez dans le clip “clip_principal” et copiez l’image 1 du calque contenant le clip “tete” et collez-la à l’image 200 puis créez une interpolation de mouvement à l’image 100 si ce n’est pas déjà fait.

13 – En testant l’animation, on voit un effet de pixellisation sur le contour des images, pour remédier à cela, allez dans la “bibliothèque” puis dans les “propriétés” de chaque image bitmap et activez l’option “autoriser le lissage“.

Exemple  : societechapus.com

Partager:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BlinkList
  • blogmarks
  • De.lirio.us
  • Design Float
  • LinkedIn
  • Netvouz
  • StumbleUpon
  • Technorati

Pas de commentaires

pour “Tutoriel d’animation d’un véhicule - Flash”

Envoyer un commentaire

Vous devez être connecté pour envoyer un commentaire.