Contexte :
Vous avez réalisé une interface qui possède une animation d'introduction contenu dans un clip. Faisant suite à cette introduction, vous avez une animation d'accueil qui est aussi contenu dans un clip.
Voilà la structure que nous avons à la racine du document :
- un calque nommé Intro, contenant dans sa première image clé, une occurrence du clip Intro, nommée intro_mc ;
- un calque nommé Accueil, contenant dans sa deuxième image clé, une occurrence du clip Accueil, nommée
accueil_mc ;
- la deuxième image clé du calque Accueil est nommée accueil.

Programmation, partie 1 :
Insérez un nouveau calque nommé AS, au-dessus des deux autres.

Sélectionnez la première image clé de ce calque AS et affichez le panneau Actions (menu Fenêtre, Actions ou touche F9 sous Windows et Alt+F9 sous Mac).
Saisissez le code suivant :
[as]// Création d'une fonction pour tester la fin du clip intro_mc
testFinIntro = function (Void):Void {
// Test pour savoir si la tête de lecture est sur la dernière image clé du clip intro_mc
if (intro_mc._currentframe == intro_mc._totalframes) {
// Arrêt du clip intro_mc
intro_mc.stop();
// Aller à l'image suivante de l'animation principale, nommée accueil
this.gotoAndStop("accueil");
}
};
// A la cadence de l'animation principale, exécute la fonction testFinIntro
this.onEnterFrame = testFinIntro;
// Stopper l'animation principale
this.stop();[/as]
La propriété _currentframe permet de connaître le numéro de l'image clé courante du clip.
La propriété _totalframes permet de connaître le nombre total d'image clé du clip.
Programmation, partie 2 :
Sur le calque AS, insérez une deuxième image clé, à l'image 2.

Saisissez le code suivant :
[as]// Importation de la classe Tween
import mx.transitions.Tween;
// Importation des effets
import mx.transitions.easing.*;
// Rendre le clip accueil_mc transparent
accueil_mc._alpha = 0;
// Réaliser la transparence des 2 clips : intro_mc et accueil_mc
var AlphaTween:Tween = new Tween(intro_mc, "_alpha", None.easeOut, 100, 0, 30, false);
var AlphaTween:Tween = new Tween(accueil_mc, "_alpha", None.easeOut, 0, 100, 30, false);
// Stopper l'animation principale
this.stop();[/as]
La classe Tween utilise plusieurs paramètres :
- intro_mc : le nom d'occurrence du clip sur le quel est appliqué l'effet,
- "_alpha" : le nom de l'effet utilisé,
- None.easeOut : permet d'avoir un effet constant, sans accélération,
- 100 : valeur de l'alpha au début de l'effet,
- 0 : valeur de l'alpha à la fin de l'effet,
- 30 : nombre d'image clé sur lequel s'applique l'effet,
- false : indique que vous utilisez la durée en nombre d'images clé et non en seconde.

Corel Painter 12 - Les fondamentaux
Introduction à Adobe Edge
Contao - Les fondamentaux
ZBrush 4 - Les fondamentaux
Drupal 7 - Les fondamentaux
Photoshop Elements 10 - Les fondamentaux
Premiere Elements 10 - Les fondamentaux
Les calques de forme dans After Effects














Contacts
Newsletter
Twitter
RSS
RSS des commentaires
Podcasts des tutoriels












