Comment créer une animation flash (avec des images)

Flash est le support Premier moyen pour l`animation sur Internet et même sur d`autres formats tels que la télévision. Créer une simple animation flash en flash est en fait assez simple à accomplir, car Flash fournit de nombreux outils utiles qui simplifient l`ensemble du processus. Si vous avez une idée d`une animation flash ou d`un dessin animé, vous pouvez probablement avoir une croquis approximative dans quelques heures seulement. Voir l`étape 1 ci-dessous pour apprendre à Créer une animation flash.

Prise en charge de Adobe Flash se termine en décembre 2020.Après cette heure, il ne sera plus possible d`utiliser Flash.

Cet article a été marqué comme historique.

Adobe Flash Player a été interrompu et a cessé de fonctionner le 12 janvier 2021.(Publié le 2021-01-12).

Pas

Partie 1 de 3:

Faire une animation flash de cadre par cadre

1. Comprendre les bases de l`animation cadre. Ceci est considéré comme le "traditionnel" méthode d`animation, en ce que chaque image a la même image mais légèrement modifiée. Lorsque les cadres sont joués ensemble, les images semblent bouger. C`est la même technique de base utilisée par les animateurs à la main traditionnels et prend plus de temps que la quinte de temps (voir la section suivante).

Par défaut, Flash produira des animations à 24 images par seconde (FPS). Cela signifie qu`une seconde d`animation aura 24 images, mais tous les cadres doivent être différents. Vous pouvez ajuster cela si vous le souhaitez, et de nombreuses animations flash utilisent 12 FPS, mais 24 produira beaucoup "plus doux"-à la recherche d`animation.

Image intitulée Créer une animation Flash étape 2

2. Installer Flash Professional. Il existe une variété de programmes d`animation flash disponibles, mais le plus puissant est le CC Flash Professional de Adobe. Vous pouvez installer l`essai gratuitement ou utiliser un autre produit si vous vous abonnez à la création de Adobe. Le reste de cet article fera référence à Flash Professional ou à tout autre programme d`édition comme "Éclat".

Image intitulée Créer une animation Flash Step 3

3. Créez vos actifs. Parce que l`animation de cadre d`images nécessite plusieurs images avec de légères différences, vous devrez créer tous ces actifs à la main. Vous pouvez les créer tous avant de commencer ou de les faire comme vous allez. Vous pouvez utiliser le programme Flash pour dessiner directement dans votre projet, ou vous pouvez dessiner vos actifs dans votre programme de création d`images préféré.

Si vous voulez que vos images échouent sans sacrifier la qualité, vous voudrez les créer comme vecteurs au lieu de rasters. Les images vectorielles se redressent chaque fois qu`ils sont à l`échelle, ce qui signifie qu`il n`y aura pas de pixélie ni d`aliasing. Les images raster sont les images traditionnelles que vous êtes probablement habitués à (des photos, des images de peinture, etc.). Celles-ci ne font pas bien échouer et peuvent sembler assez moche si vous voulez les rendre plus grandes.

Image intitulée Créer une animation Flash Step 4

4. Créez votre premier cadre. Lorsque vous démarrez d`abord Flash, vous aurez une couche vierge et une chronologie vide. Lorsque vous ajoutez des cadres, votre calendrier sera renseigné automatiquement. Vous pouvez interagir avec des couches de la même manière que vous le feriez dans Photoshop.

Avant d`ajouter votre image, créez un arrière-plan de base pour votre film. Renommez la couche 1 à "Arrière-plan" puis verrouillez la couche. Créez une deuxième couche et nommez-le ce que vous voulez. Ce sera la couche que vous créez votre animation sur.

Ajoutez votre dessin à la toile dans la première image. Vous pouvez également importer votre dessin de votre ordinateur ou utiliser les outils de dessin de Flash pour créer un dessin directement dans le programme.

Votre premier cadre sera un cadre clé. Les images clés sont des cadres qui ont une image et forment la colonne vertébrale de votre animation. Vous créerez une nouvelle image clé à chaque fois que la photo change.

Les images clés sont désignées par 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 cinq cadres produira une bonne animation.

Image intitulée Créer une animation Flash Étape 5

5. Transformez votre dessin dans un symbole. En tournant votre dessin dans un symbole, vous pouvez facilement l`ajouter plusieurs fois dans un cadre. Ceci est particulièrement utile si vous devez créer rapidement plusieurs objets, tels qu`une école de poisson.

Sélectionnez votre dessin complet. Cliquez avec le bouton droit de la souris sur la sélection et sélectionnez "Convertir en symbole". Cela ajoutera l`image à votre bibliothèque où vous pouvez l`accéder rapidement à l`avenir.

Supprimer le dessin. Ne t`inquiète pas! Vous allez le revenir à la scène en faisant simplement glisser l`objet de votre bibliothèque. Vous pouvez ajouter de multiples instances du même dessin sur votre scène avec facilité!

Image intitulée Créer une animation Flash Step 6

6. Ajouter des cadres vides. Une fois que vous avez votre premier cadre prêt, vous pouvez ajouter vos cadres vides qui existeront entre la première image clé et la deuxième image clé. presse F5 quatre ou cinq fois pour ajouter des cadres vierges après votre première image clé.

Image intitulée Créer une animation Flash Step 7

7. Créez votre deuxième image clé. Une fois que vous avez ajouté quelques cadres vierges, vous êtes prêt à créer votre deuxième image clé. Il existe essentiellement deux façons différentes, vous pouvez le faire: vous pouvez copier votre image clé existante et créer de petits réglages, ou vous pouvez créer une image clé vide et insérer une nouvelle image. Si vous utilisez des œuvres d`art créées dans un autre programme, vous voudrez la deuxième méthode. Si vous avez créé votre art à l`aide des outils de conception de Flash, utilisez la première méthode.

Pour créer une image clé à l`aide du contenu de la zone clé précédente, appuyez sur F6. Pour créer une image clé vide, cliquez avec le bouton droit de la souris sur la dernière image de votre chronologie et sélectionnez "Insérer une image clé vide". Tout dans votre scène sera supprimé.

Une fois que vous avez créé votre deuxième image clé, vous devrez effectuer des ajustements à l`image pour donner l`effet du mouvement. Si vous utilisez les outils de conception de Flash, vous pouvez utiliser l`outil de transformation pour sélectionner des aspects de votre dessin et les déplacer légèrement, comme le bras d`un bâton-personne.

Si vous insérez un nouvel art pour chaque image clé, vous souhaitez vous assurer qu`il est placé dans le même emplacement ou dans l`emplacement logique suivant de l`écran. Cela garantira que l`art ne saute pas entre les cadres.

Image intitulée Créer une animation Flash Step 8

8. Répétez le processus. Maintenant que vous avez créé deux images clés, il est temps d`itération. Vous allez répéter essentiellement le même processus jusqu`à ce que vous ayez fini avec votre animation. Ajoutez quelques cadres vierges entre chaque image clé et assurez-vous que vos mouvements ont l`air fluide.

Faire de petits changements incrémentiels. Votre animation sera beaucoup plus fluide si vous modifiez de très petits changements à la base clé. Par exemple, si vous voulez un bâton en agitant un bras, votre deuxième image clé ne doit pas être l`autre extrémité de la vague. Au lieu de cela, utilisez quelques images clés pour passer du début de la vague jusqu`au bout. Cela produira une animation beaucoup plus fluide.

Partie 2 de 3:

Faire une animation point à point (Tweening)

1. Comprendre les bases de teme. Flash contient une fonction appelée Tweening, ce qui vous permet de définir essentiellement les points de démarrage et de fin de votre objet. Flash déplacera ensuite et transformera l`objet en fonction de vos paramètres entre ces deux points, créant ainsi l`illusion d`animation. Vous n`aurez pas besoin de créer des images pour chaque image clé comme vous le feriez avec une animation cadre par cadre.

Tweening est particulièrement utile pour créer "morphing" effets, où un objet devient un autre au cours de l`animation.
L`animation de cadre et la quenouille peut être utilisée conjointement dans le même film.
Vous ne pouvez avoir qu`un objet subissant un mouvement de motion à la fois. Cela signifie que si vous voulez que plusieurs objets animent à la fois, ils doivent tous être sur des couches distinctes.

Image intitulée Créer une animation Flash Step 10

2. Créez votre premier objet. Contrairement à l`animation image par cadre, vous n`avez pas besoin de créer plusieurs objets pour animer à l`aide de la fonction Tween. Au lieu de cela, vous créerez un objet, puis changera ses propriétés pendant le processus de Tween.

Il est fortement recommandé d`utiliser des outils de conception intégrés de Flash ou d`importer votre image à partir d`un programme de dessin vectoriel. Les vecteurs peuvent accabler facilement sans distorsion, tandis que les images raster traditionnelles ne seront pas à l`échelle et ne se transforment pas bien.

Image intitulée Créer une animation Flash étape 11

3. Convertir votre objet en un symbole. Pour entre Tween, votre objet, vous devrez le convertir en un symbole. Ceci est le format d`objets utilisés par Flash afin de les manipuler. Si vous essayez de tendre un objet qui n`a pas été fait dans un symbole, vous serez invité à le faire d`abord.

Cliquez avec le bouton droit sur votre objet et sélectionnez "Convertir en symbole" L`objet sera ajouté à votre bibliothèque, ce qui facilite la clonage des objets.

Image intitulée Créer une animation Flash Step 12

4. Créez votre premier motif Tween. Un mouvement Tween déplace l`objet d`un emplacement à un autre clic droit sur le symbole de votre scène et sélectionnez "Créer un mouvement entre". 24 images seront ajoutées à votre chronologie, car il s`agit de la longueur par défaut d`une Tween. N`oubliez pas que par défaut, Flash animera à 24 images par seconde, ce qui signifie que cette motion Tween prend une seconde à compléter.

Lorsque vous créez le mouvement Tween, vous êtes automatiquement déplacé vers la dernière image de la Tween.

Image intitulée Créer une animation Flash Step 13

5. Créer la trajectoire. Une fois que vous avez créé la Tween, vous pouvez déplacer l`objet à l`emplacement que vous souhaitez finir à. Flash affichera la ligne de trajectoire, ce qui est parsemé de montrer l`emplacement de l`objet pour chaque cadre de la Tween.

Lorsque vous créez la trajectoire pour la première fois, ce sera une ligne droite du point de départ au point de fin.

Image intitulée Créer une animation Flash Step 14

6. Étendez vos cadres de fond. Si vous avez couru votre animation maintenant, votre objet se déplacerait le long de la trajectoire, mais votre arrière-plan disparaîtrait après une image. Pour résoudre ce problème, vous devrez étendre vos antécédents sur tous les cadres de l`animation.

Sélectionnez votre couche d`arrière-plan dans la chronologie. Cliquez sur la dernière image de votre chronologie, ce qui devrait également être le cadre de votre motion Tween sur. presse F5 Pour insérer des cadres jusqu`à ce point, ce qui gardera vos antécédents affichés pendant l`intégralité de la Tween.

Image intitulée Créer une animation Flash étape 15

7. Ajouter des images clés. Ajouter des images clés à votre trajectoire vous permettra de transformer votre objet pendant la motion entre Tween.Vous ne pouvez apporter que des modifications à un objet s`il est clés en ligne. Pour ajouter des images clés à votre trajectoire, sélectionnez d`abord le cadre dans la chronologie que vous souhaitez transformer en image clé. Ensuite, cliquez sur et faites glisser l`objet dans la position que vous souhaitez que ce soit au cours de cette image. Votre trajectoire s`ajustera automatiquement et une image clé sera ajoutée à la timeline. Les images clés sont désignées par des icônes de diamant dans la chronologie.

Image intitulée Créer une animation Flash Step 16

8. Ajustez votre Tween Trajectory. Pour changer le chemin de votre objet, vous pouvez cliquer et faire glisser chacun des marqueurs de position de cadre sur le chemin d`accès à un nouvel emplacement. Évitez de mettre de nombreuses variations dans le chemin, ou l`objet se déplacera d`une manière erratique (à moins que ce soit votre objectif!).

Image intitulée Créer une animation Flash étape 17

9. Transformez votre objet. Une fois que vous avez vos clés clés et votre trajectoire établis, vous pouvez transformer votre objet afin qu`il change car il passe à travers la trajectoire de mouvement Tween. Vous pouvez modifier la forme, la couleur, la rotation, la taille et toute autre propriété de l`objet.

Sélectionnez le cadre que vous souhaitez que la transformation se produise dans.

Ouvrir le panneau Propriétés de l`objet. Vous pouvez appuyer sur Ctrl+F3 Si le panneau n`est pas visible actuellement.

Modifiez toutes les valeurs dans la fenêtre Propriétés pour affecter l`objet. Par exemple, vous pouvez modifier la teinte ou la couleur, ajouter des filtres ou changer l`échelle.

Vous pouvez également utiliser l`outil de transformation libre pour changer librement la forme, mais vous aimeriez.

Image intitulée Créer une animation Flash Step 18

dix. Faire des touches de finition à votre Tween. Testez votre motion Tween en appuyant sur Ctrl+ ↵ Entrez. Assurez-vous que les transformations ont l`air bien et que l`animation se déplace à la vitesse correcte. Si votre animation se déplace trop rapidement, vous pouvez réduire le FPS de la scène ou augmenter la portée de Tween.

Par défaut, le FPS est 24, alors essayez de l`abaisser à 12. Pour ce faire, cliquez à l`extérieur de la scène, puis changez le FPS dans le panneau Propriétés. Le changer à 12 doublera la longueur de votre animation, mais peut le rendre plus "saccadé".

Pour modifier votre entret-entret, sélectionnez le calque contenant la Tween et utilisez le curseur pour le retirer. Si vous voulez que la Tween soit deux fois plus longue, prolongez-la à 48 cadres. Assurez-vous d`insérer des cadres vierges dans votre couche d`arrière-plan afin que l`arrière-plan ne disparaisse pas à mi-chemin de l`animation. Pour étendre l`arrière-plan, sélectionnez le calque, cliquez sur la dernière image de l`animation dans la chronologie, puis appuyez sur F5

Partie 3 sur 3:

Ajout de son et de musique

1. Enregistrer ou trouver vos effets sonores et votre musique. Vous pouvez ajouter des effets sonores aux actions qui se produisent dans votre animation pour vous aider à se démarquer et à lui donner une personnalité. La musique rend votre animation plus immersive et peut faire une bonne animation dans une incroyable. Flash prend en charge une variété de formats de fichiers, y compris AAC, MP3, WAV et AU. Choisissez le sur qui vous donne la meilleure qualité pour la taille du fichier la plus basse.

MP3 vous donnera généralement une qualité sonore parfaitement acceptable tout en conservant la taille du fichier au minimum. Évitez les fichiers WAV Si possible, comme ceux-ci sont souvent assez importants.

Image intitulée Créer une animation Flash étape 20

2. Importer les fichiers sonores vers votre bibliothèque. Avant de pouvoir ajouter des sons à votre projet, ils doivent être ajoutés à la bibliothèque de Flash. Cela vous permettra de les ajouter rapidement à votre projet plus tard. Cliquez sur Fichier → Importer → Importer vers la bibliothèque. Parcourez le fichier son sur votre ordinateur. Assurez-vous que le fichier son a un nom facile à retenir, vous pouvez donc le trouver rapidement dans le menu plus tard.

Image intitulée Créer une animation Flash étape 21

3. Créez un nouveau calque pour chaque fichier son. Ce n`est pas strictement nécessaire, car vous pouvez ajouter du son aux couches existantes, mais mettre chaque fichier sur son propre calque vous donnera beaucoup plus de contrôle sur la décoloration de l`intérieur et de la sortie, quand vous pouvez commencer et arrêter, et il est plus facile de déplacer des sons autour de.

Image intitulée Créer une animation Flash étape 22

4. Créer une image clé où le son commencera. Sur la couche du son, sélectionnez le cadre dans l`animation que vous souhaitez que le son commence à. presse F7 Pour insérer une image clé vierge. Par exemple, si vous souhaitez inclure un fichier de musique qui joue pendant la durée de l`animation, sélectionnez la première image sur le calque du fichier de musique. Si vous ajoutez une boîte de dialogue pour un caractère, sélectionnez le cadre où le personnage commence à parler.

Image intitulée Créer une animation Flash Step 23

5. Ajouter le son ou le fichier de musique. Dans le cadre de propriétés, vous verrez une section sonore. Vous devrez peut-être l`agrandir pour voir les options. Clique le "Nom" Menu et sélectionnez le fichier souhaité de votre bibliothèque.

Image intitulée Créer une animation Flash Step 24

6. Configurer le fichier son. Une fois que vous avez sélectionné un fichier, vous pouvez configurer comment il va jouer. Ce que vous sélectionnez sera basé sur ce dont vous avez besoin le son pour accomplir dans l`animation. Vous pouvez modifier l`effet, la synchronisation et les paramètres de répétition de chaque son à l`aide du menu sous le menu Nom du cadre de propriétés.

Effet - cela permet d`ajouter des effets au son, tels que la décoloration et l`extérieur ou l`ajout d`écho. Vous pouvez choisir parmi les paramètres de préréglage dans le menu déroulant ou vous pouvez cliquer sur l`icône de crayon à côté du menu pour créer vos propres paramètres personnalisés.

Sync - Ceci détermine la manière dont la chanson est jouée dans l`animation. Événement jouera le son jusqu`à ce qu`il soit fini. Si le même son est déclenché à nouveau avant que le premier bout, l`original continuera à jouer jusqu`à la fin. Démarrer fonctionne comme un événement, mais s`arrête si le son joue à nouveau. Arrêter arrête le son dans ce cadre. Si vous souhaitez utiliser cela en conjonction avec d`autres propriétés du son, créez une nouvelle image clé où vous souhaitez que le son arrête et utilise cette option. Flux tentera de faire correspondre le son qui joue avec le nombre de cadres sur d`autres couches. Ceci est mieux utilisé 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 la définir pour ne jouer qu`une seule fois, ou la faire boucle autant de fois que vous le souhaitez. Si votre animation est une animation en boucle, vous devez définir votre musique pour boucler infiniment.

Image intitulée Créer une animation Flash Step 25

7. Terminez votre projet. Lorsque vous avez enfin fini avec votre projet, enregistrez-le comme fichier SWF. Ceci est le format utilisé pour jouer au film. Vous pouvez la lire dans pratiquement n`importe quel navigateur Web ou utiliser un lecteur Flash dédié pour le regarder. Il existe également une variété de sites que vous pouvez télécharger pour que d`autres puissent voir, tels que Newgrounds, Albino Blacksheep et Kongregate.

Image intitulée Créer une animation Flash étape 26

8. Prenez vos futurs projets plus loin. Ce guide aborde les bases de la création d`une animation, mais il y a tellement plus que vous pouvez apprendre et faire. Ajoutez quelques boutons et chemins de ramification, et vous avez un jeu de choix-votre-aventure. Vous pouvez prendre un Cours d`accident dans ActionScript et acquérir beaucoup plus de contrôle sur les détails plus fins de votre animation. Continuez à expérimenter et vous vous retrouverez bientôt à apprendre toutes sortes d`astuces et d`implémentations.