Accueil
Tutoriels
  Préface Preface
 Créer son site Créer son site
 Tutoriaux Tutoriaux (163)
 Les 20 meilleurs cours TOP 20
 Astuces Astuces

 HTML HTML
 XHTML XHTML
 PHP/MySQL PHP/MySQL
 Javascript Javascript
 CSS CSS menu
 Photoshop Photoshop
 Flash Flash
 Swish Swish
Recherche :
 
autres
  Accueil Accueil

 Forum FORUM
 New Yoric News YoRiC
 Livre d'or Livre d'or
 Statistiques Statistiques
 Humour ++++

 Plan du site Plan du site
 Bannières Bannières
 Contacts Contacts
  

FLASH Animation image par image
> > > > Posez une question dans le Forum ! < < < <
Insérer un tutorial !



L'animation image par image est la méthode la plus lente pour produire une animation. Il faut réaliser chaque image qui va etre lue. Evidemment, lors d'un mouvement le nombre d'images à réaliser va vite etre très conséquent. Cette méthode trouve justement ses limites au niveau de la productivité.

Nous allons réaliser l'animation image par image d'un rond qui effectue une rotation sur le plan. Nous utiliserons la méthode image par image ce qui va nous permettre de mieux apprécier les fonctionnalités de flash par la suite.

1==>Allez sur fichier, nouveau. Une nouvelle animation s'ouvre.

2==> Prenez l'outil cercle et tracez un rond sur le coté gauche de votre animation, peu importe la couleur, du moment que le rond n'est pas trop gros. Faites un rond plus ou moins comme celui réalisé ci dessous :

3==>Ensuite, prenez la fleche noire et faites un rectangle de selection sur le cercle, ce qui le selectionne dans sa totalité. Appuyer sur F8 pour convertir le tracé en symbole, nommez le rond "rond" et choisissez clip pour le comportement (par défaut, c'est le type choisi). OK. Vous pouvez remarquer que lorsqu'on selectionne le rond, il s'entoure dorénavent d'un encadrement bleu.
Le rond a été transformé en symbole, à ssavoir qu'il fait maintenant partie de la bibliothèque de l'animation (CTRL L pour l'ouvrir).
4==>cliquez sur l'image 2, qui ne contient rien.et appuyez sur F6pour créer une image clé. Cela produit une nouvelle image qui contient exactement le meme rond que la premiere.

5==>vérifiez que vous vous situez bien sur l'image 2 (cliquez dessus) et déplacez le rond en bas au centre comme suit :

6==> appuyez de nouveau sur F6 pour créer une troisième image clé, identique à le seconde et déplacez le rond au milieu a droite. Une derniere fois F6 et déplacez le rond en haut au centre.

7==>sauvegardez l'animation (fichier/enregistrer sous) et appuyez sur CTRL ENTREE un fenetre s'ouvre et donne un apercu de l'animation.

Le résultat, le rond se déplace circulairement en 4 points distincts. On remarque que le travail est long et que pour obtenir une animation bien fluide avec un déplacement peu sacadé, il serait nécessaire de créer beaucoup plus d'images clés ! Or, avec cette méthode, ce serait un travail long et répétitif qui peut etre simplifié aisément par l'interpolation de mouvement Que nous voyons par la suite. le résultat :

Ecrit par : YoRiC, lu 59642 fois [27] commentaires commentaire
imprimertelechargersuivant
Temps d'exécution : 0.0544 sec
 
personnes en ligne
 20 connectés
membres

Mémoriser ?



liens
noir
Beocia

partenaires :
PSDMag

PHP Splutions

www.joliespages.com

Tous droits réservés à yo-ric 2002 - 2007