6.1 Types de comportements des symboles

Transcription

1 Types de comportements des symboles Les symboles sont les éléments graphiques qui composent vos animations. Flash vous permet de déplacer, de copier, de supprimer, de transformer, d empiler, d aligner et de grouper les objets graphiques. Vous pouvez lier un objet graphique à une URL. Vous pouvez aussi ajouter des effets sur les symboles eux-mêmes. Consultez le chapitre Le dessin pour plus de renseignements sur la création et la manipulation de formes vectorielles. Ce chapitre va vous permettre de manipuler ces symboles. 6.1 Types de comportements des symboles Le symbole a son propre type de fonctionnement. Mais il faut savoir qu il n existe à proprement parler que deux types de symboles : les symboles (symbole graphique ou symbole clip, qui en d autres termes est un symbole contenant d autres symboles animés ou non) et les boutons. On peut utiliser un objet graphique plusieurs fois dans le scénario. On les rangera dans la bibliothèque. Utilisez des symboles de bouton pour créer dans l animation des boutons interactifs qui réagissent aux clics de la souris, à un survol ou à d autres actions. Vous définissez les graphiques associés aux différents états de bouton puis affectez des actions à une occurrence de bouton. Consultez la section Activation, modification et test des boutons pour plus de renseignements sur les boutons. On utilise les symboles clip ou graphique pour créer des éléments réutilisables d une animation à l autre. Les clips possèdent leur propre animation avec un scénario qui est lu indépendamment du scénario de l animation principale ; imaginez à l intérieur d une animation principale de petites animations pouvant contenir des éléments de contrôle interactifs, des sons, voire d autres occurrences de clip. Vous pouvez également placer des occurrences de clip dans le scénario d un symbole de bouton pour créer des boutons animés. Flash Professional 8 185

2 Chapitre 6 Utilisation des symboles Utilisez les symboles de police pour exporter une police et l utiliser dans d autres animations Flash. Les objets graphiques sont différents des objets ActionScript On parle aussi d objets de programmation. Ils font partie du langage de programmation de Flash : l ActionScript. 6.2 Création de symboles Vous pouvez créer un symbole à partir d une sélection d objets sur la scène ou créer un symbole vide et créer ou importer son contenu en mode d édition de symbole. Les symboles peuvent posséder toutes les fonctions que vous pouvez créer à l aide de Flash, notamment l animation. L utilisation de symboles dotés d animations permet de créer des animations avec beaucoup de mouvement tout en limitant la taille de fichier. Pensez à créer de l animation dans un symbole lorsque l action est répétitive ou cyclique, comme le mouvement des aiguilles d une horloge. Vous pouvez également ajouter des symboles à votre animation en utilisant des actifs de bibliothèque partagés à l exécution ou à la programmation. Consultez, plus loin, la section Utilisation des ressources d une bibliothèque partagée pour plus de renseignements sur la bibliothèque partagée. Conversion d un symbole La boîte de dialogue est intitulée Créer un symbole si vous créez un nouveau symbole et Convertir en symbole si vous convertissez un graphique en symbole. Pour convertir des éléments sélectionnés en symboles : 1. Sélectionnez un ou plusieurs éléments sur la scène et effectuez l une des opérations suivantes : 186 Flash Professional 8

3 Création de symboles Choisissez Insertion/Convertir en symbole. Faites glisser la sélection vers le panneau Bibliothèque. Cliquez du bouton droit et choisissez Convertir en symbole dans le menu contextuel. 2. Dans la boîte de dialogue Convertir en symbole, tapez le nom du symbole et choisissez Graphique, Bouton ou Clip comme comportement. 3. Pour Alignement, cliquez sur un carré du diagramme afin de placer le point d alignement du symbole. m Fig. 6.1 : Convertir en symbole 4. Cliquez sur OK. Flash ajoute le symbole à la bibliothèque. La sélection sur la scène devient une occurrence du symbole. Vous ne pouvez pas modifier une occurrence directement sur la scène, mais vous devez l ouvrir en mode d édition de symbole. Flash Professional 8 187

4 Chapitre 6 Utilisation des symboles Consultez la section Manipulation des symboles pour plus de renseignements sur la manipulation des symboles. Duplication des symboles La duplication d un symbole vous permet d utiliser un symbole existant comme point de départ pour la création d un nouveau symbole. Vous pouvez également utiliser des occurrences pour créer des versions aux apparences différentes du symbole. Consultez ci-dessous la section Création d occurrences pour plus de renseignements sur la création d occurrences. Dupliquons un symbole que vous avez créé précédemment. Prenons un élément que l on a rangé dans le panneau Bibliothèque. Cliquez du bouton droit puis sélectionnez Dupliquer dans le menu contextuel. Vous pouvez dupliquer un symbole depuis la bibliothèque directement. Pour cela, sélectionnez Dupliquer dans le menu d options de la bibliothèque. Lorsque vous arrivez à la fin de votre projet, supprimez les doublons. Vous garderez ainsi une bibliothèque bien rangée et utilisable par d autres utilisateurs Flash. 6.3 Création d occurrences Une fois que vous avez créé un symbole, vous pouvez créer des occurrences de ce symbole aux emplacements de votre choix dans votre document, voire dans d autres symboles. Lorsque vous modifiez le symbole, Flash met automatiquement à jour toutes ses occurrences. Flash affecte des noms par défaut aux occurrences de clip et de bouton au moment de leur création. L inspecteur des propriétés permet ensuite d attribuer des noms personnalisés aux différentes occurrences. Le nom ainsi attribué permet de désigner les occurrences d un même symbole 188 Flash Professional 8

5 Création d occurrences dans ActionScript. Il est impératif que le nom d une occurrence soit unique pour pouvoir la contrôler dans ActionScript. Consultez le chapitre Utilisation d ActionScript pour plus de renseignements sur le moyen de manipuler les objets à partir de l ActionScript. Nous allons créer une occurrence de symbole. Pour cela, sélectionnez un calque dans le scénario. Flash peut placer des occurrences dans les images clés uniquement, toujours sur le calque courant. Si vous ne sélectionnez pas d image clé, l occurrence sera ajoutée à la première image clé située à gauche de l image en cours. Image clé Une image clé est une image dans laquelle vous définissez les changements d un effet d animation. Consultez le chapitre L animation dans Flash/Animation/ Création d images clés pour plus de renseignements sur les images clés. 1. Sélectionnez Fenêtre/Bibliothèque pour ouvrir la bibliothèque. 2. Faites glisser le symbole de la bibliothèque jusqu à la scène. 3. Si vous avez créé une occurrence d un symbole graphique, sélectionnez Insertion/Scénario/Image pour ajouter le nombre d images contenant le symbole graphique. Maintenant, nous allons lui donner un nom pour pouvoir facilement le reconnaître par la suite. Pour affecter un nom à une occurrence : 1. Sélectionnez l occurrence sur la scène. 2. Sélectionnez Fenêtre/Propriétés si l inspecteur des propriétés n est pas visible. Flash Professional 8 189

6 Chapitre 6 Utilisation des symboles 3. Entrez un nom dans le champ Nom de l occurrence, du côté gauche de l inspecteur des propriétés (en dessous de la liste déroulante Comportement de symbole). Une fois l occurrence d un symbole créée, vous pouvez spécifier ses effets de couleur, lui affecter des actions, définir son mode d affichage graphique et changer son comportement dans l inspecteur des propriétés. Le comportement de l occurrence est, sauf indication contraire, identique au comportement du symbole. Toute modification effectuée affecte uniquement l occurrence, non le symbole. Consultez le chapitre Utilisation des symboles/modification des propriétés des occurrences pour plus de renseignements sur les symboles. 6.4 Création de boutons La navigation d un site se situe au niveau de la programmation des boutons, qui agissent comme des liens vers les différentes rubriques. Quand vous éditez un bouton, Flash le représente sous forme d un scénario avec quatre images. Les trois premières images affichent les trois différents états du bouton, et la quatrième définit la zone interactive du bouton. Le scénario d un bouton Le scénario d un bouton, bien que d apparence quasi identique au scénario de la scène principale ou d un clip, n est pas interprétable de la même façon. En effet, chaque image clé représente un des états du bouton. En aucun cas Flash ne lit ce scénario image par image. Pour rendre un bouton interactif dans une animation, placez une occurrence du symbole du bouton sur la scène et affectez-lui des actions. Attention, vous devez affecter les actions à l occurrence du bouton dans le document et non aux images dans le scénario du bouton. Pensez à séparer les actifs d une part et le code d autre part en les positionnant sur des calques différents. 190 Flash Professional 8