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

dimensions

couleur de fond

2 - Cliquez Insert Text. 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.

lettre i

Eventuellement, agir sur les poignées pour agrandir.
(A ce stade, l'onglet Shape n'a pas encore remplacé l'onglet Text)

onglet Transform

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.

Shape

4 - On crée maintenant un masque sur le point pour avoir un effet de spot. Cliquez le bouton Ellipse
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)

Shape

5 - Cliquez sur le bouton Send to Back 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 Rectangle. Construire un rectangle à droite du point du i.

2 - Cliquez Reshape. Agir sur certaines poignées pour obtenir le trapèze ABCD.

3 - Cliquez sur le bouton Send to Back

TopRight

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.

Transform

5 - Modifiez l'onglet 'Shape'. Name : i_rayTRight     Line : None.     Fill : Linear gradient
Ici, la composition des couleurs n'est pas modifiée.

Shape

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é.

Motion

Enfin, testez l'effet en cliquant FX ou image par image en cliquant sur 5 dans la règle graduée de 'Timeline', puis sur le bouton Avance, puis l'onglet 'Start at'.

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.

iraybright    shape    transform

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.

iraytleft

shape    transform

Dans les propriétés de Fade Out, laissez les autres valeurs par défaut.

motion

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.

iraybleft

shape    transform

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 Ellipse
Créez un cercle de dimension à peu prés identique à la figure, puis mettre un gradient radial de couleur.

Spot sur i    Shape    Transform

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 Ellipse
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.

Line Color

Lumière sur point i    Shape    Transform

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%)

Transform

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

Croix

1 - Cliquez le bouton Ellipse. Créez une ellipse horizontale aplatie, puis mettre un gradient radial de couleur.

Ellipse horizontale

Shape      Transform

2 - Copiez puis collez l'ellipse en appuyant sur CTRL C, puis sur CTRL V.
Cliquez le bouton Rotate. 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'

Group

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.

Place(1)

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'.

Move(3)

Conclusion.

Si tout s'est bien passé, vous devez avoir ce qui suit, dans 'Outline' et 'Timeline'.

I Outline      I 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.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.004 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google