Flash est le principal support d'animation sur Internet, et même dans d'autres formats tels que la télévision. Créer une animation Flash simple dans un programme Flash est en fait assez simple à faire, car Flash fournit de nombreux outils utiles qui simplifient l'ensemble du processus. Si vous avez déjà une idée d'animation Flash ou de dessin animé, vous avez probablement créé un croquis approximatif en quelques heures seulement. Consultez le guide ci-dessous pour apprendre à créer une animation Flash.
Étape
Méthode 1 sur 3: Création d'une animation Flash image par image
Étape 1. Comprendre les bases de l'animation image par image
Cette méthode est considérée comme une méthode d'animation traditionnelle, lorsque chaque image (une image qui compose une animation) a la même image mais change légèrement. Lorsque les images sont lues ensemble, l'image semble bouger. Il s'agit de la même technique de base utilisée par les animateurs traditionnels qui dessinent chaque image à la main, mais prend plus de temps que la méthode d'interpolation (voir la section suivante).
Par défaut, Flash produira une animation à 24 images par seconde (FPS). Cela signifie qu'une seconde d'animation aura 24 images, mais chaque image ne doit pas nécessairement être différente. Vous pouvez ajuster cela si vous le souhaitez, et de nombreuses animations Flash utilisent 12 FPS, mais 24 FPS donneront une animation beaucoup plus fluide
Étape 2. Installez le programme Flash Professional
Il existe divers programmes d'animation Flash, mais le meilleur est Adobe Flash Professional CC. Vous pouvez effectuer une installation d'essai gratuite ou utiliser un autre produit si l'abonnement à Adobe Creative Cloud ne vous intéresse pas. Le reste de cet article fera référence à Flash Professional ou à d'autres programmes d'édition sous le nom de « Flash ».
Étape 3. Créez vos actifs
Étant donné que l'animation image par image nécessite plusieurs images avec de légères différences, vous devez créer tous ces éléments à la main. Vous pouvez tous les créer avant de commencer, ou vous pouvez les créer après avoir commencé. Vous pouvez utiliser le programme Flash pour dessiner directement dans le projet, ou vous pouvez dessiner des éléments dans votre programme de dessin préféré.
Si vous souhaitez qu'une image soit redimensionnée sans sacrifier la qualité, vous devez la rendre en tant que vecteur, pas en tant que raster. Les images vectorielles seront automatiquement redessinées lors de la mise à l'échelle, ce qui signifie qu'il n'y aura pas de pixellisation ni de crénelage (un effet de damier qui apparaît lorsque l'image est agrandie). Les images raster sont des images traditionnelles que vous avez l'habitude de voir (photos, images du programme Paint, etc.). Les images raster ne sont pas bien mises à l'échelle et peuvent sembler assez mauvaises lorsqu'elles sont agrandies
Étape 4. Créez le premier cadre
Lorsque vous démarrez le programme Flash, vous obtenez un calque vierge et une chronologie vide. Lors de l'ajout d'un cadre, la chronologie sera remplie automatiquement. Vous pouvez interagir avec les calques comme vous le feriez dans Photoshop.
- Avant d'ajouter des images, créez un arrière-plan de base pour votre film. Renommez le calque 1 "Arrière-plan" puis verrouillez le calque. Créez un deuxième calque et nommez-le comme vous le souhaitez. Ce calque sera le calque où vous créerez l'animation.
- Ajoutez une image à la toile dans la première image. Vous pouvez importer des images depuis votre ordinateur ou utiliser les outils de dessin de Flash pour créer des images directement dans le programme.
- Votre première image sera une "keyframe" (keyframe). Les images clés sont des images qui contiennent des images et constituent le cœur de votre animation. Vous allez créer une nouvelle image clé à chaque fois que l'image change.
- Les images clés sont marquées d'un point noir dans la chronologie.
- Vous n'avez pas besoin d'une nouvelle image dans chaque cadre. En général, avoir une image clé toutes les quatre ou cinq images fera une bonne animation.
Étape 5. Transformez l'image en symbole
En transformant une image en symbole, vous pouvez facilement l'ajouter plusieurs fois dans un cadre. Ceci est particulièrement utile si vous devez créer rapidement plusieurs objets, comme un groupe de poissons.
- Sélectionnez l'image entière. Faites un clic droit sur l'image sélectionnée et sélectionnez "Convertir en symbole". Cela ajoutera l'image à la bibliothèque où vous pourrez y accéder rapidement plus tard.
- Supprimer l'image. Ne t'inquiète pas! Vous l'ajouterez à la scène de l'histoire en faisant simplement glisser l'objet depuis la bibliothèque. Vous pouvez facilement ajouter plusieurs images identiques à une scène d'histoire !
Étape 6. Ajoutez des cadres vierges
Une fois que la première image est prête, vous pouvez ajouter une image vierge qui se situera entre les première et deuxième images clés. Appuyez quatre ou cinq fois sur la touche F5 pour ajouter une image vide après la première image clé.
Étape 7. Créez une deuxième image clé
Après avoir ajouté quelques images vierges, vous êtes prêt à créer une deuxième image clé. Il existe essentiellement deux manières de procéder, à savoir que vous pouvez copier une image clé existante et effectuer des ajustements mineurs, ou vous pouvez créer une image clé vierge et insérer une nouvelle image. Si vous utilisez une image créée avec un autre programme, vous voudrez la deuxième méthode. Si vous créez une image à l'aide des outils de conception de Flash, 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 la touche F6. Pour créer une image clé vierge, cliquez avec le bouton droit sur la dernière image de la chronologie et sélectionnez "Insérer une image clé vierge". Tout dans la scène de l'histoire sera supprimé.
- Après avoir créé la deuxième image clé, vous devrez apporter des ajustements à l'image pour lui donner un effet de mouvement. Si vous utilisez les outils de conception de Flash, vous pouvez utiliser l'outil Transformer pour sélectionner des aspects de l'image et les déplacer un peu, comme les bras d'un stickman.
- Si vous insérez une nouvelle image pour chaque image clé, vous devez vous assurer qu'elle est placée au même emplacement logique ou à l'emplacement logique suivant sur l'écran. Cela garantit que l'image ne saute pas entre les images.
Étape 8. Répétez le processus
Maintenant que vous avez créé les deux images clés, il est temps de recommencer. Essentiellement, vous répéterez le même processus jusqu'à ce que l'animation soit terminée. Ajoutez quelques images vides entre chaque image clé et assurez-vous que l'animation se déplace en douceur.
Faites de petits changements de mouvement incrémentiels. L'animation sera beaucoup plus fluide si vous apportez de très petites modifications à l'image clé. Par exemple, si vous voulez que le stickman balance son bras, votre deuxième image clé ne doit pas être la fin du balancement du bras. Au lieu de cela, utilisez quelques images clés comme transition entre le début du swing et la fin. Cela se traduira par une animation beaucoup plus fluide
Méthode 2 sur 3: Création d'une animation point à point (interpolation)
Étape 1. Comprendre les bases de l'interpolation
Flash contient une fonction appelée interpolation (un processus qui produit une image intermédiaire entre deux images à deux moments précis d'une animation), qui vous permet essentiellement de définir les points de début et de fin des objets. Flash déplacera et modifiera ensuite les objets en fonction de vos paramètres entre ces deux points dans le temps, créant l'illusion d'une animation. Vous n'avez pas besoin de créer une image pour chaque image clé comme vous le feriez avec une animation image par image.
- L'interpolation est particulièrement utile pour créer un effet de morphing où un objet se transforme en un autre objet pendant l'animation.
- L'animation image par image et l'interpolation peuvent être utilisées ensemble dans le même film.
- Un seul objet subit une interpolation de mouvement à la fois. Cela signifie que si vous souhaitez que plusieurs objets soient animés à la fois, ils doivent être placés sur des calques différents.
Étape 2. Créez le premier objet
Contrairement à l'animation image par image, vous n'avez pas besoin de créer plusieurs objets à animer à l'aide de la fonction d'interpolation. Mais vous allez créer un objet, puis modifier les propriétés de l'objet au cours du processus d'interpolation.
- Avant d'ajouter des images, créez un arrière-plan de base pour votre film. Renommez le calque 1 "Arrière-plan" puis verrouillez le calque. Créez un deuxième calque et nommez-le comme vous le souhaitez. Ce calque sera le calque où vous créerez l'animation.
- Il est fortement recommandé d'utiliser les outils de conception intégrés au programme Flash ou d'importer des images à partir d'un programme de dessin vectoriel. Les vecteurs peuvent être facilement mis à l'échelle sans être déformés, alors que les images raster traditionnelles ne seront pas mises à l'échelle et ne se transformeront pas correctement.
Étape 3. Convertissez l'objet en symbole
Afin de générer une image intermédiaire d'un objet, vous devez la convertir en symbole. C'est le format que Flash utilise pour organiser les objets. Si vous essayez de générer une image intermédiaire à partir d'un objet qui n'a pas été converti en symbole, vous serez invité à effectuer la conversion en premier.
Cliquez avec le bouton droit sur l'objet et sélectionnez "Convertir en symbole". Des objets seront ajoutés à la bibliothèque, ce qui facilite le clonage d'objets
Étape 4. Faites le premier pas entre les deux
Une interpolation de mouvement déplace un objet d'un emplacement à un autre. Cliquez avec le bouton droit sur le symbole dans la scène de l'histoire et sélectionnez "Créer une interpolation de mouvement". Un total de 24 images sera ajouté à la chronologie, car il s'agit de la durée standard d'une interpolation. Gardez à l'esprit que Flash s'animera à 24 images par seconde avec les paramètres par défaut, ce qui signifie que cette interpolation de mouvement prendra une seconde pour s'animer.
Lorsque vous créez une interpolation de mouvement, vous êtes automatiquement déplacé vers la dernière image de l'interpolation
Étape 5. Dessinez le chemin de l'objet
Après avoir créé l'interpolation, vous pouvez déplacer l'objet vers l'emplacement final souhaité. Flash affichera une ligne de chemin, qui est en pointillé pour indiquer l'emplacement de l'objet pour chaque image de l'image intermédiaire résultante.
Lorsque vous créez un chemin pour la première fois, ce sera une ligne droite du point de départ au point final
Étape 6. Étendez le cadre d'arrière-plan
Si vous exécutez l'animation maintenant, l'objet se déplacera le long du chemin, mais l'arrière-plan disparaîtra après une image. Pour résoudre ce problème, vous devez étendre l'arrière-plan pour couvrir toute l'image de l'animation.
Sélectionnez le calque d'arrière-plan dans la chronologie. Cliquez sur la dernière image de la chronologie, qui doit également être la dernière image de l'interpolation de mouvement. Appuyez sur la touche F5 pour insérer une image jusqu'à ce point dans le temps, qui continuera à afficher l'arrière-plan pendant toute l'interpolation
Étape 7. Ajoutez des images clés
L'ajout d'une image clé au chemin vous permettra de modifier les objets pendant l'interpolation de mouvement. Vous ne pouvez apporter des modifications à un objet que s'il possède une image clé. Pour ajouter une image clé à une piste, sélectionnez d'abord l'image que vous souhaitez convertir en image clé sur la timeline. Cliquez ensuite sur l'objet et faites-le glisser jusqu'à la position souhaitée sur le cadre. La piste sera ajustée automatiquement et une image clé sera ajoutée à la timeline. Les images clés sont marquées d'une icône en forme de losange sur la timeline.
Étape 8. Ajustez le chemin d'interpolation
Pour modifier le chemin d'un objet, vous pouvez cliquer et faire glisser chaque marqueur de position d'image sur le chemin vers un nouvel emplacement. Évitez de mettre trop de variations dans le chemin, ou l'objet se déplacera de manière erratique (à moins que ce ne soit vraiment votre objectif !).
Étape 9. Transformez l'objet
Une fois l'image clé et le chemin définis, vous pouvez transformer l'objet afin qu'il change à mesure qu'il se déplace sur le chemin d'interpolation de mouvement. Vous pouvez modifier la forme, la couleur, la rotation, la taille et d'autres éléments de l'objet.
- Sélectionnez le cadre que vous souhaitez transformer.
- Ouvrez le panneau Propriétés de l'objet. Vous pouvez appuyer sur Ctrl+F3 si le volet n'est pas actuellement visible.
- Modifiez une valeur dans la section Propriétés pour affecter l'objet. Par exemple, vous pouvez modifier la couleur, ajouter un filtre ou modifier l'échelle.
- Vous pouvez également utiliser l'outil Transformation libre pour modifier librement la forme de l'objet comme vous le souhaitez.
Étape 10. Apportez la touche finale à l'image intermédiaire
Testez l'interpolation de mouvement en appuyant sur Ctrl+↵ Entrée. Assurez-vous que la transformation est bonne et que l'animation se déplace à la bonne vitesse. Si l'animation se déplace trop rapidement, vous pouvez réduire le FPS ou augmenter la plage de temps d'interpolation.
- Par défaut, le FPS de l'animation est de 24, alors essayez de le réduire à 12. Pour ce faire, cliquez en dehors de la scène de l'histoire et modifiez le FPS dans le panneau Propriétés. Changer la valeur à 12 doublera la durée de l'animation, mais le mouvement de l'animation peut devenir plus "floconneux".
- Pour modifier la durée d'une interpolation, sélectionnez le calque contenant l'interpolation et utilisez le curseur pour le faire glisser. Si vous souhaitez que l'interpolation soit deux fois plus longue, étendez-la à 48 images. Assurez-vous d'insérer un cadre vide à l'intérieur du calque d'arrière-plan afin que l'arrière-plan ne disparaisse pas à moitié pendant l'animation. Pour étendre l'arrière-plan, sélectionnez le calque, cliquez sur la dernière image de l'animation dans la timeline, puis appuyez sur la touche F5.
Méthode 3 sur 3: Ajout de sons et de musique
Étape 1. Enregistrez ou recherchez des effets sonores et de la musique
Vous pouvez ajouter des effets sonores aux actions qui se produisent dans l'animation pour la rendre différente des autres et lui donner un caractère qui lui est propre. La musique rend vos animations plus vivantes et peut rendre les bonnes animations extraordinaires. Flash prend en charge une variété de formats de fichiers audio, notamment AAC, MP3, WAV et AU. Choisissez le format qui offre la meilleure qualité avec la plus petite taille de fichier.
Le format MP3 offre généralement une qualité sonore toujours bonne et une taille de fichier minimale. Évitez si possible d'utiliser le format WAV, car ils sont généralement assez volumineux
Étape 2. Importez les fichiers audio dans la bibliothèque
Avant de pouvoir ajouter du son à un projet, le fichier son doit être ajouté à la bibliothèque Flash. Cela vous permettra d'ajouter rapidement du son à votre projet plus tard. Cliquez sur Fichier → Importer → Importer dans la bibliothèque. Recherchez des fichiers audio sur votre ordinateur. Assurez-vous que le fichier son a un nom facile à retenir, afin de pouvoir le retrouver rapidement plus tard dans le menu.
Étape 3. Créez un nouveau calque pour chaque fichier son
Ce n'est pas vraiment nécessaire, car vous pouvez ajouter du son à un calque existant, mais placer chaque fichier sur un calque séparé vous donnera beaucoup plus de contrôle en termes de fondu entrant et sortant (fading in and out) des paramètres sonores. le son, et il est plus facile de déplacer le son vers une autre partie.
Étape 4. Créez une image clé où le son commencera
Sur le calque son, sélectionnez l'image de l'animation où vous souhaitez que le son commence. Appuyez sur la touche F7 pour insérer une image clé vide. Par exemple, si vous souhaitez inclure un fichier musical qui est lu pendant la durée de l'animation, sélectionnez la première image sur le calque du fichier musical. Si vous ajoutez un dialogue pour un personnage, sélectionnez le cadre dans lequel le personnage commence à parler.
Étape 5. Ajoutez des fichiers audio ou musicaux
Dans le cadre Propriétés, vous verrez la section Son. Vous devrez peut-être l'ouvrir pour voir les options. Cliquez sur le menu "Nom" et sélectionnez le fichier que vous voulez dans la bibliothèque.
Étape 6. Organisez les fichiers audio
Après avoir sélectionné un fichier, vous pouvez définir comment il sera lu. Ce que vous choisirez sera basé sur l'utilisation prévue du son dans l'animation. Vous pouvez modifier les paramètres d'effet, de synchronisation et de répétition de chaque son à l'aide du menu situé sous le menu Nom dans le cadre Propriétés.
- Effets. Ce paramètre ajoute des effets au son, tels que l'apparition ou la disparition progressive du son, ou l'ajout d'écho. Vous pouvez choisir parmi les paramètres existants dans le menu déroulant ou cliquer sur l'icône en forme de crayon à côté du menu pour créer vos propres paramètres personnalisés.
- Synchroniser. Ce paramètre détermine la façon dont la chanson est jouée dans l'animation. L'événement jouera un son jusqu'à ce qu'il soit terminé. Si le même son est à nouveau déclenché avant la fin du son précédent, le son d'origine continuera à jouer jusqu'à ce qu'il se termine. Start est similaire à Event, mais s'arrête lorsque le son est joué à nouveau. Stop arrête le son sur cette image. Si vous souhaitez utiliser cette option avec d'autres options sonores, créez une nouvelle image clé à l'endroit où vous souhaitez que le son s'arrête et utilisez cette option. Le flux essaiera de faire correspondre le son en cours de lecture avec le nombre d'images sur les autres couches. Cette option est mieux utilisée pour le dialogue.
- Répéter. Ce paramètre vous permet de définir la durée de répétition du son. Vous pouvez le régler pour qu'il ne joue qu'une seule fois ou qu'il se répète autant de fois que vous le souhaitez. Si votre animation est une animation en boucle, vous devez régler la musique pour qu'elle se répète indéfiniment.
Étape 7. Terminez le projet
Lorsque vous avez enfin terminé de travailler sur le projet, enregistrez-le en tant que fichier SWF. C'est le format utilisé pour lire les films. Vous pouvez le lire dans presque n'importe quel navigateur Web ou utiliser un lecteur Flash spécialement utilisé pour le regarder. Il existe également divers sites où vous pouvez le télécharger pour que d'autres puissent le regarder, tels que Newgrounds, Albino Blacksheep et Kongregate.
Étape 8. Développez davantage votre futur projet
Ce guide couvre les bases de la création d'animations, mais il y a tellement plus que vous pouvez apprendre et faire. Ajoutez quelques boutons et un tracé de branchement et vous avez votre jeu d'aventure à choisir. Vous pouvez suivre des cours intensifs en ActionScript et mieux contrôler les détails les plus fins de vos animations. Continuez à expérimenter et vous apprendrez bientôt toutes sortes d'astuces et leurs implémentations.
