Bases du motion design : commencer à animer dans Adobe After Effects

1. Introduction: Bienvenue dans les bases du motion design. Je vais vous expliquer comment créer cette animation à l'aide de techniques de base. Des techniques telles que l'effet Write on, une introduction à l'éditeur de graphes, une introduction aux animateurs de texte, etc. Votre projet de classe consistera à utiliser toutes les techniques apprises dans ce cours et appliquer à votre propre animation. J'ai hâte de voir ce que vous allez créer. 2. Pour commencer: Pour ce cours, vous aurez besoin d'Adobe After Effects, encodeur Adobe Media pour exporter Voici une liste des polices que j'ai utilisées dans le projet. Voici quelques idées pour votre projet de classe. Suis mon animation, ou tu peux animer ton nom Créez un tiers inférieur, créez votre propre publicité ou tout ce que vous voulez. Assurez-vous de publier votre projet dans la galerie de projets afin que tout le monde puisse voir ce que vous avez créé. 3. Introduction à Adobe After Effects (leçon optionnelle): Pour que votre écran After Effect ressemble au mien, allez dans Window Workspace et sélectionnez Par défaut. S'il vous manque un panneau, n'oubliez jamais que vous pouvez trouver le panneau dont vous avez besoin sous l'onglet Fenêtre. Supposons qu'il vous manque le panneau de composition. Accédez à la fenêtre. Faites défiler la liste vers le bas jusqu'à ce que vous trouviez Composition. Accédez à Fichier, Paramètres du projet, Heure, Style d'affichage, puis sélectionnez Cadres. Cliquez sur Nouvelle composition. Vous pouvez modifier le nom de la composition. Vous pouvez modifier la taille. Vous pouvez modifier la fréquence d'images, modifier la durée de la composition, choisir une couleur de fond. Ici, en haut de l'écran, vous pouvez trouver votre outil rectangulaire. Pour créer le rectangle, vous pouvez simplement le faire glisser avec votre souris, vous pouvez changer la couleur de remplissage, changer la couleur du trait. Vous pouvez également supprimer le trait en remplaçant cette valeur par zéro. Voici le pan qui se trouve derrière l'outil, ce petit truc. Voici le point d'ancrage. Un point d'ancrage est l'endroit à partir duquel la couche sera animée. Cela aura du sens plus tard dans le cours. Lorsque le calque est sélectionné appuyez pour faire apparaître la propriété de position. En modifiant ces deux valeurs, vous pouvez déplacer le rectangle. Cliquez sur le bouton Chronomètre. Outre la position, il place une image-clé sur la chronologie pour se déplacer sur la chronologie Il suffit de faire glisser la tête de lecture, modifier à nouveau la valeur. Cela place une autre image clé sur la chronologie. Appuyez sur la barre d'espace pour prévisualiser votre animation. Vous pouvez voir comment le rectangle se déplace entre ces deux images clés. Vous pouvez déplacer votre image-clé simplement en la faisant glisser sur la chronologie Cela change la vitesse de l'animation. J'ai presque oublié de mentionner que si vous souhaitez réduire votre zone d'aperçu, appuyez sur N, vous pouvez sélectionner les deux images clés et appuyer sur neuf pour faciliter l'animation . Et nous allons entrer dans l' éditeur de graphes pour simplement vous montrer à quoi il sert. Voici le bouton de l'éditeur de graphes. Une fois dans l'éditeur de graphiques, cliquez sur ce bouton en bas et choisissez Modifier le graphique de vitesse. Pour ce cours, nous allons utiliser le graphique de vitesse car je trouve qu'il est beaucoup plus facile à suivre pour les débutants. En faisant glisser les poignées ici, vous pouvez modifier la vitesse de l'animation Vous voyez comment cela affecte la vitesse du rectangle. La forme de cette courbe indique que l'animation démarre rapidement et se termine lentement. Vous pouvez le trouver ici, à côté du stylo. Cliquez n'importe où. Tapez votre texte. Ici, dans le panneau des personnages, vous pouvez modifier à peu près tout ce que vous voulez. Vous pouvez changer la police, changer la taille, changer la couleur , découper, centrer le texte au milieu de la composition. Accédez au panneau aligné Les animateurs de texte peuvent être trouvés en ouvrant le calque Cliquez sur ce bouton à côté d'Animate. Sélectionnons, passons à dix images sur la chronologie. Cliquez sur le chronomètre, revenez au début du type de chronologie, avec une valeur de zéro Ajoutons maintenant un poste. Passez à dix images sur la chronologie. Cliquez sur le bouton du chronomètre , revenez au début de la chronologie Entrez une valeur de 50 en position y. Sélectionnez maintenant les images-clés. Cliquez sur neuf pour faciliter la tâche. Une autre chose que je veux vous montrer est d'utiliser le stylo. Vous pouvez trouver l'outil stylo ici à côté de l'outil rectangle. En cliquant sur des points et en faisant glisser ces poignées, vous pouvez créer une forme similaire à l'outil rectangle Vous pouvez modifier la couleur de remplissage. Vous pouvez supprimer le remplissage en cliquant ici et en cliquant sur Aucun. Modifiez la taille du trait, changez la couleur du trait. Vous pouvez modifier votre ligne. En cliquant sur ces points et en faisant glisser ces poignées pour tracer une ligne droite, vous pouvez maintenir la touche Shift Une autre chose que j' aimerais vous montrer c'est comment associer deux couches ensemble. En cliquant sur ce bouton Pick Whip et en le faisant glisser vers l'autre couche Elle est désormais parente. Désormais, lorsque vous déplacez une couche, l'autre couche doit se déplacer avec elle. C'est essentiellement ce que je voulais vous montrer. Nous pouvons maintenant commencer à animer. 4. Animer la canette: Pour commencer à animer, vous devez ouvrir le fichier de projet Accédez au fichier, ouvrez le projet. Localisez le fichier de projet, assurez-vous que vous êtes dans la bonne composition. Si vous n'êtes pas dans la bonne composition, vous pouvez la trouver sous Main Composition Skill Share, Class Animated. Je vais également inclure une version finale du cours. N'hésitez pas à y jeter un œil également. Dans cette première leçon, nous allons animer la boîte. Lorsque la couche de canette est sélectionnée, appuyez sur P, cliquez sur le bouton du chronomètre pour placer une image clé sur la chronologie Faites glisser l'image clé sur environ 15 images. Maintenant, pour déplacer la boîte vers la gauche au début de la chronologie, faites glisser la position X, déplacez la boîte complètement vers la gauche jusqu'à ce qu'elle disparaisse de l'écran. Cela place une autre image clé sur la chronologie. Nous pouvons l'améliorer en sélectionnant les deux images-clés Appuyez sur neuf pour rendre l'animation un peu plus fluide Mais nous pouvons le rendre encore meilleur en accédant l'éditeur de graphes avec votre image-clé sélectionnée, puis en cliquant sur le bouton de l'éditeur de graphiques Une fois dans l'éditeur de graphiques, cliquez sur ce bouton en bas et choisissez Modifier, Speed Graph. Faites glisser cette poignée complètement vers la gauche. Maintenant, prévisualisez à nouveau votre animation. 5. Animer la ligne: Pour animer la ligne, nous allons utiliser un découpage Path Toggle vers le bas de la couche de lignes à côté Cliquez sur cette icône et localisez Trim Path pour faire basculer la couche Trim Path vers le bas Passez à environ 12 images sur la chronologie, mettez une valeur de départ de 50 % et une valeur de 50 % Cliquez sur le chronomètre de côté Pour commencer et terminer, passez sur une dizaine d'images, mettez une valeur de départ de zéro et une valeur N de 100. Sélectionnez tous les images-clés et cliquez sur neuf. 6. Glisser du texte: Nous allons maintenant animer la diapositive sous forme de texte. Passez à environ 35 images sur la chronologie. Cliquez sur la couche de texte inférieure et appuyez P. Cliquez sur le chronomètre pour placer une image clé sur la chronologie Revenez à une vingtaine d' images sur la chronologie. Faites maintenant glisser le texte jusqu'à ce qu'il soit juste au-dessus de la ligne. Sélectionnez les deux images clés, cliquez sur neuf têtes dans l'éditeur de graphiques et faites glisser cette poignée vers la gauche. Pour rendre le texte invisible au-dessus de la ligne, nous allons utiliser un mat. Créez une nouvelle couche rectangulaire juste au-dessus de la ligne. Déplacez le nouveau calque rectangulaire juste au-dessus du calque de texte à l'aide du tapis de course, Pick Whip Faites-le glisser vers la couche de tapis. Cliquez sur Invert Mat. À présent, le texte s'anime hors de la ligne. 7. Animateur de texte: Pour animer le texte central, nous allons utiliser un animateur de texte pour faire basculer le calque de texte situé à côté d'Animate calque de texte situé à côté d' Cliquez sur cette icône et choisissez une position dans la liste, saisissez une valeur de 85 dans la position y. Basculez vers le bas de la couche de sélection de plage saisissez une valeur négative de 100 dans le décalage et cliquez sur le chronomètre Déplacez plus de 30 images sur la chronologie et saisissez une valeur de 100 dans le décalage. Vous disposez désormais de deux cadres clés sur la chronologie sous la couche avancée. Modifiez la forme pour augmenter et saisissez une valeur de 90 % dans le niveau d'aisance le plus bas à l'aide de la piste. Matt, choisis un fouet, fais-le glisser vers le calque fou 8. Animer le bras: Nous allons maintenant animer le parent du bras, de la du pouce à la couche de la main , à l'aide du fouet Sélectionnez la couche de main et assurez-vous que votre point d'ancrage est au bon endroit en appuyant sur la couche de main sélectionnée. Pour afficher la rotation, cliquez sur l'icône du chronomètre à 20 images sur la chronologie Déplacez-vous sur 25 images sur la chronologie et saisissez une valeur de 75 dans la rotation. Déplacez-vous sur 15 cadres sur la ligne de temps et saisissez une valeur de zéro. Sélectionnez les trois images-clés. Appuyez sur F 9, puis allez dans l'éditeur de graphes. Faites glisser cette poignée complètement vers la gauche. Faites de même avec cette poignée. Faites maintenant glisser cette poignée complètement vers la droite. Et faites de même pour le dernier manche à 20 images sur la ligne de temps parent, la étant superposée à la couche manuelle à l'aide du pickwick 9. Une technique d'écriture facile: Maintenant, nous allons faire le bon choix. Sélectionnez la couche de texte. Sélectionnez votre stylet. Nous allons maintenant tracer une série de lignes au-dessus de notre texte. Pour créer une nouvelle ligne, il suffit de cliquer en dehors des couches , puis de cliquer à nouveau sur la couche. Assurez-vous de tracer les lignes dans l'ordre dans lequel vous souhaitez les animer dans les effets et les préréglages Recherchez un accident vasculaire cérébral. C'est cet effet qui animera notre animation. Choisissez Révéler l'image originale dans le style de peinture. Modifiez la taille du pinceau à dix, dureté du pinceau à 100 % Assurez-vous de cliquer sur tous les masques au bout d'une seconde, cinq images, de cliquer sur la fin du chronomètre, passer à 15 images sur la chronologie, saisir 0 %. Enfin, sélectionnez les deux images clés, cliquez sur neuf et accédez à l'éditeur de graphiques, faites glisser cette poignée vers la gauche 10. Arrière-plan: Entrez dans la couche d'arrière-plan en double-cliquant. Sélectionnez l'une des couches de feuilles. Appuyez sur R pour afficher la propriété de rotation au début de la chronologie. Appuyez sur le chronomètre, puis avancez de dix images sur la chronologie Modifiez la valeur de rotation comme vous le souhaitez. Avancez de dix autres cadres sur la chronologie. Copiez et collez la première image clé en sélectionnant l'image clé, appuyant sur les touches Ctrl et Ctrl V. Sélectionnez maintenant les trois images-clés. Contrôle C, contrôle V. Répétez maintenant ce processus jusqu'à ce images-clés couvrent la totalité de la chronologie. Sélectionnez toutes les images-clés, cliquez avec le bouton droit de la souris, sélectionnez bascule, maintenez l'image-clé enfoncée Répétez ce processus jusqu'à ce que toutes les couches soient animées. 11. Exportez: Voici un didacticiel rapide sur la façon d' exporter votre animation selon la chronologie. Cliquez pour découper votre composition. Il s'agit de la longueur de votre animation lors de l'exportation. Accédez au fichier Exporter et ajouter à Adobe Median Coder. Une fois Adobe Median Coder ouvert, cliquez sur l'un de ces liens pour afficher les propriétés. À côté du format Choisissez 0,264 À côté du préréglage, vous pouvez choisir n'importe lequel de ces préréglages créés par Adobe Je vais choisir Youtube, ten Ep, full HD. À côté du nom de sortie, vous pouvez saisir votre nom et l'endroit où vous allez exporter. Cliquez ensuite sur OK. Cliquez sur la flèche verte pour exporter. 12. Outro: Et c'est à peu près tout. Assurez-vous de publier votre projet dans la galerie de projets afin que tout le monde puisse voir ce que vous avez créé.