contact
cours Flash     Réalisations Flash     Images Web     Poissons     Liens

Introduction

1. Les outils, le nuancier

2. Le scénario

3. Interpolations

4.Les symboles

5. La bibliothèque

6. Utilisation des symboles

7. Les boutons

8. Les masques

9. Les importations

10.Son

11.Action Script

12. Les exportations

13. Insertion d'une animation Flash dans une page Web

 

Présentation des symboles

Un symbole est un objet que l'on crée une seule fois et que l'on peut utiliser dans une animation autant de fois que l'on souhaite. Chaque symbole une fois créé s'intègre automatiquement dans la bibliothèque .

Dans quel cas créer un symbole ?

•  Lorsqu'un élément revient plusieurs fois dans une animation, vous devez créer un symbole. Vous pouvez glisser sur la scène autant d'occurrence de ce symbole que vous souhaitez (une occurrence est une copie d'un symbole situé sur la scène). Les fichiers sont plus légers et plus facilement modifiables. Lorsque l'on modifie un symbole de la bibliothèque, toutes les occurrences sont automatiquement mises à jour.

Pour ouvrir la bibliothèque : fenêtre>bibliothèque ou ctrl + L

•  Quand nous avons besoin d'utiliser les propriétés d'un symbole, pour modifier par exemple sa transparence ou sa teinte ce que nous ne pouvons pas faire avec un objet groupé.

•  Lorsque nous avons besoin d'appliquer des actions interactives d'objets.

Exemple du chat

Création d'un symbole

Vous créez un objet puis insertion>convertir en symbole ou appuyer sur F8

La fenêtre du symbole d'ouvre, vous allez choisir son comportement et également son point central (important pour les rotations, en général on le laisse centré).

Lorsque vous créez un symbole, donnez lui toujours un nom précis, cela rendra son utilisation plus aisée.

Si vous voulez modifier un symbole, vous double cliquez dessus ou vous allez dans l'icône :

Et sélectionnez le nom du symbole que vous voulez modifier alors la fenêtre du symbole s'ouvre, sans que l'on voie la scène où il est placé. Pour retourner dans la séquence cliquer sur le nom de la séquence.

Il existe trois comportements des symboles :

Symbole graphique


C'est le symbole le plus simple. Il est utilisé pour gagner du poids dans l'animation, par exemple quand une image doit être répétée. Le symbole graphique peut être animé.

Il fonctionne de manière synchronisée avec le scénario de l'animation principale. Si vous avez une animation de 10 images dans votre symbole graphique, vous devez disposer d'un minimum de 10 images sur votre scène pour jouer cette animation.

C'est un objet optimisé.

On peut jouer sur les démarrages différés.

Clip 

C'est une mini animation qui possède son propre scénario. Il est lu indépendamment du scénario de l'animation principale. Vous n'avez pas besoin du même nombre d'image sur votre scène que sur votre clip ; il possède sa propre temporalité. Un clip peut contenir des éléments interactifs, des sons voire d'autres occurrences de symboles clip. Une animation simple peut être importée dans un clip et arrêtée en utilisant la commande stop. Cela rend le projet plus clair.

Le clip est un objet interactif et optimisé.

Il faut savoir que vous ne verrez votre animation qu'en environnement shockwave.

Le clip permet des imbrication d'animation, notion très importante dans le logiciel Flash (ex :   étoile qui bouge et scintille, fusée qui avance et change de taille).

Exercice du papillon

Bouton 

Il est employé pour des boutons interactifs. C'est un objet réactif et optimisé. Il a trois états : haut - dessus - abaissé - cliqué.

Pour créer chaque état du symbole il faut créer des images clé (F6) et dessiner un contenu graphique.

L'état haut correspond à l'aspect du bouton inactif sur la scène

L'état dessus l'apparence du bouton survolé

L'état abaissé l'apparence du bouton lorsque l'on clique dessus

Cliquable correspond à une zone sensible du bouton. C'est un état invisible mais s'il n'est pas défini c'est l'état abaissé du bouton qui sera la zone sensible.

Pour vérifier son fonctionnement vous devez cocher activer les boutons simples dans contrôle.

Il est possible de mettre un contenu texte dans un bouton.

On peut aussi imbriquer un clip dans un bouton (en plaçant le clip dans l'état haut du bouton)

On peut aussi insérer du son dans le bouton, sur l'état abaissé, en plaçant un calque au dessus du dessin du bouton.

Les boutons transparents  :

Flash ne possède pas directement de zone sensible (cliquable ), mais vous pouvez imiter cette fonctionnalité en utilisant un bouton transparent :

Dessinez un objet sans contour, cet objet sera votre zone sensible. Sélectionnez l'intégralité de votre élément et faites : insérer>convertir en symbole. Choisissez bouton comme type de symbole. Double cliquez sur le nouvel objet créé pour passer en mode édition, sélectionnez votre dessin et convertissez le tout en graphique. Cliquez sur l'objet et réglez la transparence Alpha à 0% dans la case couleur du panneau Propriété de l'objet. Les zones sensibles sont idéales pour les images complexes et les bitmap.

Ces boutons sont utiles pour réaliser des zones réactives dans des illustrations, ou un effet de surprise.

 

 

 

 

©Laurence Jacquenod