Flash Tutorial

 Didacticiel (*)

page présentation Flash

Exercice n°1

Sur une démonstration de monsieur Guy PRIN
Réalisation du tutoriel par Didier avec l'aide de Jacqueline

  Résumé

 
But de l'exercice.

 

Etre capable de réaliser un Bandeau de texte animé comportant des interpolations de mouvement et de forme dont voici le résultat:

 

résultat1

     L'apparition du mot "association devant être  progressive après l'arrivée de la Lettre "A" en looping.

comme ça!   au ralenti

Séquence chronologique des opérations

1)        Préparer la scène avec une dimension de 800 x 80 Pixels – Arrière plan de couleur jaune #FFFFCC.

Préparation de la scène

         2)         Positionner le curseur sur " frame/image" 1 de calque 1 et avec l'outil texte faire un « A »
                        (dimension selon besoin). Ici: (Fonte =FORTE,taille 50)

Image A

Le texte créé s'affiche sur un fond blanc   qui disparaîtra quand l' écriture sera terminée et que l'on cliquera à côté.

Position départ

Positionner la lettre sur sa position de départ (comme ci-dessus)

 

Re cliquer sur "frame1" et dans "Propriétés" choisir une"Interpolation de mouvement" avec "rotation vers la droite – 1 fois.

  Comme ceci:
 

Interpolation Mouvement

 

3              Positionner le curseur sur l'image "16". Cliquer "droit" pour insérer une image clé VIDE.

 

image clé vide

Apparition d'une bande bleu pâle avec pointillés entre l'image 1 et l'image 16: Comme ceci
Bande bleue

Avec l'outil "Texte", retaper la lettre "A" et la positionner au début du bandeau. Vous remarquerez que dès que l'outil "texte" est activé le pointillé de la bande bleu pâle est devient un trait continu indiquant ainsi que l'interpolation de mouvement s'est bien faite entre 1 et 16. (et donc que l'image clé vide est devenue une image clé "pleine").

image clé pleine

Vous pouvez aussitôt le vérifier en faisant bouger le curseur de la séquence.(image ci-dessous)

Bouger le curseur

3.1) A l'image suivante (17 ici) cliquer droit et insérer une image clé. Instantanément un rectangle bleu apparaît autour de la lettre "A"..................> Choisir alors "interpolation de "Forme" dans les "propriétés"

et la case 17 devient "verte". (vert pâle) indication d'une interpolation de "forme"
2 1
3
4)   Insérer une image clé vide dans l'image (frame) 40.


28Un fond vert et un pointillé apparaissent entre 18 et 40. Il faut alors revenir cliquer sur l'image 17 pour faire revenir la lettre "A" qui a disparu, puis Cliquer droit et choisir "séparer" pour transformer la lettre "A" qui semble alors se remplir de petits rectangles ou de points blancs selon qu'elle est sélectionnée avec l'outil de "sélection ou de sous- sélection".
   30     outil de sélection (flèche noire) 32      outil de sous sélection (flèche blanche)  


4.1) Se positionner sur la '"frame40", choisir l'outil "texte" et taper " association"..qui apparaît d'abord comme ceci:

x

Cliquer ensuite sur la" frame 40" et de nouveau sur le texte (clic droit) et choisir "Séparer". Le mot apparaît alors décomposé et  les lettres sont entourées d'un cadre bleu comme ci-dessous.  

Séparation
Re cliquer une seconde fois " droit" sur le texte et re choisir "séparer". Les lettres apparaissent alors ainsi :

Séparation2

avec les petits pointillés blancs indiquant que le texte n'est plus "vectoriel" mais "bitmap". Dès lors il peut faire l'objet d'une interpolation "de forme" ce qui se traduit immédiatement par la flèche continue sur fond vert qui vient remplacer le pointillé précédent.

Il suffit alors de déplacer le curseur entre les" frames" 17 et 40 pour constater que l'interpolation fonctionne et que le texte s'étire de gauche à droite en partant du "A" original.       

Et voila!                              CQFD………….l'exercice N°1 est réussi.  

Nota: bien que sur les dernières images (entre 1 et 16) la flèche continue soit redevenue un pointillé, l'interpolation fonctionne quand même. Pour retrouver la flèche continue il faut cliquer "droit" au milieu des "frames 1-15, annuler l'interpolation de mouvement et la recréer aussitôt…la flèche continue réapparaît. (?)

  Nota

*********

Résumé.

  1) Préparer le bandeau, sa dimension et son fond de page.

 

   2) Positionner le curseur sur frame 1 de calque 1

 Avec outil texte taper un « A » (dimension selon besoin).

                  Re cliquer sur frame, positionner la lettre à sa place de départ à l’aide des flèches

         et mettre une interpolation de mouvement+ rotation (vers la droite)

    3) Se positionner sur "frame" 16

     clic droit – Insérer une image clé vide – (apparition d’une bande bleue avec pointillé

    entre frame 1 et 16

     Avec outil Texte retaper la lettre et la positionner sur le bandeau.

     (apparition de laflèchecontinue entre frame 1 et 15 à la place des pointillés signifiant

     que l’interpolation fonctionne)

 

       3.1)   A l’image suivante (17 dans ce cas) clic droit pour insérer une « image clé ».

     Il doit apparaître un cadre bleu autour de la lettre Sélectionner" interpolation de

      forme" ( la frame 16 devient verte)

               4) A la "frame" 40 insérer une « image clé vide »   Puis cliquer droit sur l’image et

             choisir:"séparer", (la lettre doit apparaître alors pleine de petits points)

             sinon et si nécessaire recommencer  cliquer sur la frame et cliquer droit :

             image –"séparer" Frame 40 insérer une image clé vide

     

       4.1) Taper le texte voulu (ici" Association") et le positionner à l’endroi  définitif.

     Cliquer sur la frame 40 puis clic droit sur l’image pour « séparer » Si les lettre ne

     sont pas décomposées en pointillés re cliquer sur frame 40 une nouvelle fois

     puis séparer. De toute façon il est possible de vouloir « séparer » à nouveau si cela

     n’est plus faisable cela veut dire que les lettres sont bien séparées. ce moment les

     pointillés entre frame 16 et 40 deviennent" fleche continue".

Téléchargement du fichier au format PDF

acrobat reader-telechargement

  (*) Didacticiel semble être le seul terme reconnu par les dictionnaires actuels de français. Tutoriel ou Tutorial ne semblent pas être encore acceptés.