TECHNIQUES>Déplacer un texte

CREER UN ASCENSEUR

 


Télécharger le fla.

 

Pour simplifier la compréhension de la réalisation de cet exercice, nous allons découper la manipulation en 2 temps :

- Le déplacement du curseur sur une ligne, dans une zone limitée.

- Le déplacement du texte qui suit le curseur.

Déplacer le curseur sur une ligne.

  1. Placer un bouton sur la scène.
  2. Sélectionner l'occurrence de ce bouton sur la scène.
  3. Taper F8 pour transformer le bouton en movie clip
    Vous obtenez à partir de ce moment là, un symbole imbriqué.
  4. Double-cliquer sur ce movie clip afin de le nommer (Ex. : curs).
  5. Clic-droit (CTRL-clic sur Mac) sur le movie clip et sélectionner la commande "Modifier en place".
  6. Double-cliquer sur le bouton.
  7. Sélectionner la commande "Drag movie clip" via le bouton "+"
  8. Préciser la cible : Deux petits points suivis d'un Slash et du nom du movie clip (Ex. : ../curs).
    Le movie clip "boite" se trouve en effet un niveau au dessus, c'est pourquoi il faut y faire référence avec les deux petits points dans le chemin (..)
  9. Cocher la case "Contraindre au rectangle et préciser des valeurs.
  10. Ces valeurs doivent avoir les caractéristique suivantes : La même valeur à "gauche" et à "droite" si vous voulez contraindre le déplacement sur un axe vertical. Idem "Haut" et "Bas" pour un déplacement horizontal.
  11. Changer On (Release) par On (Press). (Sélectionner On (Release), décocher "Relâcher" et cocher "Appuyer").
  12. Sélectionner "End On"
  13. Sélectionner la commande "Drag movie clip" via le bouton "+".
  14. Cocher le bouton radio "Arrêter action de glisser".
  15. Cliquer sur l'onglet "Scène 1" pour ressortir de cet état d'édition du symbole.

Déplacer du texte en fonction de la position du curseur.

La méthode est simple, vous devez à présent créer un movie clip qui contient le texte (ou autre chose, on peut faire défiler une image) et un moteur (movie clip de 2 images).

  1. Taper un texte sur la scène
  2. Sélectionner le texte (l'objet texte)
  3. Taper F8
  4. Cocher Movie clip
  5. Double cliquer sur l'occurrence du movie clip contenant le texte
  6. Nommer le movie clip (ex. : texte)
  7. Valider
  8. Taper CTRL-F8 (PC) ou Pomme-F8 (Mac)
  9. Sélectionner le type "Movie Clip"
  10. Sélectionner l'image 2
  11. Taper F6 (créer une image clé)
  12. Double-cliquer sur l'image 2 (image clé)
  13. Sélectionner "Set property" via le bouton "+"
  14. Préciser la propriété "Yposition" ou "Xposition" pour un ascenseur horizontal
  15. Préciser la cible (ex. : ../texte)
    Rappelons que les 2 petits points sont nécessaires pour demander à Flash de ressortir de ce movie clip qui sera placé sur la scène et ainsi s'adresser à "/texte" qui se trouve sur la scène.
  16. Préciser la valeur (en expression)
    Getproperty("../curs",_y)*-coeff.
    Le coefficient correspond au calcul suivant :
    Hauteur du movie clip du texte exprimé en pixel

 

 

 

Après ces opérations, vous pouvez ajouter un coefficient à la ligne ci-dessous, afin d'obtenir des effets différents :

 

ATTENTION : Ne pas placer le moteur sur le calque du masque.