TUTO Magicmorph (2) : Mettre un bouton de démarrage  et un bouton d'arrêt avec flash
Dans le 1er tuto nous avons vu comment fabriquer un morphing à partir de deux photos à l'aide du logiciel Magic Morph

A la fin nous obtenons une animation qui tourne en boucle comme celle-ci :

Ce qui gênant!

Si vous avez FLASH,  voici comment placer deux boutons de démarrage et d'arrêt.

On ouvre flash on donne les dimensions à notre animation (les mêmes que celles du morphing par exemple mais ce n'est pas obligatoire)et on importe le morphing.swf comme ceci: fichier/ importer
On obtient donc une succession d'images (le même nombre que celui défini dans notre animation magic morph

A noter la dernière image de l'anim est la même que la première, elle est inutile pour nous : on la supprime (on clique droit sur l'image clef dans la lige du temps et on dit supprimer l'image)

Retournons sur notre image 1 du scénario et:
  • Créons 2 calques de plus : ils accueilleront nos deux boutons.
  • Mettons une action stop sur cette 1ere image  : clic droit sur l'image concernée/action/stop/double clic . Un a (comme action) apparaît dans le scénario:

  • Mettons une action stop sur LA DERNIERE image  : clic droit sur l'image concernée/action/stop/double clic

 

  • Plaçons nous sur l'image 1 du calque 2
  • Menu insertion : nouveau symbole
  • Choisir bouton , nommer celui-ci

 

Ici ça devient un chouille plus compliqué:
  • Un nouvel écran est apparu c'est celui de création de notre bouton.
  • C'est une mini animation à 4 images 
    • Haut : la souris est hors du bouton
    • Dessus : la souris le survole
    • Abaissé : la souris est enfoncée
    • Cliquable définit la zone "réactive"
  • Sur l'état haut on dessine avec les outils de la barre verticale une boule de notre choix (on peut aussi insérer une image : fichier /importer)
  • on clique sur :
  • On fait F6 (ou insérer une image clé) pour obtenir :
  • On a maintenant la même image dans les états haut et dessus
  • Sur l'état dessus on  fait varier l'image du bouton pour faire comprendre la réactivité de celui-ci. On peut changer la couleur ou l'effet de lumière à l'aide du pot de peinture (voir ci contre)
  • On retourne sur notre séquence en cliquant sur .... séquence justement
  • On affiche la bibliothèque : touche F11
  • On cherche dans celle ci notre bouton départ 
  • On se place sur l'image 1 de notre calque 2 
  • On tire le bouton (par glisser déposer) de la bibliothèque  sur la scène (l'image de Paul)

  • Le bouton est en place il faut lui mettre une action (on peut auparavant  contrôler l'effet survol en faisant contrôle /tester l'animation)

  • Décocher "activer les boutons simples "dans le menu contrôle puis clic droit sur notre bouton /action/double clic sur play 

  • Le bouton s'est placé sur toutes images : c'est moche . Sur le calque 2 à l'aide de la touche shift on va sélectionner toutes les images qu'on veut supprimer puis: clic droit/ supprimer les images

CONTROLE

A noter que le bouton est modifiable : dans la bibliothèque on double clique sur le bouton départ et on récupère sa fenêtre de création

Notre anim testée donne ceci : 

  1. elle ne démarre pas seule
  2. le bouton change au survol
  3. elle démarre au clic sur le bouton , le bouton disparaît dès l'image 2 
  4. elle s'arrête , figée , à la dernière image

Il ne nous reste donc plus qu'à créer un bouton de retour à la case départ , OK ?

Je serai plus bref car c'est tout à fait comme les étapes précédentes

 

 

Insertion d'un symbole/bouton 

On récupère une fenêtre de création de bouton

On crée notre bouton (rouge par exemple ) à deux états (comme le bouton départ)

On récupère la séquence 

On affiche notre bibliothèque

On tire ce bouton vers le calque 3 , comme il se met sur l'image 1 à l'aide la flèche noire de la barre verticale on déplace l'image clé du scénario vers la dernière image .

On fait clic droit sur ce bouton / action /goto/image1

CONTROLE

SI OK : Menu fichier on enregistre , on publie

 

Eh ben voilà c'était pas si compliqué!!!

 

sommaire général du site Les tutos 1ère leçon