À propos de l'animation la plus simple en Flash. Comment créer une animation flash Changer l'ordre des scènes

Nous rencontrons constamment des animations flash – sur Internet et à la télévision. Créer une animation Flash simple à l'aide de la technologie Flash est une tâche assez simple car Flash offre de nombreux outils utiles qui facilitent l'ensemble du processus. Si vous souhaitez créer une animation flash ou un dessin animé, vous pouvez l'esquisser en quelques heures seulement.

Mesures

Partie 1

Bases de l'animation stop-motion. Cette méthode est considérée comme la principale méthode de création d'animation « traditionnelle », dans laquelle chaque image suivante comprend la même image, mais légèrement modifiée. Lorsque toutes les images sont lues, l'image « prend vie ». Il s’agit de la même méthode utilisée par les animateurs de dessins animés dessinés à la main et prend plus de temps que le jumelage (voir section suivante).

• Par défaut, Flash joue à 24 images par seconde (FPS). Cela signifie que 24 images seront affichées en une seconde, mais elles ne doivent pas nécessairement toutes être différentes. Vous pouvez modifier ce paramètre (si vous le souhaitez) à 12 ips, mais à 24 ips, l'animation sera plus fluide.

1. Installez Flash Professionnel. Il existe de nombreux programmes permettant de créer des animations Flash, mais le plus puissant est Adobe Flash CC professionnel. Vous pouvez installer gratuitement version d'essai ce programme ou utilisez un autre produit (si vous ne souhaitez pas vous inscrire à Adobe Creative Cloud). Le reste de cet article décrit comment utiliser Flash Professional.

   Étant donné que l’animation image par image nécessite plusieurs images (légèrement différentes les unes des autres), vous devez créer ces images manuellement.

   • Pour ce faire, utilisez Adobe Flash Professional ou dessinez des images dans n'importe quel éditeur graphique. Si vous souhaitez que vos images soient facilement redimensionnées sans perte de qualité, créez vos images en vecteur plutôt qu'en. graphiques raster Images vectorielles

2. se redessineront au fur et à mesure de leur redimensionnement (ce qui signifie que vous éviterez la pixellisation ou l'anticrénelage). Les images raster sont des images traditionnelles, telles que des photographies, des images dessinées, etc. Si vous essayez d’agrandir de telles images, vous obtiendrez une image très déformée. La première fois que vous lancez Adobe Flash Professional, vous verrez un canevas vierge (calque) et une chronologie vierge. Au fur et à mesure que des images sont ajoutées, la chronologie se remplira automatiquement. Vous pouvez travailler avec des calques comme vous le faites dans Photoshop.

   • Avant d'ajouter une image, créez un arrière-plan de base pour votre animation. Renommez "Couche 1" en "Arrière-plan", puis épinglez-le. Créez un deuxième calque et nommez-le comme vous le souhaitez. Ce sera le calque sur lequel vous créerez l'animation.
   • Ajoutez un dessin à la première toile du cadre. Vous pouvez importer le dessin depuis votre ordinateur ou utiliser les outils de dessin pour créer le dessin directement dans le programme.
   • La première image est l’image « clé ». Une image clé est une image qui contient une image et constitue l’épine dorsale d’une animation. Vous créerez une nouvelle image clé à chaque fois que vous modifierez l’image.
   • Les images clés de la timeline sont indiquées par un point noir.
   • Vous n'avez pas besoin d'une image clé sur chaque image suivante. Créez une image clé toutes les quatre à cinq images pour créer une bonne animation.

3. Convertissez l'image en symbole. Dans ce cas, vous pouvez ajouter l'image au cadre plusieurs fois. Ceci est particulièrement utile si vous devez ajouter rapidement plusieurs images similaires dans un seul cadre (par exemple, un poisson dans un aquarium).

   • Sélectionnez le dessin. Cliquez clic droit passez la souris sur le dessin et sélectionnez « Convertir en symbole ». L'image sera ajoutée à la bibliothèque, ce qui facilitera son utilisation à l'avenir.
   • Supprimez le dessin. Ne vous inquiétez pas, vous pouvez l'ajouter à votre cadre en le faisant simplement glisser depuis la bibliothèque. De cette façon, vous pouvez ajouter plusieurs fois le même dessin à un cadre.

4. Ajoutez des cadres vides. Une fois votre première image clé prête, insérez des images vierges, puis commencez à créer votre deuxième image clé. Appuyez sur F5 (quatre ou cinq fois) pour ajouter des images vides après la première image clé.

   Créez une deuxième image clé (après avoir ajouté des images vides). Il y en a deux différentes manières pour ce faire : vous pouvez copier une image clé existante et y apporter de petites modifications, ou vous pouvez créer une image clé vide et y ajouter une nouvelle image. Si vous utilisez un dessin créé dans un autre programme, utilisez la deuxième méthode. Si vous insérez une image créée à l'aide des outils de dessin d'Adobe Flash Professional, utilisez la première méthode.

   • Pour créer une image clé en utilisant le contenu de l’image clé précédente, appuyez sur F6. Pour créer une image clé vierge, cliquez avec le bouton droit sur la dernière image de la timeline et sélectionnez Insérer une image clé vierge.
   • Une fois que vous avez créé la deuxième image clé, vous devez apporter des modifications à son image pour donner vie à l'animation. Si vous avez utilisé les outils de dessin d'Adobe Flash Professional, sélectionnez l'outil Transformation pour sélectionner un élément de votre dessin (comme la main d'un personnage) et le modifier.
   • Si vous insérez une nouvelle image à chaque image clé, assurez-vous qu'elle est au bon endroit (selon la séquence logique des images).

5. Répétez le processus. Après avoir créé deux images clés, répétez le processus : ajoutez quelques images vierges entre chaque image clé et assurez-vous que l'animation est fluide.

   • Faites de petits changements. Plus les changements sont petits (plus subtils), plus l’animation sera fluide. Par exemple, si vous souhaitez qu'un personnage lève la main, la deuxième image clé ne doit pas inclure de dessin du personnage avec la main déjà levée. Utilisez plutôt plusieurs images clés pour passer d’une main baissée à une main levée. Dans ce cas, l’animation sera plus fluide.

6. Transformez le dessin. Si vous avez créé des images clés et un chemin, vous pouvez transformer l'image pour qu'elle change en douceur à mesure que vous vous déplacez le long du chemin de l'interpolation. Vous pouvez modifier la forme, la couleur, l'inclinaison, la taille et tout autre aspect de l'image.

   • Sélectionnez un cadre dans lequel le dessin sera transformé.
   • Ouvrez le panneau des propriétés du dessin. Pour ce faire, appuyez sur F3.
   • Modifiez les paramètres dans la fenêtre des propriétés du dessin. Par exemple, vous pouvez modifier la teinte ou la couleur, ajouter des filtres, modifier la taille.
   • Vous pouvez également utiliser l'outil Free Transform pour modifier le dessin comme bon vous semble.

7. Ajoutez la touche finale. Testez l'animation créée en appuyant sur Ctrl + Entrée. Assurez-vous que le dessin (personnage) change correctement et que l'animation est jouée à la bonne vitesse. Si l'animation est jouée trop vite, réduisez la valeur FPS ou augmentez la durée de l'interpolation.

   • Le FPS par défaut est de 24, essayez donc de réduire cette valeur à 12. Modifiez la valeur FPS dans le panneau des propriétés. Cependant, à FPS = 12, l'animation peut ne pas être suffisamment fluide.
   • Pour modifier la durée d'une interpolation, sélectionnez le calque contenant l'interpolation et utilisez le curseur pour modifier la durée de l'interpolation. Si vous souhaitez doubler la durée du jumeau, déplacez le curseur sur 48 images. Pensez à insérer le fond dans les frames vides afin que le fond ne disparaisse pas au milieu de l'animation. Pour ce faire, sélectionnez le calque d'arrière-plan, cliquez sur la dernière image de l'animation (sur la timeline), puis appuyez sur F5.

Partie 3

1. Enregistrer ou télécharger bruitage et la musique. Vous pouvez ajouter des effets sonores à votre animation pour la rendre plus percutante. La musique rend l’animation plus excitante et peut transformer une bonne animation en une excellente. Prise en charge de Flash divers formats fichiers audio, notamment AAC, MP3, WAV et AU. Choisissez un format qui garantit haute qualité son avec une taille de fichier minimale.

   • Le format MP3 garantit une qualité sonore élevée avec une taille de fichier minimale. Les fichiers WAV sont de grande taille.

2. Importez des fichiers audio dans la bibliothèque pour ajouter rapidement des sons et de la musique à vos animations. Cliquez sur "Fichier" - "Importer" - "Importer dans la bibliothèque". Localisez le fichier audio sur votre ordinateur. Assurez-vous que le fichier audio porte un nom facile à retenir afin de pouvoir le retrouver rapidement.

   Créez un nouveau calque pour chaque fichier audio. Ceci est facultatif et vous pouvez ajouter de l'audio aux calques existants, mais coller le fichier audio sur un calque séparé vous donnera plus de contrôle. bande sonore animation.

   Créez une image clé qui lancera la lecture audio. Sur le calque son, sélectionnez l'image d'animation à partir de laquelle le son commencera à être joué. Appuyez sur F7 pour insérer une image clé vide. Par exemple, si vous souhaitez insérer un fichier audio qui sera lu tout au long de l'animation, sélectionnez la première image sur le calque du fichier audio. Si vous ajoutez la voix d'un personnage, choisissez un plan où le personnage commence à parler.

Vous êtes-vous déjà demandé ce qui se cache derrière la belle animation des bannières sur Internet ? Ou les dessins animés inédits créés à l’aide de la technologie informatique ? Le plus souvent, ils sont basés sur la « chair », ou plus précisément, c'est ainsi que le nom de la technologie Flash est traduit de l'anglais. Aujourd'hui, nous allons parler de l'animation flash pour le site internet :

Technologie Flash

Le cadre multimédia a été développé par Macromedia. Mais après son absorption (fusion), tous les droits sur la technologie ont été transférés au nouveau propriétaire - Adobe Systems.

Domaine d'application moderne d'Adobe Flash :

• La création d'applications Web est une direction relativement nouvelle. Implique l'utilisation totale ou partielle de Flash pour créer des sites Web. Lorsqu'elle est partiellement appliquée, cette technologie crée éléments individuels design : divers menus interactifs, boutons animés, etc.

Par rapport aux ressources HTML conventionnelles, les sites Flash possèdent certaines fonctionnalités qui limitent leur utilisation. Ceux-ci incluent le coût élevé du développement, les demandes en ressources du serveur, pendant longtemps téléchargements sur une connexion Internet lente et quelques autres aspects :

• Mise en œuvre de capacités multimédias - pour écouter de l'audio et lire des vidéos sur des sites Web, des lecteurs multimédias créés sur la base de Flash sont souvent utilisés. Leur développement inclut l'utilisation de l'un des langages de script (généralement JavaScript) :

• Dans la publicité en ligne, la technologie est le plus souvent utilisée pour créer des bannières animées. Ils impliquent non seulement la diffusion de publicités multimédias, mais également une sorte d'interaction avec l'utilisateur sur une base ludique.

Bases et outils de développement Flash

Pour créer une animation flash, les outils traditionnels d'Adobe sont le plus souvent utilisés :

• Adobe Flash Professional – un programme pour créer une animation interactive (animateur) ;
• Adobe Flash Builder – un environnement pour créer des interfaces d'applications Web ;
• Adobe Flash Player est un lecteur intégré au navigateur pour lire Flash.

En plus de cela, un certain nombre d'appareils peuvent lire du contenu multimédia de ce type. applications tierces. Les plus populaires sont Gnash, QuickTime et quelques autres :

Cette technologie permet d'afficher tout type de graphiques ( raster, vecteur, 3D). Il prend également en charge le relais en continu des données audio et vidéo. Surtout pour appareils mobiles un poids léger Version Flash Léger.

Le principal standard pour les fichiers Flash est l'extension SWF. L'abréviation signifie Petit Format Web. La vidéo enregistrée en Flash porte les extensions de fichier FLV, F4V.

Le développement de l'animation interactive en Flash s'appuie sur graphiques vectoriels. C'est grâce à cela qu'il a été possible de mettre en œuvre le support d'une plateforme multimédia et l'indépendance de la qualité d'animation par rapport à la résolution de l'écran.

La taille du fichier de l'application Flash est la même pour tous les utilisateurs, quel que soit leur caractéristiques techniquesécran (résolution).

L'animation interactive dans Flash est basée sur le morphing (type vectoriel), dans lequel il y a un flux lent entre les images clés. Pour lire les données, on utilise un lecteur Flash dont le fonctionnement est à bien des égards similaire à celui de machine virtuelle JavaScript. Le composant logiciel de la technologie est implémenté à l'aide du langage ActionScript.

Les inconvénients de la technologie incluent les points suivants :

• Charge importante sur le processeur central de la machine client. Cela est dû à la faible efficacité de la machine virtuelle Flash, qui est intégrée au navigateur de l'utilisateur avec le lecteur ;
• Forte probabilité d'erreurs - la lecture d'une animation Flash peut se produire avec une forte probabilité d'erreurs. De plus, les échecs de lecture Flash affectent négativement le fonctionnement de l'ensemble de l'application client (navigateur). Cela est dû à un contrôle de tolérance aux pannes insuffisant code de programme lors de la création d'applications flash ;
• Échec de l'indexation - Tout le contenu textuel affiché dans le contenu Flash n'est pas indexé. Cette limitation est particulièrement problématique pour les ressources créées sur la base de cette technologie.

Revue des logiciels de création Flash tiers

Sothink SWF Quicker a été considéré comme une application prototype sur laquelle nous démontrerons les bases de la création de Flash. Selon de nombreux professionnels, le programme est le plus compréhensible et le plus simple à apprendre.

En plus de créer et d'éditer, l'éditeur flash « peut » fonctionner avec tous les autres types d'animation web (GIF, HTML et autres standards) :

Après l'installation, accédez à l'interface conviviale du programme. Malheureusement, après avoir parcouru tous les coins et recoins, nous n'avons pas trouvé de commutateur de langue d'interface.

Afin de comprendre comment créer une animation flash dans cette application, nous utiliserons les modèles intégrés. La boîte de dialogue « Nouveau à partir d'un modèle » apparaît immédiatement après le démarrage du programme. De plus, il peut être appelé via l'élément du menu principal "Fichier". Parmi les options proposées, nous avons choisi de créer une bannière :

Dans la fenêtre suivante de l'assistant, dans la liste déroulante, vous devez sélectionner un modèle sur la base duquel l'animation sera créée. En dessous se trouve un petit cadre dans lequel le modèle sélectionné est joué :

Dans les étapes suivantes, vous devez définir les dimensions de la bannière et saisir 5 phrases de texte qui seront jouées dans l'animation. De plus, il est nécessaire d'indiquer l'adresse de la ressource vers laquelle l'utilisateur sera dirigé en cliquant sur le bandeau :

Après avoir compilé le projet et fermé la fenêtre de l'assistant, vous pouvez visualiser la vidéo résultante dans le lecteur intégré. Pour cela, cliquez sur la flèche verte en haut :

Après avoir fermé le lecteur, regardons de plus près l'interface de l'application. Veuillez noter qu'il se compose de deux fenêtres principales : celle du haut sert à éditer la période de temps de la vidéo et celle du bas est une fenêtre normale. éditeur graphique. Chacun des éléments est situé sur un calque séparé, qui peut être modifié à l'aide des outils standards situés sur la barre latérale.

Ouvrez FlashMX.
Devant nous se trouvent notre scène de travail, notre menu, notre barre d'outils, etc. En bas, il y a une fenêtre comme celle-ci : Propriétés. Il y a les principaux paramètres de votre dessin animé (Fig. 1).
Nous nous intéressons au FRAME RATE - la vitesse de défilement de votre dessin animé. Sinon, 12 fps signifie que 12 images de votre dessin animé seront lues en une seconde. Cette vitesse est standard et, en principe, ce qui est nécessaire. Si vous devez ralentir votre dessin, réduisez-le ; si vous devez le rendre plus rapide, augmentez ce nombre.

Passons maintenant à l'animation elle-même.
Il existe deux méthodes principales en Flash : l’interpolation de forme et l’interpolation de mouvement.
Regardons le premier. Forme - formulaire (anglais). Vous comprenez déjà qu'il s'agit ici de changer de forme. Nous créons une certaine forme, par exemple un carré bleu. En haut, dans la timeline, sur la première image, un cercle apparaîtra sur fond gris - nous avons créé une image clé. Créons maintenant le même cadre dans le 10ème cadre. Cela peut être fait de deux manières : pointez la souris sur l'image 10, cliquez (le cadre devient bleu) et dans le menu sélectionnez séquentiellement : Insertion->image clé ; sinon vous pouvez : pointer sur l'image 10, cliquer, appuyer sur F6. Dans la chronologie, les 10 images sont grises. La ligne rouge montre sur quelle image nous nous trouvons. (Fig.2)

Passons à l'image 10. Nous sélectionnons notre carré (avec la souris ou en appuyant sur ctrl+A - cette combinaison de touches sélectionne tout ce qui se trouve dans notre zone de travail). Déplacez notre carré quelque part sur le côté (assurez-vous que vous êtes dans le 10ème cadre !) et changez la couleur en jaune, par exemple. Revenons maintenant à la première image. Dans la ligne Propriétés, il y a une sélection Tween, où l'attribut par défaut est "aucun". Autrement dit, pas d'animation. Changez-le en "forme". Dans la timeline, nos cadres prennent une couleur vert clair avec une flèche. Lorsque tout est terminé, appuyez sur "Entrée". BEAUTÉ! Le carré bouge et change même de couleur ! Revenons à l'image 10. Sélectionnez tout (ctrl+A). Et appuyez sur la touche Suppr (c'est-à-dire Supprimer). A la place du carré, dessinez un petit cercle rouge. Revenez à la première image et appuyez sur Entrée. Le carré se transforme maintenant en cercle et en rouge. Vous avez déjà réalisé que vous n'avez pas besoin de dessiner chaque image - Flash le fera pour vous ! Bien que si vous avez besoin d'une précision particulière ou quelque chose du genre, vous pouvez la dessiner. alors la taille du fichier augmentera. Si vous avez besoin d'une transition plus douce d'un carré à, par exemple, un cercle, effectuez ce processus non pas pour 10, mais, disons, pour 25 images. Si vous avez besoin de mouvements et de mouvements plus complexes, il existe des masques de calque pour cela, mais nous en parlerons davantage la prochaine fois. La figure 3 montre à quoi ressemble votre animation sur une chronologie. Vous pouvez désormais dessiner un film simple avec des changements de forme !

Examinons maintenant la deuxième façon de définir une animation : l'interpolation de mouvement (traduction de quelque chose comme : construire une animation de mouvement intermédiaire). Ici, ce sera un peu plus compliqué. Réouverture nouveau fichier flush.
Quelle est la différence entre la forme et le mouvement ? Le fait que dans le second cas nous travaillerons non pas sur des formes, mais sur des objets prêts à l'emploi, c'est-à-dire symboles. Un symbole est, pour ainsi dire, l’unité d’animation la plus simple dans Flash. C'est une façon plus courante de dessiner. Nous répétons tout - dans le premier cadre, nous dessinons un carré bleu. sélectionnez-le et appuyez sur F8 (ou exécutez séquentiellement : Insérer->convertir en symbole). Une boîte de dialogue apparaît devant nous (Fig. 4).

Qu'est-ce que c'est? Il existe trois types de symboles dans Flash : un clip vidéo est une sorte d'animation supplémentaire à l'intérieur d'un symbole. c'est-à-dire que ce symbole contient une sorte d'animation, etc. a exactement la même chronologie que la scène principale ; bouton (bouton) - un élément qui répond à la pression, à la présence d'une souris dessus, etc. Bref, il y a un bouton ; et le troisième élément, le plus statique – graphique. C'est-à-dire juste des graphiques, une sorte d'image. Nous travaillerons avec ce dernier. Nous appelons cela quelque chose, cliquez sur « OK ». Un cercle apparaît sur le carré - sinon, le centre de notre symbole (le centre peut également être défini dans cette boîte de dialogue). Tous nos symboles sont entrés dans la bibliothèque. À partir de là, nous pouvons les modifier, les insérer si nécessaire et, là où ce n'est pas le cas, les supprimer, les ajouter. Pour consulter votre bibliothèque, appuyez sur F11 ou suivez les étapes : Fenêtre -> Bibliothèque. Dans la 10ème image, nous créerons une image clé (F6). Nous pouvons maintenant déplacer notre carré quelque part. Rendons-le ensuite invisible : pour cela, sélectionnez-le dans la 10ème image. Dans le panneau des propriétés, dans la section couleur, définissez alpha (transparence). Fixons-lui l'attribut en pourcentage : 0. Revenons à la 1ère image. Effectuons les mêmes étapes que pour l'interpolation de forme, mais au lieu de la forme, nous marquerons le mouvement. Les images de la ligne temporelle deviendront violettes et une flèche les traversera, comme le montre la Fig. 5. Appuyez sur Entrée.

Nous obtiendrons l’effet « d’un carré volant dans le vide ». Félicitations! Vous savez créer des graphiques primitifs en Flash !
Une autre caractéristique importante est que pour chaque animation, nous devons avoir un calque séparé (Layer). Si vous devez ajouter un autre calque, utilisez la commande : Insérer->Couche.
Et juste un peu sur la chronologie.
Comme vous l'avez déjà compris - vert clair avec une flèche - interpolation de forme, violet avec une flèche - interpolation de mouvement. Vert clair ou violet avec des lignes - vous avez spécifié une animation, mais cette animation ne peut pas être créée - vous avez fait quelque chose de mal. Couleur grise - toutes les images avec cet ombrage sont une copie exacte de l'image clé précédente. Une ligne blanche signifie qu'il n'y a rien dans ces cadres. Le cercle noir est une image clé. Le cercle blanc est une image clé vierge. Eh bien, cela semble être le cas. (Fig.6)

C'est tout pour l'instant. C'est le minimum avec lequel vous pouvez travailler. Ensuite, apprenez à ajouter du son, à contrôler le son, puis à écrire Masyanya. :) Je promets que j'écrirai certainement bientôt une autre leçon - sur l'animation avancée en Flash. Sur la façon de faire « tomber une plume », sur les masques, sur le contrôle du changement de forme lors de l’interpolation de forme. Ensuite, j’écrirai autre chose.
Si cela a aidé quelqu'un, dites merci à l'ensemble du site FLASHER.RU. C'est ce qu'il y a de mieux sur le net.
J'étais content et content de manger ! Si vous avez des questions, rendez-vous sur le forum ou : [email protégé]
(c) de Saint Dimitryi alias Nirva à Flasher.ru
http://flasher.ru

Utiliser des scènes

Comme vous le savez, Flash permet de créer des films assez complexes pouvant contenir des éléments interactifs, des animations, des clips, etc. Naturellement, il est nécessaire de stocker et de rechercher divers éléments du film. Si vous travaillez sur un projet vaste et complexe, il est logique de le diviser en plusieurs morceaux gérables, chacun contenant une séquence spécifique d'événements (animation, interaction utilisateur, etc.). Cela rendra le travail beaucoup plus facile. Le rôle de ces fragments dans les films Flash est joué par les scènes. Ce sont des films miniatures logiquement complétés, qui forment ensemble un seul film Flash. Lors de la création de grands projets, l’utilisation de scènes peut faire gagner beaucoup de temps.

Qu'est-ce qu'une scène

La création d'une scène est une technique efficace qui permet de diviser un projet spécifique en fragments distincts gérables. Chaque scène, comme déjà mentionné, est un film miniature. Le nombre de scènes de film Flash utilisées est limité uniquement par la capacité de mémoire de l'ordinateur. Les scènes sont jouées séquentiellement, dans l'ordre spécifié dans le panneau Scène et, étant indépendantes, elles sont en même temps étroitement interconnectées. Il n'y a jamais de retard notable entre eux pendant la lecture. Les possibilités d'utilisation des scènes sont variées et presque illimitées. Par exemple, lorsque vous travaillez sur un projet de site Web, vous pouvez implémenter des sections et sous-sections sous forme de scènes. DANS dernièrement Les courts métrages d'animation Flash, dont le contenu peut être divisé en parties logiques à travers des scènes, sont de plus en plus populaires sur Internet.

Panneau de scène

La liste des scènes contenues dans un film est accessible à l'aide du panneau Scène.

activé), qui s'ouvre lorsque vous appelez la commande Fenêtre\u003e Panneaux de conception\u003e Scène (Fenêtre\u003e Panneaux de conception\u003e Scène). Ce panneau vous permet d'afficher une liste des scènes disponibles

et établissez l'ordre de leur lecture dans le film - il est déterminé par l'ordre des scènes dans la liste. De plus, à l'aide du panneau Scène, vous pouvez dupliquer, ajouter, supprimer et déplacer des scènes dans la liste.

Le menu Options du panneau Scène ne contient que trois commandes : Agrandir le panneau, Fermer le panneau et Aide.

Panneau de scène

Panneau d'édition

Le panneau d'édition est situé au-dessus de la chronologie, sous le menu principal du programme. Pour ouvrir le panneau, utilisez la commande Fenêtre > Barres d'outils > Modifier. Vous avez déjà utilisé ce panneau lorsque vous travailliez dans la fenêtre Editeur de symboles pour quitter le mode d'édition de symboles (voir Chapitre 6). Dans cette section, nous parlerons de fonctionnalité Modifier les panneaux liés à l'utilisation des scènes.

Le panneau Edit contient le nom de la scène actuelle (dans la figure, la scène actuelle est la scène 2). Vous pouvez passer à une autre scène à l'aide du bouton Modifier la scène situé sur le côté droit du panneau d'édition, et le nom de la scène sélectionnée sera affiché dans la ligne. La fonctionnalité du bouton Modifier la scène est décrite dans la section « Passage d'une scène à l'autre ».

Menu du bouton Modifier la scène

Créer et manipuler des scènes

Comme déjà mentionné, le panneau Scène, qui s'ouvre à l'aide de la commande Fenêtre > Panneaux de conception > Scène, est conçu pour travailler avec des scènes. Dans cette section, vous apprendrez comment utiliser ce panneau pour ajouter, dupliquer, renommer des scènes et modifier leur ordre.

Ajouter une scène

À mesure que la complexité d'un projet augmente, vous devrez constamment ajouter de nouvelles scènes pour distribuer des éléments logiques de son contenu. Vous pouvez le faire en utilisant le panneau Scène. Pour ajouter une scène, procédez comme suit :

Assurez-vous que le document requis est ouvert. Sélectionnez Fenêtre > Panneaux de conception > Scène pour ouvrir le panneau Scène.

Cliquez sur le bouton Ajouter une scène, situé dans le coin inférieur droit du panneau, ou appelez la commande Scène depuis le menu Insertion. Après ces actions, le nom de la nouvelle scène apparaîtra dans la fenêtre du panneau Scène. Par défaut, chaque nouvelle scène se voit attribuer un nom avec un numéro de séquence, qui est un de plus que le nom de la scène sélectionnée sur à l'heure actuelle(par exemple scène 1, scène 2, etc.). Le nom est placé en conséquence dans la liste.

Sélectionnez une nouvelle scène dans le panneau Scène et créez son contenu. Lorsque vous créez une nouvelle scène, Flash y bascule automatiquement.

Liste des scènes dans le panneau Scène

Supprimer une scène

Vous pouvez supprimer une scène de cette façon.

Ouvrez le panneau Scène en appelant Fenêtre > Panneaux de conception > Scène. Sélectionnez la scène que vous souhaitez supprimer.

Cliquez sur le bouton Supprimer la scène situé dans le coin inférieur droit du panneau. Pour confirmer la suppression de la scène, cliquez sur le bouton OK dans la boîte de dialogue qui s'ouvre.

Duplication de scène

Dans les chapitres précédents, nous avons déjà parlé de la création de doublons de divers éléments. Lorsqu'il s'agit de copier une animation, et surtout un projet complexe avec un grand nombre de scènes, ce processus serait assez fastidieux sans la fonction de duplication, qui vous permet de créer des copies exactes de n'importe quelle scène en appuyant sur un seul bouton.

Ouvrez le panneau Scène en activant la commande Fenêtre > Panneaux de conception > Scène (Fenêtre > Panneaux de conception > Scène), et sélectionnez la scène que vous souhaitez dupliquer.

Cliquez sur le bouton Dupliquer la scène situé dans le coin inférieur droit du panneau Scène.

Le nom de la scène en double apparaît dans la fenêtre du panneau Scène. Notez qu'il se compose du nom de la scène originale et du mot soru (copie).

Scène en double

Renommer des scènes

Étant donné que les noms par défaut attribués aux scènes en double et aux nouvelles scènes ne diffèrent que par leur numéro séquentiel, il est difficile d'identifier la scène lors de la recherche d'un contenu spécifique. Par conséquent, dans les grands projets, il est conseillé d'attribuer des noms spéciaux aux scènes qui caractérisent leur contenu. Le processus de renommage d’une scène ne vous prendra pas beaucoup de temps.

Ouvrez le panneau Scène en choisissant Fenêtre > Panneaux de conception > Scène et double-cliquez sur le nom de la scène que vous souhaitez modifier. Cela vous permettra de modifier le nom de la scène.

Entrez un nouveau nom et appuyez sur Retour/Entrée ou double-cliquez en dehors du panneau Scène.

Renommer une scène dans le panneau Scène

Changer l'ordre des scènes

L'ordre dans lequel les noms des scènes sont placés dans le panneau Scène détermine l'ordre dans lequel les scènes sont lues dans le film. Les noms de scènes dans ce panneau peuvent être déplacés, définissant l'ordre dans lequel les scènes sont lues quel que soit l'ordre dans lequel elles ont été créées.

Ouvrez le panneau Scène en choisissant Fenêtre > Panneaux de conception > Scène.

Placez le pointeur de votre souris sur le nom de la scène que vous souhaitez réorganiser, cliquez sur bouton gauche souris et, en la maintenant enfoncée, déplacez le pointeur vers l'emplacement souhaité sur le panneau. Notez que lorsque vous déplacez le pointeur, une ligne bleue apparaît pour indiquer la nouvelle position possible du nom de la scène dans la liste.

Déplacer une scène dans le panneau Scène

Basculer entre les scènes

Vous pouvez utiliser les outils de navigation suivants pour basculer entre différentes scènes de film tout en travaillant sur un projet Flash.

Panneau de scène. Pour accéder à la scène de film souhaitée, cliquez sur le nom de la scène dans le panneau Scène. Rappelez-vous que le nom de la scène sélectionnée est affiché dans le panneau Edit.

Bouton Modifier la scène. Lorsque vous cliquez sur ce bouton, situé sur le côté droit du panneau Edition, vous accédez à un menu avec les noms de toutes les scènes du film. Pour accéder à la scène souhaitée, sélectionnez l'élément de menu correspondant.

Panneau Explorateur de films. Ce panneau, qui peut être ouvert à l'aide de la commande Fenêtre > Autres panneaux > Explorateur de films, affiche la structure hiérarchique du film (voir chapitre 8) et vous permet de rechercher des scènes, des personnages et des instances de personnages, ainsi que de remplacer du texte et des polices.

Les scènes sont représentées dans le panneau Movie Explorer sous forme d'éléments hiérarchiques d'ordre supérieur. Pour accéder à une scène spécifique, recherchez son nom dans le panneau Movie Explorer et cliquez dessus. Par défaut, ce panneau affiche uniquement le contenu de la scène sélectionnée. Pour afficher le contenu de toutes les scènes simultanément, activez la commande Afficher toutes les scènes dans le menu Options de ce panneau.

Panneau Explorateur de films avec liste de scènes

Test de scène

Pour tester le film créé directement dans l'environnement de développement Flash, vous devez appuyer sur Retour/Entrée, mais dans ce cas, les options de visualisation seront limitées à la scène sélectionnée. La lecture séquentielle de toutes les scènes n'est possible qu'après la publication du film ; l'environnement Flash n'est plus nécessaire. Pour tester, procédez comme suit :

Pour tester une scène individuelle, sélectionnez-la dans le panneau Scène et appuyez sur Retour/Entrée, ou après avoir sélectionné une scène, ouvrez le menu Contrôle et activez la commande Tester la scène.

Pour tester une animation, appelez la commande Tester l'animation depuis le menu Contrôle ou utilisez la combinaison de touches Cmd/Ctrl+Return/Entrée. Cela ouvrira une nouvelle fenêtre dans laquelle toutes les scènes du film seront lues dans l'ordre défini dans le panneau Scène.

Vous pouvez également lire toutes les scènes d'un film en sélectionnant Lire toutes les scènes dans le menu Contrôle.

Gestion des scènes avec ActionScript

Les scènes peuvent grandement simplifier l’organisation globale du contenu du film. La séquence prédéterminée de lecture des scènes détermine la linéarité des films. Mais outre les avantages (par exemple, la lecture simultanée de deux scènes est exclue), les films linéaires présentent également des inconvénients liés à l'impossibilité de modifier l'ordre de lecture des scènes. Pour résoudre ce problème, vous utilisez des scripts ActionScript (en particulier des actions de cadre) pour contrôler les scènes.

Vous en apprendrez davantage sur ActionScript et sur l'utilisation des actions de cadre au chapitre 13. Cette section présente certaines des actions que vous pouvez utiliser pour contrôler les scènes.

gotoAndStopO - lorsqu'il est appelé de cette action le film passe à une scène et une image spécifiques et arrête la lecture du film.

gotoAndPlay() - L'appel de cette action provoque le déplacement de la tête de lecture vers une scène et une image spécifiques (la lecture du film continue à partir de cette image).

jouer О - cette action vous permet de continuer la lecture du film après l'avoir arrêté.

arrêter O - en utilisant cette action, vous pouvez arrêter la lecture du film.