Rayons de lumière
On se propose de créer un effet rayon de lumière sur un texte. Pour simplifier, on se basera sur la lettre 'i' qui donne un effet remarquable à cause du point.
Les effets utilisés combinent les formes (Shape), les gradients ( linéaire et radial ) de couleur et des modifications de paramêtres (Move) ainsi que des apparitions et des disparitions progressives (Fade In et Out).
Les différentes étapes vont être décrites maintenant.
(Pour faciliter la tâche, pensez à masquer les objets en cliquant sur l'icône oeil dans l'arborescence de 'Outline')
Remarque : Pour minimiser la taille des fichiers images, les gradients de couleur dans les figures ne correspondent pas à la réalité.
⇒ voir l'animation ⇐
Création du Texte et d'un masque
1 - Définir les dimensions générales ainsi que la couleur du fond
2 - Cliquez 
. Entrez la lettre minuscule 'i'.
Choisir une police de caractères de sorte que le point du 'i' soit rond. (Century Gothic par ex.).
Taille 72 , italique , et gras ( boutons I et B ). Prendre Blanc comme couleur de caractère.
Eventuellement, agir sur les poignées pour agrandir.
(A ce stade, l'onglet Shape n'a pas encore remplacé l'onglet Text)
3 - Cliquez dans la barre de menus Modify / Grouping / Group as Shape.
Dans l'onglet Shape, remplacez Merged Shape par 'i'
Mettre les données comme indiqué ci-dessous.
Créez un cercle qui se superpose au point du i dans la zone graphique. Mettre les données comme indiqué ci-dessous. (couleur identique au fond)
5 - Cliquez sur le bouton 
de la barre de boutons.
L'objet masque se place au bas de l'arborescence dans 'Outline'.
Dans 'Timeline', cliquez Frame 0 de idot_mask, puis 'AddEffect', puis 'Place'. Laissez les valeurs par défaut.
Création d'un effet de lumière à droite du point du i
La démarche est la suivante :
- on crée d'abord un rectangle à droite du point. ( outil Rectangle )
- puis on le transforme en trapèze. ( outil Reshape )
- on installe l'effet de gradient linéaire.
- dans 'Timeline', on ajoute l'effet de disparition progressive ( Fade Out )
1 - Cliquez . Construire un rectangle à droite du point du i.
2 - Cliquez 
. Agir sur certaines poignées pour obtenir le trapèze ABCD.
3 - Cliquez sur le bouton
A ce stade, il n'y a pas d'effet de gradient, le trapèze représente les limites
4 - Modifiez l'onglet 'Transform', mettre 'Center'. Les coordonnées X,Y se rapporteront alors au centre.
5 - Modifiez l'onglet 'Shape'. Name : i_rayTRight Line : None. Fill : Linear gradient
Ici, la composition des couleurs n'est pas modifiée.
6 - Dans 'Timeline', cliquez Frame 5 de la rangée i_rayTRight, puis 'AddEffect', puis 'Fade Out' avec 5 'Frames'. Modifiez l'onglet 'Motion' comme indiqué.
Enfin, testez l'effet en cliquant 
ou image par image en cliquant sur 5 dans la règle graduée de 'Timeline', puis sur le bouton 
, puis l'onglet 'Start at'.
Vous devez constater que le trapèze démarre à 10% de sa couleur initiale, puis se déplace en disparaissant progressivement.
3 - Création d'un effet de lumière à droite de la barre du i
Reproduire la démarche précédente. Les figures suivantes vous donneront des indications.
Dans 'Timeline', cliquez Frame 5 de la rangée i_rayBRight, puis 'AddEffect', puis 'Fade Out' avec 5 'Frames'. Conservez les valeurs par défaut.
Création d'un effet de lumière à gauche du point du i
Reproduire la démarche vue en 2. Les figures suivantes vous donneront des indications.
Dans les propriétés de Fade Out, laissez les autres valeurs par défaut.
Création d'un effet de lumière à gauche de la barre du i
Reproduire la démarche précédente. Les figures suivantes vous donneront des indications.
Dans 'Timeline', cliquez Frame 5 de la rangée i_rayBLeft, puis 'AddEffect', puis 'Fade Out' avec 'Frames' = 5. Conservez les valeurs par défaut.
6 - Création d'un gros spot au centre du i
1 - On crée un cercle pour avoir un effet de spot. Cliquez le bouton
Créez un cercle de dimension à peu prés identique à la figure, puis mettre un gradient radial de couleur.
2 - Dans 'Timeline', cliquez Frame 5 de la rangée Ellipse, puis 'AddEffect', puis 'Fade Out' avec 'Frames' = 5. Conservez les valeurs par défaut.
7 - Création d'une lumière centrée sur le point du i
1 - On crée un cercle pour mettre une lumière. Cliquez le bouton
Créez un cercle de diamêtre 2,5 fois plus grand, puis mettre un gradient radial de couleur.
Choisir la couleur de 'Line' identique à celle dans le gradient.
2 - Dans 'Timeline', cliquez Frame 5 de la rangée Light, puis 'AddEffect', puis 'Place'. Conservez les valeurs par défaut.
3 - Cliquez Frame 6, puis 'AddEffect', puis 'Move'. Entrez les valeurs indiquées puis testez.
La lumière devient progressivement transparente (Alpha 0%) et de couleur blanche (Color 100%)
8 - Création d'une croix lumineuse centrée sur le point du i
La démarche est la suivante :
- on crée d'abord une ellipse horizontale aplatie centrée sur le point. ( outil Ellipse )
- on installe un effet de gradient radial de couleur.
- on copie l'ellipse précédente.
- on tourne la copie de 90°.
- on regroupe les 2 objets.
- dans 'Timeline', on ajoute un effet au groupe.
Résultat
1 - Cliquez le bouton . Créez une ellipse horizontale aplatie, puis mettre un gradient radial de couleur.
2 - Copiez puis collez l'ellipse en appuyant sur CTRL C, puis sur CTRL V.
Cliquez le bouton 
. Amenez le curseur de la souris sur la poignée droite de l'ellipse.
(Il change alors et se compose d'une flêche inclinée et d'une flêche circulaire)
En maintenant enfoncé le bouton gauche de la souris, faire tournez de 90° l'ellipse copiée de façon à ce qu'elle soit verticale.
3 - Dans 'Outline', en maintenant enfoncé le bouton gauche de la souris, sélectionnez les 2 ellipses ( les textes passent en surbrillance ).
Appuyez sur CTRL G ou menu Modify / Grouping / Group. Dans l'onglet Group dans la zone droite, nommez ce groupe 'Star'
4 - Dans 'Timeline', cliquez Frame 5 de la rangée Star, puis 'AddEffect', puis 'Place' (Frame 1).
Le groupe est à 50% de sa taille initiale, transparent ( Alpha 0%) et à 100% de la couleur indiquée.
5 - Dans 'Timeline', cliquez Frame 6 de la rangée Star, puis 'AddEffect', puis 'Move' (Frames=3).
Mettre les valeurs indiquées dans l'onglet Motion. Le groupe va retrouver sa taille initiale, une opacité ( Alpha 100%) et 100% de la couleur indiquée.
En outre, il tourne de 90° par rapport à sa position initiale.
6 - Pour terminer, cliquez Frame 10 de la rangée Star, puis 'AddEffect', puis 'Remove'.
Conclusion.
Si tout s'est bien passé, vous devez avoir ce qui suit, dans 'Outline' et 'Timeline'.
Vous pouvez maintenant tester l'ensemble : menu File / Test / in Player, puis exporter dans un fichier HTML en tapant CTRL P. N'oubliez pas de sauvegarder l'exemple en tapant CTRL S.
