banner

Précédent   InfographiK - Communauté Graphique > FLASH & ACTION SCRIPT > Débuter avec Flash > Les cours de base

Réponse
 
LinkBack Outils de la discussion
  #1 (permalink)  
Vieux 03/09/2003, 00h08
Avatar de Smike
Administrateur
 
Date d'inscription: May 2002
Localisation: 26
Messages: 3 008
Arrow Flash - Flamme

Introduction : Vous allez apprendre comment animer une flamme sous Flash MX en utilisant l'action script.

Rendu :

-= Etap 1 : Création du symbole graphique =-



Créer un nouveau symbole graphique (Ctrl + F8) et nommer le "feu". Créez une petite sphère (figure 1) en utilisant le mélangeur de couche (attention si votre sphère est trop grande le rendu final sera moins precis).

-= Etap 2 : Création du clip d'interpolation de mouvement =-



Créer un nouveau symbole qui sera un clip (Ctrl + F8)et nommer le "flamme" Insérer le symbole feu,règlez son Alpha à 67%. Créer une image clé en frame 4 et faites une interpolation de mouvement.
Insérer un image clé en frame 20, créer une interpolation de mouvement (figure 2), la sphère se déplacant verticalement en se réduisant (redimensionner) et en devenant transparente à la fin (alpha = 0).
Insérer une image clé en frame 21 avec l'action "stop".


-= Etap 3 : Création du script =-



Créer un nouveau symbole, nommer le script. Créer une image clé en frame 1 en insérant le clip "flamme". Créer une deuxième image clé enframe 2 (F6) avec le même clip.
Sélectionner le movie clip en 1 et nommez le mov dans les propriétés (figure 3), faites la même chose en 2.



Créer un nouveau calque et insérer en 1 une image clé vide. Ouvrez la fenêtre "action" et insérer le script suivant (figure 4) :
ActionScript Code:
  1. DuplicateMovieClip ( _root.flamme.mov, mov+c, c) ;
  2. setProperty : ( _root.flamme.mov, _rotation, random(6) ;



Figure 5 .... Insérer une image clé vide en 2, ouvrez la fenêtre "action" et insérer le script suivant (figure 5)
ActionScript Code:
  1. c=c+1
  2. if(c>20) {
  3. c = 0;
  4. }
  5. gotoAndPlay(1)


Figure 6 .... Votre scénario doit ressembler à la figure 6.
Insérez le fichier "script" dans votre document en réduisant son alpha à 67% et tester votre animation.
Jouer sur la dimension du symbole "feu" et sur l'Alpha si vous n'obtenez pas un résultat satisfaisant.

__________________
[La musique fait danser les consciences]
Réponse avec citation
  #2 (permalink)  
Vieux 03/09/2003, 09h23
vagabond
 
Date d'inscription: January 2003
Messages: 609
moi qui voulait le faire par interpolation, je crois que ça va me simplifier la vie ce tuto

merci smike
__________________
Réponse avec citation
  #3 (permalink)  
Vieux 03/09/2003, 14h09
Avatar de cybergranny
radis_expansion
 
Date d'inscription: April 2003
Messages: 1 182
Merci smikounette.
Ca va bien nous servir ça. TRès utile
__________________
Réponse avec citation
  #4 (permalink)  
Vieux 30/10/2005, 22h01
Avatar de Smike
Administrateur
 
Date d'inscription: May 2002
Localisation: 26
Messages: 3 008
et hop in the public
__________________
[La musique fait danser les consciences]
Réponse avec citation
  #5 (permalink)  
Vieux 30/10/2005, 23h22
Avatar de AnteChrist
Bassiste junior
 
Date d'inscription: June 2005
Localisation: Paris
Messages: 125
Etant peut etre ce qu'il y'a de plus noob sur ce qui existe au monde en flash, j'avais jamais reussi a le faire....
>_____<

Mirchi!
__________________

NW-HD5, NW-MS70D, Sennheiser HD-497, Sony EX71SL, house.
Réponse avec citation
Réponse

Outils de la discussion

Règles de messages
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui



Fuseau horaire GMT +2. Il est actuellement 05h38.


Édité par : vBulletin® version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0 Tous droits réservés.
Version française #13 par l'association vBulletin francophone

Communauté Graphique
CNIL : 1130886