Ce tutoriel est écrit avec Adobe Flash CS6.
Présentation de l’interface :
L’interface d’Adobe Flash CS6 est constituée de menus, de panneaux et de barres d’outils.
L’espace de travail :
Par défaut l’espace de travail activé au démarrage du logiciel est Indispensables, cet espace convient pour travailler.
Vous pouvez changer d’espace de travail à l’aide du menu déroulant en haut à droite.
Vous pouvez également créer votre propre espace de travail, par ce même menu, après avoir modifié l’emplacement des panneaux.
Il est possible de masquer tous les panneaux, sauf la zone de travail par le menu ou touche F4
Les menus :
Les menus du programme se trouvent dans la barre de menus, tout en haut de l’interface.
N’hésitez pas à les visiter pour mémoriser progressivement leurs contenus. De nombreuses commandes possèdent des raccourcis clavier.
Le menu permet d’afficher tous les panneaux.
Principaux raccourcis clavier :
| Fichier Nouveau… Ctrl + N Ouvrir Ctrl + Alt + O Parcourir dans Bridge Ctrl + Alt + W Fermer Ctrl + O Fermer tout Ctrl + W Quitter Ctrl + Q |
| Modifier Copier Ctrl + C Rechercher… Ctrl + F Atteindre la ligne… Ctrl + G Sélectionner tout Ctrl + A Rechercher à nouveau F3 Préférences… Ctrl + U |
| Affichage Caractères masqués Ctrl + Maj + _ Retour à la ligne Ctrl + Maj + W Masquer les panneaux F4 |
| Déboguer Continuer Alt + F5 Pas à pas principal Alt + F7 Terminer la session de débogage Alt + F12 Sortir du pas à pas Alt + F8 Pas à pas détaillé Alt + F6 Basculer le point d’arrêt Ctrl + B Supprimer tous les points d’arrêt Ctrl + Maj + B |
| Fenêtre Scénario Ctrl + Alt + T Bibliothèque Ctrl + L ou F11 Comportements Maj + F3 Outils Ctrl + F2 Projet Maj + F8 Erreurs de compilation Alt + F2 Propriétés Ctrl + F3 Actions F9 |
| Panneaux de débogage Débogueur ActionScript 2.0 Maj + F4 Aligner Ctrl + K Transformer Ctrl + T Explorateur d’animations Alt + F3 Couleur Alt + Maj + F9 Composants Ctrl + F7 Sortie F2 Infos Ctrl + I Inspecteur de composants Maj + F7 Nuanciers Ctrl + F9 |
| Autres panneaux Accessibilité Alt + Maj + F11 Séquence Maj + F2 Services Web Ctrl + Maj + F10 Afficher l’historique Ctrl + F10 Chaînes Ctrl + F11 Masquer les panneaux F4 |
| Aide Aide de Flash F1 |
Panneau des outils :
|
Il est possible de personnaliser le contenu du panneau Outils, par le menu
La zone de travail :
Cette zone affichée par défaut, sert à afficher et construire l’animation.
Le panneau Scénario :
Ce panneau est le panneau principal pour construire l’animation. C’est dans ce panneau que l’on va animer les différents objets.
En haut à droite de ce panneau vous pouvez cliquer sur un menu qui permet de modifier l’affichage des images.
Ce panneau est vu en détails à la rubrique : Les éléments du panneau Scénario
Exemple de scénario pour une animation :
Le panneau Propriétés :
Ce panneau affiche les propriétés de l’objet sélectionné. Par défaut ce sont les propriétés d’animation qui sont affichées.
Dans la zone Publier on peut lire la version de Flash et le langage associé, ces informations sont également accessible par le menu ou les touches Ctrl + Maj + F12.
En bas du panneau, dans la zone Propriétés se trouvent des informations concernant : Taille, Couleur ou Cadence.
Attention, redimensionner une animation à partir de ce panneau ne change pas la taille, ni la position, des objets déjà déposés dans cette animation.
Il faut dans ce cas tout repositionner dans la fenêtre de l’animation.
Le panneau Bibliothèque :
Pour accéder à ce panneau il faut cliquer sur son onglet, à coté du panneau Propriétés, de façon à le faire venir au premier-plan.
La Bibliothèque est vide au démarrage d’une nouvelle animation. On remplit la Bibliothèque soit par le menu .
Les éléments ajoutés dans la Bibliothèque servent à créer l’animation.
Pour ajouter un élément dans la zone de travail, on le déplace avec le pointeur de la souris, à partir de la Bibliothèque.
La barre d’outils Principale :
Cette barre d’outil n’est pas affichée par défaut, pour l’afficher passer par le menu .
Cette barre contient des icônes classiques qu’on trouve dans beaucoup de programmes, comme par exemple Nouveau document, Ouvrir ou Imprimer, mais aussi des commandes spécifiques à Flash, sur sa partie droite.
Le panneau Actions :
Ce panneau s’affiche par le menu ou touche F9
C’est dans ce panneau que sera ajouté le code AS (Actions Script) pour faire fonctionner l’animation.
Exemple de code dans le panneau Actions :
Insérer un symbole :
Un Symbole est un élément sur lequel on donne une action ou une instruction.
Pour insérer un Symbole utiliser le menu ou les touches Ctrl + F8
Les éléments du panneau Scénario :
Les calques :
Un peu à la manière des dessins animés d’autrefois, les objets de l’animation sont déposés sur des calques (transparents), empilés les uns sur les autres, verticalement.
Les calques se trouvent sur la gauche du panneau Scénario, dans une colonne.
Un calque est dit actif lorsqu’il est sélectionné. Vous ne pouvez activer qu’un seul calque à la fois, par contre vous pouvez en sélectionner plusieurs en même temps.
La partie droite du panneau est nommée ligne de temps.
À chaque calque de l’animation dans la partie gauche, correspond une ligne de temps horizontale dans la partie droite. Cette ligne peut contenir des images, clés ou non.
Il existe 4 types de calques différents, aux propriétés distinctes : les calques simples, les calques guides, les calques de masque et les calques masqués,
auxquels s’ajoutent les calques contenant une interpolation de mouvement et les calques contenant des squelettes !
Les calques peuvent être visibles ou non, verrouillés ou non, et le tracé des objets dessinés peut apparaître en fils de fer de couleurs différentes.
Il est possible de créer des dossiers de calque où l’on peut placer un ou plusieurs calques. Un dossier ne contient rien sur sa ligne de temps.
On peut ouvrir ou fermer un dossier, mais on ne peut pas modifier un calque si son dossier est fermé.
Ligne de temps :
Dans le panneau Scénario, sur la partie droite se trouve une ligne de temps. C’est là que vous pouvez définir la notion de temps et de durée de votre animation ou de vos symboles.
La ligne de temps est constituée d’images, les cases dans la partie droite du panneau Scénario.
La tête de lecture :
La tête de lecture est une barre verticale rouge, qui se déplace le long du scénario, elle représente la position en cours de lecture.
Il est possible de déplacer la tête de lecture manuellement, ce qui fait apparaître l’image correspondante de la scène, dans le panneau de la zone de travail.
Les images :
Les images représentent une fraction de temps, sur la ligne de temps, la durée d’une image varie en fonction du débit choisi, dans le scénario (l’animation).
C’est dans ces images que vous allez créer et personnaliser tous les éléments d’une animation.
Comme pour un dessin animé, il est possible d’insérer dans les images (petites cases), des tracés pour créer les étapes d’un mouvement ou d’une animation.
Attention : une case image ne correspond pas à une seconde, sauf si la cadence est fixée à 1 image/seconde.
Image-clé :
Une image-clé est une image sur la ligne de temps, sur laquelle vous allez créer un évènement pour l’animation (1), elle peut être vide ou pleine.
Une image-clé contenant un tracé ou un symbole est représentée avec un petit cercle noir dans sa case (2).
De plus, si l’option Images teintées est choisie pour la fenêtre du Scénario, dès qu’une image contient un objet, le fond de sa case se colore en gris.
Barre d’état du panneau Scénario :
Cette barre d’état affiche à la fois des informations et des icônes, avec en particulier le mode Pelure d’oignon.
Mode pelure d’oignon :
En général, une seule image de la séquence d’animation est affichée sur la scène à la fois. Cependant, vous pouvez afficher deux ou plusieurs images à la fois sur la scène pour vous aider à positionner et modifier une animation image par image.
L’image qui se trouve sous la tête de lecture apparaît en couleur alors que les images environnantes sont estompées, ce qui donne l’impression que chaque image a été dessinée sur une feuille de pelure d’oignon transparent et que ces feuilles ont été empilées les unes sur les autres. Les images estompées ne peuvent pas être modifiées. (extrait du PDF Adobe Flash CS6).
Manipulation des calques et des dossiers :
Création d’un calque :
Pour créer un nouveau calque, il faut cliquer sur l’icône Ajouter un calque en bas du panneau Scénario ou utiliser le menu .
Pour chaque nouveau calque, une image-clé vide est automatiquement créée et apparaît sur la ligne de temps.
Un nouveau calque ajouté se positionne au dessus du calque précédemment sélectionné.
Nommer ou renommer les calques :
Pour la gestion des animations, il est conseillé de nommer les calques. On peut nommer les calques de plusieurs façons, la plus rapide étant de faire un double-clic sur le nom du calque.
On peut également modifier le nom d’un calque en faisant un double-clic sur le petit symbole présent à gauche du nom du calque.
Cette icône permet d’afficher les Propriétés du calque. On peut aussi passer par le menu
Déplacer un calque :
Pour déplacer un calque et donc modifier l’ordre dans la pile (verticalement), il suffit de le déplacer avec le pointeur de la souris, puis de le lâcher à l’emplacement voulu.
Une barre noire apparait pour matérialiser la position.
Supprimer un calque :
Pour supprimer un calque, sélectionner le calque et cliquer sur l’icône de la Corbeille, en bas du panneau.
Vous pouvez annuler si vous n’avez pas supprimé le bon calque, par le menu ou les touches Ctrl + Z
Verrouiller un calque :
Un fois le travail terminé sur un calque, il est préférable de le verrouiller, ce n’est pas obligatoire mais cela évite de le modifier par erreur.
Pour verrouiller il suffit de sélectionner le calque et de cliquer sur l’icône en forme de Cadenas sur sa ligne, pour déverrouiller cliquer à nouveau sur l’icône.
Dans l’exemple ci-contre, les calques 8 et Personnage sont verrouillés, on voit l’icône cadenas, il n’est donc pas possible de les modifier.
L’icône Crayon sert à modifier le calque, mais un Crayon barré sur le calque sélectionné confirme le verrouillage du calque.
Il est possible de verrouiller d’un seul clic, tous les calques d’une scène (ou d’un symbole) en cliquant directement sur le cadenas qui se trouve au dessus des calques, tout en haut. Re-cliquer pour tout déverrouiller.
Masquer un calque :
Il est possible de masquer un ou plusieurs calques, c’est à dire de ne pas les afficher.
Pour masquer un calque, cliquer sur l’icône Œil au dessus de la ligne du calque, cela fait apparaitre une croix rouge,
Pour faire apparaître, cliquer au même endroit sur la croix rouge
Il n’est pas possible de modifier un calque masqué.
Dans l’exemple ci-contre, les calques 1 et 2 sont masqués, les calques 1 et 3 sont verrouillés et le calque 4 est le calque actif (celui sélectionné).
Il est possible de masquer tous les calques en même temps, pour cela cliquer sur l’icône Œil au dessus de tous les calques, ou re-cliquer pour les faire apparaître.
Les dossiers :
Les dossiers servent à rassembler plusieurs calques ensembles.
Pour créer un dossier, utiliser l’icône en bas du panneau. Le dossier créé vient se placer au dessus du calque ou du dossier sélectionné.
Pour déplacer un calque dans un dossier, il suffit de déplacer le calque à l’aide du pointeur de la souris et de le lâcher sur la ligne du dossier désiré.
Pour sortir un calque d’un dossier, on fait l’inverse et on lâche le calque à l’extérieur, une barre de position apparaît.
Les dossiers sont également verrouillables, dans ce cas tous les calques contenus dans le dossier seront verrouillés.
Aide officielle Adobe
Vous pouvez accéder directement à l’aide officielle sur le site Adobe : ► Aide Adobe Flash CS6 Fr
Vous pouvez télécharger le manuel en .pdf de Flash CS6, faire un clic droit sur Manuel de Flash CS5-CS6 (PDF 10 Mo) et choisir Enregistrer la cible sous…
Ce tutoriel a été réécrit avec l’autorisation de son auteur.
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Photoshoplus ©
