Transcription
1. Vidéo d'introduction: Vous êtes graphiste ou illustrateur ? Voulez-vous animer votre propre design ? Dans ce cours, je vais vous apprendre les bases d'After Effects et les outils pratiques courants pour créer une annonce Instagram comme celle-ci. Salut les gars, je m'appelle mon Martin. Je suis un concepteur de mouvement basé sur l'île ensoleillée de Singapour. Je fais du design de mouvement depuis plus de 14 ans, animant des publicités télévisées, des publicités, des publicités sur les réseaux
sociaux et bien d'autres types de vidéos. J' ai hâte de partager mes connaissances avec toi. Ce cours s'adresse aux étudiants qui connaissent un peu Photoshop et Illustrator. Nous allons apprendre à préparer votre fichier Illustrator ou Photoshop pour l'animation dans After Effects. Vous n'avez pas besoin d'une expérience préalable dans After Effects. Bien que le projet concerne les annonces Instagram, mais les techniques que vous apprendrez ici seront applicables à de nombreux autres types de projets de conception de mouvement. À la fin de cette classe, vous serez en mesure d'animer des personnages simples, des arts de
ligne et vos propres annonces Instagram. Commençons.
2. Le projet: La classe d'aujourd'hui est sur Animation Dog Food Ads pour Instagram. En tant que graphiste ou illustrateur,
vous êtes souvent obligé de créer des annonces sur les réseaux sociaux, les
animer rendra votre design plus vivant, et vous impressionnerez vos clients. Je fournirai le fichier Photoshop et Illustrator pour la pratique de classe. Mais pour vos devoirs, je vous encourage à remplacer l'ensemble du design par votre propre design, sorte que vous avez vos propres annonces Instagram originales. Je commencerai le cours en démontrant chaque technique une par une. Ensuite, je vais vous montrer tout le processus d'animation, pour que vous compreniez tout le processus.
3. Préparation de fichiers pour l'animation: C' est la conception finale, et essentiellement, ce que vous voulez animer, vous devez séparer tous les calques. Par exemple, si vous voulez animer cette main différemment de cette main et de la tête, ou peut-être cette pomme, vous devez séparer toutes les couches. Ce qui est important, c'est aussi de libérer toutes les choses du masque de coupe ; par
exemple, celui-ci, cette carotte. Nous prévoyons d'animer ceci, peut-être tourner comme ça, donc nous ne pouvons pas les faire recadrer, donc nous devons libérer le masque de coupure comme ça, « Release ». Plus tard, nous pourrons les animer séparément. Rien ne peut être recadré. Par exemple, la main comme celle-ci qui est en fait derrière le corps. Mais vous devez vous assurer que la main n'est pas rognée. Avec quelque chose comme ça, peut-être que c'est une bonne idée de les arrondir. C' est la même chose avec ça. Nous ne prévoyons pas d' animer le chien qui sort de derrière l'emballage, donc c'est bien d'avoir celui derrière comme ça, mais vous ne devriez pas les faire recadrer exactement à ça. Parce que, souvent, nous voulons animer, par
exemple, peut-être le chien entier comme ça. Peut-être qu'il veut déménager un peu ou emménager un peu. Si quelque chose est rogné, votre animation sera limitée, évitez
donc de recadrer quoi que ce soit dans votre conception pour l'animation. Vous pouvez aussi le voir. Tu vois ? Je ne recadre jamais rien. Tout ce que vous voulez animer séparément comme ça, comme nous prévoyons de le faire comme ça plus tard, il ne peut pas être rogné. Si vous voyez ce fichier AI, c'est le fichier que je vais fournir dans le dossier de téléchargement. Je garde ça comme. Lorsque vous voulez enregistrer pour l'animation, généralement, je vais juste l'enregistrer sous. C' est le fichier original, je vais juste souligner et ensuite mettre AE derrière afin que nous sachions que ce fichier va être utilisé pour l'animation. Si vous voyez, tout ici est séparé. Il s'agit de la superposition de l'emballage. C' est le logo Dokkies. Je vais éteindre un par un. Ce sont les cookies doggo, c'est délicieux. Je prévois d'animer chaque élément séparément, donc nous devons les séparer. C' est la patte numéro 8, patte numéro 7, la patte numéro 6. Vous pouvez voir toutes les pattes. C' est la carotte ; carotte 4, 3, 2, 1. Tout le poulet et toutes les pommes. La plaque de texte, le numérique, le 500 grammes. Il y a l'emballage lui-même. Fondamentalement, tout ça. Les jambes sont séparées, le biscuit s'effrite. Tout est des couches différentes. Toutes ces choses. C'est aussi très important, les yeux. Si vous voyez, le design original ressemble à ceci. Nous prévoyons de faire cligner les yeux, donc nous devons séparer l'œil blanc et les yeux noirs. Si vous voyez, je relâche aussi le masque d'écrêtage. Initialement, l'œil était à l'intérieur de l'œil blanc. Je fais ça comme ça. Nous pouvons remettre le masque d'écrêtage dans After Effects. Mais à partir d'Illustrator, nous devons les séparer et relâcher le masque d'écrêtage. C' est la tête, c'est le corps. Tu vois qu'il n'y a rien de recadré. C' est du côté Illustrator. Vous voyez, notre conception se compose en fait d' fichier
vectoriel et aussi d'un fichier Bitmap de Photoshop. Je vous recommande également de préparer le fichier Photoshop. Tout ce que Bitmap, nous utiliserons le fichier Photoshop, et tout ce qui est vecteur, nous utiliserons le fichier Illustrator. Nous pouvons également utiliser ce fichier Bitmap dans After Effects,
mais généralement, After Effects réagit mieux pour Bitmap en utilisant le fichier de Photoshop. La prochaine chose où nous devons séparer est le fichier Photoshop. C' est le fichier Photoshop. Je pense que c'est assez bon. Une chose à noter si vous utilisez un fichier Photoshop est la taille de l'image. Dans After Effects, assurez-vous d'utiliser la résolution 72. La dimension sur cette conception, nous utilisons Instagram ratio. C' est 1080 d'ici 1080, c'est déjà correct. Mais souvent, disons que vous animez quelque chose qui vient de l'agence de publicité. Peut-être que la taille du fichier est grande comme ça. Disons que l'agence vous donne ce dossier très haute résolution. Ouvrons dans Photoshop pour vérifier. Chaque fois que vous téléchargez quelque chose depuis Internet, une image haute résolution, vous devez d'abord vérifier avant de le placer dans After Effects. Si les Effects n'aiment pas vraiment les fichiers 300 DPI, cela va le rendre grossier, souvent. Vous voyez ce fichier que j'ai téléchargé depuis Pixabay. Cette résolution est de 150, donc After Effects n'aimera pas cette résolution. Ce que vous devez faire, c'est vous rappeler que cette 1920 est la dimension. Nous voulons maintenir cette dimension, mais changer cela en 72. Donc 72, alors vous pouvez remettre 1920, et vous pouvez convertir comme ça. Ensuite, vous pouvez enregistrer ce fichier comme tout ce que vous voulez. Nous utiliserons ce fichier, le fichier 72 DPI, pour After Effects. Une autre chose que vous devez vérifier est l'image du bit. Par exemple, vous allez à Image, Mode. Parfois, vous obtenez un fichier qui est 16 bits par canal ou 32 bits par canal. Plus ce nombre est élevé, plus il devient lourd dans After Effects. Si vous ne voyez aucune différence, vous devriez simplement la changer en 8 Bits. Si vous voyez une différence notable de qualité, vous pouvez le maintenir. Mais assurez-vous d'avoir un bon ordinateur sur lequel travailler. Parce que, sinon, les After Effects seront assez lents. Sur ce dossier. Nous avons juste besoin de huit bits par canal, donc je vais le maintenir. C' est tout pour la préparation finale. Rendez-vous dans After Effects.
4. Importer et sécuriser: Nous sommes ici dans After Effects, et c'est ce que vous verrez quand vous ouvrez After Effects. Nous utilisons la norme Workspace. Fenêtre, Espace de travail, Standard. Si vous ne voyez pas la même chose, avec moi, vous pouvez simplement aller à Fenêtre, Espace de travail, puis le changer en standard. Si cela ne ressemble toujours pas à la même chose, vous pouvez simplement réinitialiser Standard à la mise en page enregistrée et vous verrez quelque chose comme ceci. Pour commencer, nous allons importer notre fichier. C' est la bibliothèque de projets où nous importerons tous nos actifs. Il existe plusieurs façons d'importer votre fichier. Vous pouvez aller à Fichier, Importer, Fichier, ou vous pouvez également simplement double-cliquer ici et vous pouvez naviguer vers ce dossier Doggo puis AI, et puis pas celui-ci, c'est notre fichier d'origine. C' est celui que nous avons préparé pour l'animation qui a tous les calques séparés. Avant de cliquer sur « Ouvrir », assurez-vous d'importer en tant que Composition Conserver les tailles de calque. Cette option ne vous donnera qu'un seul calque, et cette option donnera chaque calque. Nous cliquons sur « ouvrir » et il vous donnera cette composition où tout est là et vous recevrez également ce dossier qui a tout. Je vais double-cliquer sur ceci et il ouvrira notre design ici. Une autre façon d'importer le fichier est que vous pouvez aller à partir du Finder, aller dans le dossier Doggo ; peut-être que nous allons apporter dans notre Photoshop, et celui-ci, vous pouvez également cliquer et faire glisser cette chose ici et il va ouvrir cette boîte de dialogue. Nous devons également nous assurer de choisir la taille du calque de conservation de la composition. Et si vous importez un fichier Photoshop, ils vous demanderont si vous souhaitez conserver calque ou fusionner les styles de calque dans le métrage. C' est à vous de décider, si vous avez des styles de calque que vous voulez animer différemment vous devriez simplement garder ces styles de calque modifiables, puis vous cliquez sur « OK
», et cela vous donnera la même chose. C' est la composition et ce sont les couches. C' est ainsi que vous importez le fichier. La prochaine chose est de savoir comment naviguer dans After Effects. Il s'agit de votre fenêtre d'aperçu, où vous verrez votre animation. Et c'est votre fenêtre Montage dans laquelle vous définirez toutes les images clés de l'animation plus tard. Si vous souhaitez effectuer un zoom avant ou arrière, vous pouvez utiliser cet outil et effectuer un zoom avant. Maintenir Alt va le transformer en moins, puis vous pouvez zoomer. Vous pouvez également utiliser ce grossissement, C'est la même chose. Choisissez celui ou vous pouvez simplement l'adapter à votre fenêtre. Et vous pouvez également utiliser la barre d'espace pour la main, cet outil manuel, et vous pouvez naviguer comme ceci. La prochaine chose est de vérifier la durée. Accédez à Composition, Paramètres de composition ou Commande K est le raccourci. Assurez-vous que nous utilisons la fréquence d'images 30 pour cette affectation et que la durée suffit définir sur 10, puis vous cliquez sur « OK » et puis pour la prochaine aussi, juste la commande K, assurez-vous que c'est 30 images par seconde, puis la durée est de 10 secondes. C' est le numéro de trame, c'est des secondes, et c'est une minute. Nous n'utiliserons qu'environ 10 secondes d'animation, suffit de définir « Okay » c'est tout pour l'importation. N' oubliez pas d'enregistrer votre fichier. Donc, vous allez dans Fichier, Enregistrer sous, Enregistrer sous, et nous allons dans le dossier Tutoriels, Doggo, Ae que nous avons préparé, et puis vous pouvez nommer ceci comme tout ce que vous voulez, mais je vais juste nommer ce Doggo_01 et puis cliquez sur « Enregistrer » qui est ça.
5. Propriétés de transformation: Nous allons en apprendre davantage sur les éléments de base de l'animation, à savoir la position, l'échelle, la rotation et l'opacité. Si vous voyez ici dans notre Doggo_AE_01, chaque couche provenant d'Illustrator ou Photoshop, si vous ouvrez cette flèche, il y a cette chose appelée Transform, et si vous ouvrez cette flèche à nouveau, elle aura ces cinq paramètres que vous pouvez animer : Point d'ancrage, Position, Échelle, Rotation et Opacité. C' est pareil avec le reste. Tout aussi la même chose. Il a la même chose. Si nous allons à l'autre colonne, c'est de Photoshop. Si vous ouvrez ceci, vous verrez qu'il a le même paramètre. Essayons d'animer quelque chose. Peut-être qu'on devrait juste ajouter de nouveau, pour ne pas interrompre ce fichier principal. Nous irons à Composition, créer Nouvelle Composition. Cette boîte de dialogue s'ouvrira. Peut-être que vous venez de le nommer, « Animation de test », et nous allons juste utiliser 1080 par 1080. La même chose que le ratio carré Instagram, le cadre par seconde. Peut-être que pour celui-là, on le garde à cinq secondes. Je vais changer cela en 05, puis cliquez sur « OK », et cela vous donnera une nouvelle composition. Je vais copier et aller à ce, notre dossier principal. Prenons une pomme pour l'animation. Il suffit d'aller trouver les couches de pomme, peut-être celle-ci, j'appuie sur Commande C pour copier, allez à Test Animation, puis Commande V, et nous aurons cette pomme. Je vais juste augmenter juste au-dessus, peut-être comme ça. Si vous voyez cela, vous remarquerez que lorsque nous nous mettons à l'échelle, il est devenu pixélisé. C' est parce que le fichier est plus petit que ce que nous l'avons mis à l'échelle. La bonne chose à propos de l'utilisation du fichier Illustrator est leur vecteur. Vous pouvez cliquer sur ce soleil, et il deviendra pointu. Il maintiendra les capacités vectorielles de celui-ci, mais vous ne pouvez pas le faire sur le fichier Photoshop. Vous ne pouvez le faire que sur le fichier Illustrator. Nous ne pouvons pas voir la tige, donc je vais créer un arrière-plan. Cliquez sur l'espace vide ici, cliquez avec le bouton droit de la souris, Nouveau ,
Solide, et vous pouvez changer l'arrière-plan pour n'importe quelle couleur que vous voulez. Peut-être que je vais juste utiliser peut-être jaune, puis cliquez sur « OK », le mettre sous la couche, et puis nous avons ceci. Verrouillons ce calque afin de ne pas le déplacer accidentellement et de cliquer sur votre pomme. Vous pouvez le positionner n'importe où. Ouvrez ceci, et vous voyez si je change la position, ce nombre se déplace, si je clique et fais glisser ici aussi, vous remarquerez que ces deux nombres sont en mouvement. La façon d'animer est de créer une image-clé. Disons que tu veux commencer ici. Peut-être que vous voulez faire de l'animation comme ça à partir d'ici, allez à ici. Nous allons à la durée 0, puis cliquez sur le chronomètre. Il va créer une image-clé pour vous, et peut-être que vous déplacez 10 images. Si vous voyez que c'est une seconde, c'est 10 images, c'est 20 images. Peut-être que je bougerai 10 images et ensuite je bougerai. Maintenez la touche Maj pour maintenir le verrouillage horizontal. Si vous n'avez pas tenu Shift, il vous donnera libre comme ça. Peut-être que je vais le déplacer ici. Quand je relâche ma souris, vous réaliserez qu'elle crée une image-clé automatique pour vous. Si vous revenez ici et que vous appuyez sur la barre d'espace pour jouer, vous voyez que la pomme bouge comme ça. Peut-être que vous voulez passer de gauche à droite, puis vous resterez pour 10 images ici, puis nous allons cliquer à nouveau, créer une image clé, puis aller à une seconde, peut-être déplacer votre pomme vers le haut et ensuite déplacer 10 images à nouveau, alors vous définissez une autre image-clé, donc elle attendra là. Si vous voyez, attendez, allez et attendez, et d'ici vous voulez bouger trop 20 et le déplacer ici. Passez à deux secondes, définissez une image clé, puis passez à une autre, puis vous copiez la première, sélectionnez cette, Commande C, puis sur cet indicateur de temps, vous Commande V, ou revenez à l'original. Ça vous donnera ça. C' est la position. Vous pouvez également définir une rotation. C' est notre point d'ancrage. Si vous voyez ce point d'ancrage, si vous déplacez le point d'ancrage, vous pouvez déplacer la pomme vers le milieu. Si le point d'ancrage est au milieu, si vous faites pivoter cette pomme, elle tournera à partir du milieu, mais si vous déplacez le point d'ancrage dans le coin vers le bas comme ceci, par
exemple, elle tournera à partir de ce point. Quelque chose comme ça. C'est la même chose avec l'échelle. Par exemple, si le point d'ancrage est ici et que vous modifiez l'échelle, il sera mis à l'échelle à partir de ce point. C' est le point d'ancrage. Vous pouvez également animer l'opacité. L' opacité est pour la transparence. Probablement je vais supprimer cette image-clé pour l'instant. Vous pouvez également l'utiliser pour le point d'ancrage. Il existe plusieurs façons d'ajuster le point d'ancrage. L' un vient d'ici. Si vous remarquez, si vous réglez ici, votre pomme est celle qui se déplace, mais si vous utilisez cet outil, il s'appelle Pan derrière ; le raccourci est Y. Donc, si vous cliquez sur ce bouton, vous pouvez également cliquer et faire glisser ce vers n'importe où vouloir. Si vous maintenez Commande, il se verrouillera à un certain point comme celui-ci. Si vous voulez vous assurer que c'est le centre exact de ce fichier, vous pouvez appuyer sur Commande et ensuite il apportera le point d'ancrage là. Il s'agit de la position, de l'échelle, de la rotation et de l'opacité. Je vais vous laisser jouer avec cela et vous habituer à tous ces paramètres et vous voir dans la prochaine leçon.
6. Types de images clés: Cette leçon porte sur différents types d'images-clés. Utilisera une nouvelle composition et en fait, je veux changer la couleur de fond de ceci. Si vous vous souvenez, c'est comme
ça que vous pouvez créer ça. C' est un clic droit, « Nouveau », « Solide ». J' utilise le même fichier, j'ai déjà un solide, et je vais juste ajouter des effets. Il y a un effet ici. Je vais trouver l'effet appelé Fill et je vais simplement cliquer et faire glisser ceci sur ce calque ou je peux aussi faire glisser vers ce calque. Il me donnera lecture par défaut. Vous voyez ceci si un contrôle est ici, apparaissant, et c'est le paramètre de cet effet. S' il n'apparaît pas, vous pouvez toujours aller dans « Fenêtre » puis « Contrôles d'effets ». Activez simplement ceci et vous pouvez changer cette couleur d'arrière-plan à tout ce que vous voulez. En fait, je vais juste utiliser du noir. Ensuite, je vais créer un cube en utilisant cet outil rectangle. Le raccourci est Q. Je vais faire une boîte comme celle-ci et si vous remarquez que le point d'ancrage est celui au milieu. Il suffit d'utiliser cet outil, de sélectionner ce calque, cliquer et de maintenir « Commande » et de le centrer. Appuyez sur « V ». Assurez-vous qu'il est au centre. Sinon, notre animation va être un peu bizarre plus tard. Pour la première boîte, peut-être, je vais la colorer en rouge. Je vais créer 5 boîtes. « Commande », « D » pour dupliquer cela, puis faites-le glisser en maintenant « Shift » pour qu'il s'aligne et puis ceci, peut-être, je le change en jaune. Puis « Commande », « D » à nouveau, faites-le glisser vers le bas. Celle-là, peut-être, on le change en vert. « Commande », « D » encore. Faites glisser le vers le bas. Peut-être que c'est bleu. « Commande », « D » à nouveau, faites-le glisser vers le bas. Peut-être que c'est blanc. Nous avons 5 boîtes. Sélectionnez-les tous. Essayons d'aligner. Allez dans « Fenêtre », « Aligner », alignez-les comme ceci. Si vous cliquez sur ce bouton, il se répartira verticalement, uniformément. En fait, nous pouvons aussi simplement le faire, sélectionner toutes les couches, puis répartir uniformément. Tout en sélectionnant tous, appuyez sur « P » pour la position, allez à la 0. Vous pouvez réellement appuyer sur Minus pour zoomer sur ceci ou Plus pour zoomer. Définissez une image clé pour tous. Alors peut-être que nous allons à 2 secondes et puis les
déplacer tous ici et puis essayons de jouer cette animation. En fait, c'est peut-être un peu trop lent. Si vous pensez que l'animation est trop lente, vous pouvez prendre le tout, puis le déplacer vers l'avant, puis essayer de la jouer. Ça va aller plus vite. Cette image-clé est toute image-clé linéaire. Linéaire signifie qu'il n'y a pas d'accélération ou d'accélération. Tout est juste une vitesse égale. Si je clique sur ceci, vous voyez qu'il y a un point ici que la distance est tous la même donc quand nous jouons ce sera la même. Mais changeons le premier. Nommons ce Linear et ensuite vous pouvez également changer la couleur du calque en rose fuchsia peut-être. Mettons-le sur le dessus pour ne pas être confus. Ensuite, ce jaune, ajustons le calque au jaune et mettez-le en second. Puis celui-ci vert. Déplaçons-le à la troisième rangée. Changez la couleur en vert. Ce blanc, laissons-le là. En fait, il n'y a pas de couleur blanche. Je vais juste le laisser tel qu'il est. C' est bleu. Peut-être que le dernier, nous le modifions pas de hauteur et nous pouvons changer la couleur en hauteur aussi bien pour ne pas être confus. Tous, pour le moment, sont linéaires. Prenons la dernière image clé, comme celle-ci, et vous faites un clic droit sur l'image clé. Allez dans « Assistant d'images clés ». Changez-le en « Facile à entrer ». Vous remarquerez que le côté gauche de l'image-clé est transformé en une heure et que le côté droit est maintenu comme un diamant. C' est Easy Ease In. Cela signifie que l'animation, si vous voyez maintenant, il a changé et il a ralenti à la fin. Si vous voulez la rendre plus visible, sélectionnons-la, allez dans l'Éditeur de courbe, sélectionnez cette image clé, puis faites-la glisser comme ceci. Revenons à cela et maintenant si nous le jouons, vous remarquerez qu'il ralentira à la fin. Vous voyez qu'il a ralenti. Cela signifie que près de la fin, il ralentira, venant lentement. C' est pourquoi ça s'appelle Easy In. Allons à la verte, changez cela,
faites un clic droit sur « Assistant d'image clé », « Easy Ease Out ». Easy Ease Out signifie qu'il est ralenti et qu'il va prendre de la vitesse. Il commence lentement et il deviendra rapide. Encore une fois, rendons les choses extrêmes pour que nous puissions voir. Sélectionnez ceci, allez dans l' « Éditeur de courbe », sélectionnez celui-ci, faites-en une courbe comme celle-ci et jouons. Vous pouvez voir qu'il est très lent au début très lent et puis prendre de la vitesse. C' est Easy Ease Out. Allons à la couleur bleue, puis sélectionnez-les les deux. Cliquez avec le bouton droit de la souris, puis allez dans « Assistant d'images clés », puis allez dans « Easy Easy ». Easy Ease signifie qu'il va ralentir
, prendre de la vitesse, puis il ralentira à nouveau en arrivant. Dans les deux sens, on arrive lentement, on sort lentement. C' est ce que cela signifie par facilité. Encore une fois, rendons les choses extrêmes. Sélectionnez les deux, allez dans «
Éditeur d'images clés » comme ceci, puis l'autre est comme ça, puis jouons-le. Faites attention à la bleue. Lent, rapide, lent, lent, rapide, lent. C'est facile. Le dernier est appelé Toggle Hold keyframe. Sélectionnons celui-ci et je vais sélectionner la première image clé, cliquez avec le
bouton droit de la souris, cliquez sur « Basculer Hold keyframe ». Ce que signifie Toggle Hold keyframe, c'est qu'elle maintiendra cette image-clé jusqu'à ce que vous modifiez la valeur sur la suivante. Au moment où il sera là, il sautera immédiatement comme ça. Qu' est-ce que tu utilises ça ? Beaucoup de choses. La chose que nous allons utiliser dans notre assignation de cookies est la rotation. Si j'appuie sur « R » pour la rotation, disons que je sélectionne la première image clé est comme ça, peut-être comme ça. Sélectionnez la première image clé, passez à 10 secondes. Permettez-moi d'abord de retirer ma position. Le premier est peut-être ici et ensuite le second est comme
ça et puis peut-être que je veux copier et coller ici, coller ici. Si je fais ça pour que tu puisses te concentrer sur celui-ci. En ce moment, c'est interpolant entre la droite. De là, il tourne ici et puis tourne en arrière. Mais si je les sélectionne tous et que je clique avec le bouton droit de la souris, puis que je le transforme en « Toggle Hold », vous voyez qu'il crée une animation. Ça ressemble à un stop motion. C' est ce que nous allons utiliser pour nos cookies plus tard. Mais dans ce cas, permettez-moi de supprimer tout cela, puis de revenir à la position.
7. Parrain des couches: Animons le chien. Avant d'animer dans le chien, vous devez savoir ce que vous voulez faire avec le chien. Vous devez essayer d'imaginer comment sera l'animation, afin que nous ne nous perdions pas quand nous animons. Ce que j'essaie de faire avec le chien, c'est comme, peut-être que je veux qu'il le fasse, animons celui-ci. Je veux qu'il sache, qu'il agite les mains et qu'il cligne deux fois, et ensuite, il reviendra derrière l'emballage. Tout d'abord, nous allons le colorer. Juste pour le rendre plus facile, je ne sais pas lequel est lui. Je fais défiler vers le bas, je pense que c'est celle-là. Oui. Doggo oreille, yeux, tête, corps, jambes, sélectionnez-les tous. Cliquez dessus et peut-être changer la couleur pour peut-être fuchsia afin que nous sachions que ce sont les chiens. codage couleur est toujours bon pour gérer vos calques. C' est la tête. Je vais appuyer sur R pour la rotation. Bien sûr, vous pouvez y accéder aussi ici. Mais sur ce cas, le raccourci est toujours bon. J' appuie sur R. Vous voyez que si je bouge la tête comme ça, il y a peu de choses qui ont mal tourné, évidemment. Tout d'abord, le point d'ancrage est faux. C' est censé être sur le cou. Deuxièmement, tous les yeux ne suivent pas la tête, donc nous devons d'abord fixer le point d'ancrage. Utilisons cet outil. Coupez Y et déplacez ça quelque part ici. Alors vérifions la rotation. Je pense que la rotation est correcte maintenant, mais maintenant nous devons mettre tout ça à la tête. Cette oreille, si vous voyez, il y a un fouet distinct appelé pick-whip. Si vous cliquez et faites glisser ceci vers la tête, vous voyez ce parent et lien, il parent à la tête maintenant. Si je bouge la tête, maintenant l'oreille est correcte. Nous voulons aussi porter les yeux à la tête. Sélectionnez les deux, puis faites glisser le fouet de prélèvement. Maintenant, si nous bougeons la tête, tout se déplacera correctement. Nous devons mettre la tête au corps. Si ce n'est pas le cas, disons que vous voulez faire sortir
le corps, tout ça ne suit pas. La prochaine chose est de parent la tête au corps. Si nous bougeons le corps, la tête suivra également. Puis ces deux-là, d'où, la patte de chien. Il y a beaucoup de choses qui ne vont pas encore, peu de choses. La rotation est incorrecte, point d'ancrage. Nous devons déplacer le point d'ancrage ici, appuyer sur Y pour l'outil derrière. Déplace-le ici. Si nous tournons, c'est correct maintenant, puis parent au corps, puis la jambe droite. Mettez-le ici. Également parent au corps. Si nous faisons tourner cela, et puis si nous bougeons le corps maintenant, maintenant tout suit. Ensuite, la dernière chose est que nous devons corriger, je suis en solo ce calque en cliquant dessus, puis appuyez à nouveau sur Y, puis je change mon point d'ancrage ici et en solo. Quand je tourne, alors tout est correct. Ce que je veux faire maintenant est peut-être à la durée d'une seconde. Tout d'abord, je veux animer cette position du corps doggo, P pour la position et en maintenant Shift, appuyez sur R. Je peux ouvrir le P et la position et la rotation. Je vais définir une image-clé ici. C' est la position N. Sélectionnez les deux, déplacez-le quelque part à 115, peut-être. Retournez à la durée 1. Je veux que ce chien tourne un peu comme ça. Peut-être que je peux zoomer un peu, alors la position est peut-être là. Voyons comment ça se passe. Je pense que c'est un peu trop lent. Déplacez ces deux images clés ici. coup d'œil pour un moment. Peut-être peek imagerie vague et bling,
bling, bling, bling, et ensuite peut-être ajouter ici. J' ai défini une autre image-clé, puis passe à quatre secondes. Je vais copier cette Commande C Commande V, puis copier cette rotation, Commande C, Commande V. Retournez. Quelque chose comme ça. Voyons l'animation. L' animation en ce moment, l'image-clé est linéaire. Tu te souviens, on doit lisser l'animation. Je veux que ce soit comme sortir et ensuite ralentir ici. Je vais sélectionner ces deux images clés. Cliquez avec le bouton droit de la souris sur Assistant d'images clés, facilité Vous vous souvenez que Easy Ease In est de ralentir. Voyons à quoi ça ressemble. Ce n'est pas aussi linéaire qu'avant. Alors ici, je veux faciliter la facilité. Sélectionnez ces deux images clés, cliquez avec le bouton droit sur Easy Ease Out. Voyons comment ça se passe. Bonjour, bonjour, bling, bling, sortez. En fait, sonnons notre région de rendu. Laisse-moi zoomer sur cet ajustement. Il s'agit d'une région de rendu. Pour le moment, si vous appuyez sur la barre d'espace, il va jouer pendant 10 secondes. Parfois, nous devons isoler la région de rendu. Nous voulons juste voir les cinq premières secondes, par exemple. Je peux appeler ça en cinq. Maintenant, si je joue, appuyez sur la barre d'espace,
entrez, sortez, venez à nouveau, et il reviendra à la première. C' est l'animation de base. Maintenant, faisons l'agitation. Peut-être qu'après être sorti comme ça, je vais aller aux deux jambes. Appuyez sur R. Cliquez sur « Image clé ». Ici, c'est en bas. Ensuite, voici, puis ici nous copions, collons, copions, collons, pour pouvoir agiter deux fois. J' ai besoin de sélectionner les deux copier, coller. Cette copie, coller. Voyons comment ça se passe. Peut-être une fois de plus. Commandement C, Commandement V. Voyons comment ça se passe. Ensuite, peut-être que je les sélectionne tous, les transforme en clic droit, puis Easy Ease. Voyons à quoi ça ressemble. Je pense que ça a l'air bien. Animons la rotation de l'oreille. Viens ici, cliquez. Nous devons fixer le point d'ancrage, sinon la rotation de l'air va se tromper. Appuyez à nouveau sur Y, puis déplacez le point d'ancrage là. Quand nous tournons, ce sera comme ça. Je pense que quand ça arrive, les oreilles devraient être comme ça. Définissez une image-clé. Je pense que ça devrait être comme ça. Au moment où il frappe ici, l'oreille reviendra ici, puis quelque part ici, peut-être qu'elle rebondira. Quelque part ici, peut-être rebondir un peu là. Ici, peut-être qu'il est 20. Voyons voir. Je pense que c'est un peu lent, mais je vais vous laisser jouer avec ça, mais laissez-moi faire rapidement ça. Sélectionnez tout, faites un clic droit, Easy Ease, quelque chose comme ça. Alors peut-être que quand il bouge, va ici, alors l'oreille va comme ça. C'est ça. C' est la physique des choses. C' est l'oreille, sauvegardez. N' oubliez pas de sauvegarder, Commandement S.
8. Alpha Matte: Qu' est-ce qui s'est passé avec les yeux ? Laisse-moi zoomer ici. Tout d'abord, masquons cette coupe à l'intérieur des yeux blancs. La façon de le faire dans After Effects avec des chaînes est appelée matte. Tout d'abord, changeons juste la couleur de la couche de ces deux yeux pour que vous puissiez voir ce que je fais. Voici les yeux, les yeux noirs, et voici les yeux blancs. Ce que nous voulons, c'est mettre les yeux noirs à l'intérieur des yeux blancs. Comment le faire est en dupliquant ce large yeux Commande+D. Vous voyez maintenant nous avons deux des couches des yeux blancs. Mettez-le sur les yeux blancs. C' est couvert. Sélectionnez les yeux noirs. Vous devez cliquer sur ce « Switches à bascule » et voir le mat de piste. Voyez si je bascule le mat de piste. Changer cette piste mate des yeux noirs en alpha mat yeux blanc 2. Lorsque nous faisons cela, vous remarquerez qu'il
cache automatiquement la couche des yeux blancs sur les yeux noirs. Ces deux icônes apparaissent, et maintenant l'œil noir est à l'intérieur de l'œil blanc. Deux de ces couches sont maintenant combinées. Ce n'est pas vraiment combiné, mais il utilise la couche yeux blancs pour masquer la couche yeux noirs. Ce que nous voulons faire, c'est de cligner les yeux blancs. J' appuie sur S pour l'échelle et clique sur cette chaîne de façon non proportionnelle comme ceci. Mais vous voyez que l'œil noir ne se rapproche pas. C' est parce qu'il utilise le calque blanc qui n'est pas animé. Si tu veux, on doit porter ces yeux blancs au même œil blanc. Si je parente ceci, il héritera de toute l'animation que nous faisons sur le calque yeux blancs, le calque de référence. Vous voyez si je clignote maintenant, ce calque suivra ce que nous faisons sur ce calque. Ce que nous voulons maintenant, c'est animer le clignotement. Donc le chien sort, peut-être que quelque part ici il clignotera. Cliquez sur l'échelle. Clignez comme ça, copiez ceci, collez, puis quelque part ici, copiez ceci, copiez, collez. Sélectionnez le tout. Faites un clic droit, « Easy Ease », puis permet de jouer à nouveau. Clignez, clignotez. Le clignotement est assez lent, donc nous pouvons sélectionner le tout tenant alt et il peut les balancer vers le bas. Je pense qu'il est encore assez lent. Maintenir alt à nouveau, faites-le comme ça. Ouais, quelque chose comme ça. Vous pouvez ajuster l'animation en fonction de vos préférences. Mais c'est essentiellement notre animation, et revenez. Je pense qu'avec ce concept, vous pouvez commencer à animer d'autres choses déjà. se voit sur la prochaine leçon.
9. Tracer pour l'animation de dessin au dessin au dessin: Dans ce concept, je vais introduire un concept de chemins de coupe, qui fait l'animation de la ligne, en suivant ce script. Tout d'abord, nous allons coder ces fichiers, ces couches. C' est des dokkies, des cookies doggo, et délicieux. On va juste animer ces trois choses. Allons-les en solo. Peut-être que nous avons aussi besoin de solo l'arrière-plan. Je les vois sur le fond. Codez-les en couleur pour, je ne sais pas, peut-être bleu ou violet. La prochaine étape consiste à utiliser l'outil Plume pour tracer ce texte. Une chose que vous devez utiliser cet outil Plume est comme si vous sélectionnez un
calque, comme ceci, maintenant nous sélectionnons ce calque de dokkie. Si vous utilisez cet outil Plume, et disons que je dessine quelque chose comme ça. Puis je ferme la boucle. Cela crée réellement un masque. Si je change ce masque, oui, ça crée un masque. Comment transformez-vous cela en une forme à la place ? Tout d'abord, je vais supprimer ce masque. façon dont vous le faites est que vous ne pouvez rien sélectionner, vous devez
donc désélectionner en cliquant quelque part ici ou vous ne pouvez pas sélectionner ici parce que c'était la couche. Vous pouvez choisir quelque part ici. Maintenant, vous ne sélectionnez rien, puis vous cliquez sur cet outil Plume, puis maintenant si vous dessinez ce masque, il va créer la forme et il va créer une nouvelle forme. C' est ce que nous voulons, mais nous ne voulons pas de couleur, nous voulons un coup. Maintenant, vous pouvez aller à ce remplissage, faire aucune couleur, puis changer la couleur du trait à tout ce que vous voulez. Peut-être que pour l'instant on utilise quelque chose comme ça. Mais c'est si épais. Vous pouvez réduire l'épaisseur, peut-être quelque chose comme en fait je vais le rendre mince d'abord. On peut la rendre plus épaisse plus tard, mais j'ai besoin de voir la chose originale que nous avons tracée pour qu'elle ne soit pas trop épaisse pour l'instant. Oui, je vais y retourner. Cliquez dessus. Laissez-moi m'ajuster un peu. Ensuite, il peut continuer à tracer cela. Ensuite, je vais m'arrêter ici et puis peut-être continuer une autre couche. Je clique ici. Cachons notre chien,
puis changeons ça en noir. Ouvrez ensuite le calque de forme,
ouvrez le contenu , ouvrez la forme, ouvrez le trait, puis maintenant nous pouvons rendre le stock plus épais ici. Ensuite, nous pouvons également faire la pointe brune, puis la jointure tout autour. Je ne sais pas pourquoi ce n'est pas par défaut autour de la
plupart des cas, nous avons besoin de ces deux-là pour être ronds. Vous voyez le coin et la pointe est ronde. C'est ce que nous voulons. Alors essayons de zoomer un peu. Laisse-moi finir ça. Revenez à cette presse « G » à nouveau pour l'outil Plume, alors seul vous pouvez réactiver cette. Je vais désélectionner à nouveau, désélectionner n'importe quoi. Je ne sélectionne rien, puis je vais en dessiner une autre suite. Appuyez sur « G », vous voyez quand je clique ici, il va générer un nouveau calque de forme, et c'est ce que nous voulons. Nous allons dessiner ça, je vais continuer à dessiner cette lettre, tenant Alt, et ensuite je peux déplacer ça, encore une fois je m'arrêterai ici. Ensuite, voyez que c'est pour un accident vasculaire cérébral, donc je vais sélectionner ceci et puis le transformer en quatre aussi bien. Encore une fois, je dois ouvrir ceci, aller à la course, changer ceci en arrondi, changer ceci en arrondi, et le fermer. Désélectionnez à nouveau, je veux continuer. Appuyez sur « G » pour l'outil Plume. Alors je vais dessiner ça à nouveau. Nous avons ceci, et puis maintenant
désactivons les dokkies d'origine, puis sélectionnez-les tous, appuyez à nouveau sur « G » pour activer cela, changez la couleur en noir. C' est notre conception. Maintenant, ce que nous voulons faire est de les animer coup par coup. D' abord, c'est le premier, ouvrez ceci. Lors de la sélection de la forme, accédez à cette flèche dans Trim Paths. Ouvrez cette Trim Paths, puis maintenant si vous voyez, je désélectionne. On peut voir ça. Si j'anime cette fin, vous voyez qu'elle va s'animer et en passant, pendant que vous animez, parfois vous ne voulez pas vraiment voir ces lignes. Vous pouvez cliquer dessus et vous désactivez cette ligne. Rappelez-vous, si vous voulez le revoir, il vous suffit de cliquer sur ce bouton [inaudible] ici. Maintenant, ce que nous voulons est d'animer cela à partir de 0, définir une image clé ici. Allez quelque part peut-être à 1, et je l'anime à 100. Ensuite, nous allons à la couche de forme numéro 2, ouvrez cette, cliquez sur la forme 1, ajoutez des chemins de coupe. Ouvrez un tracé de coupe. Encore une fois, nous animons ceci à partir de 0, peut-être quelque part ici. Je ne sais pas où, on peut s'ajuster légèrement plus tard, puis à 100. Puis celui-ci à nouveau, cliquez sur la forme 1, ajoutez également des chemins de coupe. Ouvrez le tracé de coupe animer la fin de 0 à 100. Le dernier est le point. Je pense qu'on peut le déplacer ici plus tard. Maintenant, nous voulons fermer ceci, vous voyez qu'il y a beaucoup de paramètres que nous n'avons pas besoin de voir. Si vous sélectionnez ce calque et que j'appuie sur « U', il va juste osciller sur les choses que nous avons définies, les images clés que nous avons dites. Je vais appuyer sur « U », appuyez sur « U », puis essayons de voir notre animation. Comment ça ressemble ? En fait, ça a l'air plutôt bien. Je pense que vous pouvez jouer avec ça, mais c'est le concept principal des chemins de coupe.
10. Suivi du texte: La prochaine chose est d'animer le mot délicieux et le mot dokkies, alors nous allons zoomer. Tout d'abord, nous devons recréer ce
calque parce que lorsque nous introduisons un calque de texte à partir d'Illustrator, il deviendra un calque normal. Nous devons le recréer dans After Effects. Tout d'abord, je vais sélectionner mon outil de texte, venir ici et puis taper délicieux. Vous pouvez utiliser n'importe quelle police, mais j'ai effectivement utilisé une police appelée Proximal Nova si vous les avez, et ensuite vous pouvez ajuster la taille de la police ici. C' est le suivi, c'est le leader, et oui. Je pense que pour l'instant on a juste mis ça quelque chose comme ça. Je pense qu'on va le changer en gras. T a l'air plus similaire. En sélectionnant ce calque de texte, dessinons le chemin, je pense que c'est quelque chose comme ça. Vous devez sélectionner le calque, puis cliquer sur cet outil de plume, puis essayer de tracer le tracé. Quelque chose comme ça. Touchez à nouveau V, puis accédez à ce calque de texte, ouvrez ce paramètre. À l'intérieur des options de chemin sur ce calque de texte, nous pouvons le modifier en masque 1, puis maintenant il suivra ce chemin. Nous devons éteindre la couche de guide à délicieux, donc quelque chose comme ça. Alors ce que nous voulons animer c'est en fait, c'est juste comme une machine à écrire, [inaudible] sortir. Il y a un moyen très facile de le faire,
où vous sélectionnez ce calque de texte, vous allez dans cette fenêtre, ouvrez ce texte Effets et Préréglages. Ensuite, vous pouvez juste trouver ici appelé machine à écrire. C' est Animation Preset, ça s'appelle machine à écrire. Vous pouvez simplement double-cliquer pendant que ce calque est sélectionné ou cliquer et faire glisser vers ce calque. Il sera parti, mais si vous cliquez sur ce calque, puis vous appuyez sur « U », vous verrez deux images clés. Vous pouvez définir cette image-clé ici et peut-être couper le début. C' est en fait le début, qui est à rien, et puis il va lentement, un par un sortir. Voyons l'animation. C' est ce que nous voulons avec délicieux, quelque chose comme ça. Alors maintenant, je pense qu'avec le même concept, on peut animer les cookies doggo. Tu peux essayer ça.
11. Expression en boucle: Animons toutes ces choses en utilisant Expression. Je veux animer par exemple, les carottes. Concentrez-vous sur les carottes d'abord, allez à la carotte. Tout d'abord, nous devons fixer le point d'ancrage au milieu de la carotte. J' appuie sur « Y », puis peut-être quelque part ici, et puis j'appuie sur « R » pour la rotation. Accédez à la première image, cliquez sur « Image-clé », créez une image-clé, puis allez peut-être à cinq images. Vous pouvez effectuer un zoom avant ou un zoom arrière pour effectuer un zoom sur la chronologie. Ensuite, je vais probablement tourner vers cela, puis aller à 10 images, copier cette première commande C, Commande V. Je veux voir à quoi cela ressemble, donc je vais chaîne cette région de rendu à ici. Nous pouvons juste voir sur ce petit morceau de la région de rendu en boucle. Ce n'est pas ce que je veux. Je veux utiliser l'image clé de maintien à bascule pour qu'elle ressemble au ralenti. Je fais un clic droit sur mes « images clés », cliquez sur « Toggle Hold keyframe ». Je pense que c'est un peu trop rapide, passons à 10 images. Probablement vous pouvez réajuster ça. Mais ce que je veux faire maintenant, c'est de boucler ces images clés. Bien sûr, si vous le souhaitez, vous pouvez simplement copier, coller ceci, comme par exemple, copier, puis venir ici, coller, puis coller, coller, et ainsi de suite. Mais cela nécessite beaucoup d'efforts, beaucoup d'ajustements, et ce n'est pas très précis où vous placez les images clés. Si vos clients avaient déjà modifié le paramètre, vous devez modifier tous ces paramètres. La méthode la plus sage consiste à utiliser Expression. Vous avez une configuration basée sur la liste de vos images-clés. Ce que vous voulez faire est de définir une expression très simple. Comment le faire est en allant à ce chronomètre, maintenant « Alt », et cliquez sur ce « Chronomètre ». Il ouvrira effectivement cette fenêtre d'expression. Ce que vous devez taper est loop, L-O-O-P, et au moment où vous tapez cela, After Effect vous suggérera quelques expressions différentes couramment utilisées. Nous voulons utiliser cette expression LoopOut. Vous allez vers LoopOut, appuyez sur « Entrée », puis vous cliquez hors de cette fenêtre, peut-être quelque part ici. Maintenant, si vous voyez, et si vous jouez votre animation, votre animation ira pour toujours. Cela va boucler pour toujours. LoopOut signifie boucler hors de cela vers le côté droit, et il se conservera pour toujours. Si vous changez ceci en LooPin, cela signifie que tout ce qui précède ces images clés sera bouclé. Mais sur ce cas, nous voulons LoopOut, il vous donnera ceci. Si vous voyez l'avantage de cela, si votre client change quelque chose, par exemple, disons qu'il dit, c'est trop rapide, vous pouvez juste ajuster cette tenue « Alt », rendre plus lent, comme ceci, et puis jouer retour à nouveau, et cela sera bouclé. Il est très facile pour vous de modifier votre configuration d'origine de l'animation en utilisant cette expression. Vous pouvez imaginer, vous pouvez appliquer à tous les autres. C' est l'animation avec une expression LoopOut simple.
12. PreComp: Parfois, vous devez regrouper des éléments dans After Effects pour les déplacer ensemble ou pour les copier ou pour bien d'autres fins. Nous pouvons utiliser cette fonctionnalité dans After Effects appelée pré-composition. Disons que je veux regrouper tous les cookies, afin que je puisse les masquer à l'intérieur de cet emballage, je vais essayer de trouver tous mes cookies. Cette patte, la carotte et le poulet, et la pomme. Je pense que c'est tout un truc. Je les sélectionne tous en maintenant Shift et puis je maintiens Command Shift C. Quand je clique dessus, il me demandera ce pré-composer ou si vous ne vous souvenez pas du raccourci, c'est en fait ici, Layer, Pré-composer,
Command Shit C. Il vous demandera ce qui est le nom de cette pré-composition ; je vais peut-être les appeler éléments Cookies. Ajustez ensuite la durée de la composition à la durée des calques sélectionnés. Oui, je veux cocher ça et puis je clique sur « OK ». Vous verrez tous les objets qui s'y trouvent deviennent un seul calque. Maintenant, je peux les déplacer ensemble comme ça. Si vous voulez modifier l'un de ces éléments, tout devient groupe. Maintenant, vous pouvez simplement double-cliquer dessus et vous allez entrer dans ce groupe. C' est similaire à Illustrator lorsque vous les regroupez, alors si vous double-cliquez sur des éléments, il entrera en mode d'isolement. C' est une chose similaire, mais la pré-composition peut faire beaucoup plus de choses. Pour l'instant, disons que je veux juste masquer ça. J' ai besoin de trouver la couche que nous avons utilisée pour cette chose en utilisant le [inaudible], si vous vous souvenez de notre leçon précédente [inaudible]. En fait, j'ai préparé cette carte de couche à partir d'Illustrator, ou nous pouvons également utiliser la couche Packaging à partir d'ici. C' est le fichier Photoshop. Cliquez sur cette couche d'emballage, puis nous pouvons commander C, le copier. Revenez ici, allez à ces éléments Cookie, puis Commande V. C'est exactement coller là. Si vous vous souvenez, c'est notre élément cookie, nous pouvons cliquer sur ce segment et l'emballage Alpha Matte. Maintenant, il est recadré à l'emballage. Si vous voyez ces deux, il cache le calque et ensuite il me donne ces deux icônes, si vous vous souvenez de la leçon Alpha Matte. Maintenant, nous pouvons simplement sélectionner ces deux, puis changer la couleur en jaune, donc nous savons qu'il y a deux sont liés ensemble. C' est une fonction de l'utilisation de la pré-composition. Il y a une autre fonction. Disons que vous voulez regrouper ce chien que nous avons [inaudible]. Allons là-bas. Ce doggo ici est tout, si vous vous en souvenez. Disons que vous voulez les déplacer ensemble, mais vous avez déjà quelque chose d'animé ici. Si j'appuie sur « U », voir que vous avez cette position animée. Si je le déplace maintenant, comme ça, il va en fait foirer toute l'animation. Tu vois, je crée une nouvelle clé ici. Ça devient très fou comme ça. Je vais annuler ça, nous ne voulons pas faire ça. On peut les regrouper d'abord, puis seulement déplacer ce groupe. Pour ce faire, sélectionnons à nouveau tout cela, puis appuyez sur Commande Shift C,
Pré-composer, puis peut-être que vous appelez ce Dog Droite, qui est chien sur la droite, ou vous pouvez l'appeler de toute façon ce que vous voulez. Cliquez sur « OK ». Cela devient un calque, et il y a toujours toute l'animation là-bas. Si vous passez en mode d'isolement, vous pouvez le modifier à nouveau comme vous le souhaitez. Ensuite, nous revenons à la composition principale. Ce que vous pouvez faire maintenant avec ceci est, tout d'
abord, vous pouvez dupliquer. Par exemple, disons que vous devez avoir une copie de lui faire la même chose. Vous pouvez commander D, dupliquer ce chien, et ensuite peut-être que vous pouvez l'évoquer. Peut-être que vous pouvez appuyer sur « S » pour mettre à l'échelle, le rendre plus petit. Peut-être que vous pouvez le retourner, donc sur cette échelle, et prendre cet uniforme, puis le changer en moins 60, donc il est retourné. Alors peut-être que tu veux le mettre ici. Maintenant, vous avez le même chien qui utilise la même animation exacte. L' avantage de ceci est lorsque vous changez l'original, tout sera mis à jour ensemble. Si vous imaginez que vous avez peut-être 1 000 abeilles sur votre animation et que vous voulez qu'elles soient simplement animées une fois, puis dupliquées en beaucoup de choses. Ensuite, si votre client change l'abeille d'origine, tout sera mis à jour. La pré-composition est très bonne pour cela. Vous pouvez également automatiser le timing. Voir, par exemple, celui-ci viendra un peu plus tard, ou quelque chose comme ça. Celui-ci sortira en premier et celui viendra plus tard. Donc la pré-composition est vraiment bon pour décaler le timing afin qu'ils puissent tous animer un timing différent. Peut-être que je dupliquerai ce chien encore une fois, pour le rendre plus petit comme ça. Alors peut-être que celui-ci est encore plus tôt, donc nous avons trois chiens animés un timing différent. Vous n'avez besoin de l'animer qu'une seule fois, puis vous pouvez alterner, et vous pouvez changer les choses. Vous pouvez également changer la couleur de ceci, par exemple, vous allez ici, puis vous allez à Effets et Préréglages. Ensuite, vous tapez hue. Ceci est juste un exemple, donc si vous faites glisser cette teinte et ensuite peut-être que vous changez la teinte principale en vert. Je ne sais pas pourquoi tu veux ça, mais dis-le par exemple. Maintenant, avec exactement la même configuration, vous pouvez en avoir trois variétés différentes. C' est un autre pouvoir de pré-comping.
13. CC Bend It: Cet outil s'appelle Bend. Dis que tu veux animer les cheveux de ce chien. Peut-être que tu voulais agiter à gauche, à droite, à gauche, à droite. Essayons d'utiliser un outil appelé CC Bend. Essayons de trouver les cheveux. C'est les cheveux. Nous allons changer le point d'ancrage, appuyer sur Y en haut, puis aller à Effets et préréglages. Si vous ne le voyez pas, accédez à Fenêtre, puis Effets et paramètres prédéfinis. Tapez ensuite Bend. Ça s'appelle CC Bend It. Vous pouvez donc double-cliquer dessus et il sera appliqué à ce calque. Quelque chose de fou va arriver. Laisse-moi en solo cette couche. Vous voyez qu'il a rogné mon calque, c'est parce que le point de départ et le point de fin sont faux. On doit ajuster ça. Si je plie cette chose maintenant, ça ira se plier d'une manière très bizarre. En fait, je pense qu'on pourrait vouloir retourner ça. Mettez celui-ci, le départ est en haut et la fin est en bas ici. Maintenant, si on se plie, ça se pliera comme ça. Maintenant, vous voyez quelque chose qui s'est passé, qui est ma couche est recadrée maintenant. Nous devons ajouter un autre effet appelé Grow Bounds. Tapez ici Grow Bounds, puis ajoutez-le ici. Laissez-moi essayer de le plier à nouveau. Cultiver Bounds doit être avant. Vous voyez, si je fais pousser cette chose ici, grandir en pixels, il déclarera en fait le recadrage. Maintenant, nous pouvons animer ça comme ça. En fait, tout d'abord, laissez-moi réinitialiser ça à zéro à nouveau. Faisons la bonne parentalité de ce chien pour qu'on ne devienne pas fou. Ces cheveux doivent être parentés à la tête. Attendez. Ouais, cette tête poilue. Cela les cheveux dos également parent à la tête. Cette tête, je pense que nous devons appuyer sur Y, puis changer le point d'ancrage à quelque part ici, donc quand nous tournons la tête, ce sera correct. Ensuite, la tête d'être parent au corps. Ce que je veux faire, c'est que ce chien sorte et les cheveux suivront la physique de quand il sortira. Ensuite, cela les cheveux de retour aussi, nous devons fixer le point d'ancrage. Appuyez sur « Y » le mettre ici. Le corps, tout d'abord appuyez sur « P », puis définissez une image clé au début, peut-être que le chien est là, puis peut-être que le chien sort dans les 15 cadres. En passant, il y a un raccourci pour déplacer image par image, qui est Commande Flèche Droite et Commande Flèche Gauche. Si je maintiens Commande et puis j'appuie sur « Flèche droite », il se déplacera par incrément d'une image. Si vous voulez déplacer par incrément de 10 images, vous pouvez maintenir la touche Commande et Maj, sorte qu'il se déplace de 10 images. Mais sur cette affaire, je veux juste aller à cette quinzaine et ensuite déplacer le chien, peut-être ici. Voyons comment ça se passe. Peut-être qu'il va rester là pendant un moment, puis définir une image clé et ensuite il reviendra. Commandement C, Commandement V. Sortez, revenez. Ensuite, vous pouvez tout transformer en Easy Ease. Cliquez avec le bouton droit de la souris sur « Assistant d'image clé », facilité Ici, animons les cheveux, le Bend. Cliquez sur « Démarrer l'image clé »,
appuyez sur « U » pour ouvrir l'image clé. Alors, tout d'abord, son héritier devrait être comme ça. C' est là qu'il est venu comme ça. Je pense que je veux bouger un peu ces cheveux, ouais. Puis au moment où il atteindra cette position, il s'animera dans la direction opposée, quelque chose comme ça. C' est juste un outil physique, quelque part là-bas, et puis nous allons revenir à ces images clés, copier-coller, mais la puissance sera réduite un peu, donc réduisez un peu comme ça. La physique des choses rebondissantes comme celle-ci est généralement comme aller loin, revenir en arrière avec la même puissance, puis y retourner avec la moitié de puissance, puis revenir ici avec une autre moitié, et puis vous venez de couper la moitié de tous les un chemin à travers. Ici, nous allons l'animer en arrière peut-être comme ça, et puis ici, copier-coller, mais cette fois réduire à moins 4 peut-être ou peut-être même moins 2, puis ici Commande C, Commande V, réduisez ceux-ci à peut-être trois, peut-être à zéro. Réajustons juste ça un peu. Ensuite, changez tout pour Easy Ease. Voyez le moment. Ouais, quelque chose comme ça. Mais je pense que le moment est faux. Je pense qu'avant qu'il frappe ici, ça devrait être déplacé quelque part ici, peut-être, oui, quelque chose comme ça. Puis quand il s'en va, nous devons définir une autre image-clé. Quand il s'en va, nous animons comme ça et puis nous ajustons ça. Voyons voir. Ouais, je pense que c'est plutôt bon. Ouais, vous pouvez prendre votre temps pour essayer d' ajuster cela jusqu'à ce que vous obtenez l'animation que vous aimez. Mais oui, c'est CC Bend It.
14. Le restes du processus: Cette étape est juste pour vous montrer comment j'anime tout jusqu'à la fin. La première chose que je veux faire est d'introduire des couches Photoshop, ces trois couches dans mon Kong principal. Je peux en fait utiliser ce fichier que j'ai préparé dans Illustrator, mais d'une manière ou d'une autre ce n'est pas toujours, mais parfois le bitmap de fichier que vous apportez d'Illustrator vous pose parfois un problème, donc je vais juste l'apporter pour plus de sécurité. Je colle ceci, et puis cette ombre et la couleur de fond sont évidemment en bas. Je peux supprimer cette couche, puis je remplacerai cet emballage par un nouveau. Supprimez celui-ci, puis je dupliquerai cet emballage, puis le mettre sur le dessus de tout comme une texture. Laissez-moi changer ceci en mode de fusion. C'est le mode de fusion. Vous pouvez jouer avec cela en faisant défiler, en
sélectionnant ce calque, en maintenant la touche Maj enfoncée et en appuyant sur « Plus ». Vous pouvez réellement faire défiler les différents modes de fusion qu'ils ont. Vous pouvez vérifier ici le nom continue à changer. Vous pouvez trouver la chose que vous pensez être la meilleure. Mais pour mon cas, je vais juste utiliser multiplier, et je vais réduire l'opacité à environ 80 pour cent. C' est ma texture que je vais utiliser. Vous voyez maintenant la différence avec et sans. Vous pouvez voir que les plis seront apparents. Ensuite, je verrouillerai ce calque pour ne pas le déplacer accidentellement. Je veux réellement créer une animation en boucle. Dans mon animation en boucle, je n'ai pas besoin de ce texte pour s'animer. Maintenant vous connaissez les techniques, mais sur cette affaire, je n'ai plus vraiment besoin de ça. Je vais sélectionner tous ces éléments, appuyer sur « U », puis en fait je vais supprimer toutes les images clés. Supprimez, déplacez ceci en arrière. Ce texte ne s'anime pas. Il sera juste là. Alors ce délicieux, je ne veux pas non plus qu'il s'anime, alors je clique sur ce calque, appuie sur « U », et je vais supprimer ces deux images clés pour qu'elles ne s'animent plus vraiment. Ensuite, je peux supprimer cela plus loin, je n'ai plus besoin et cela je n'ai plus besoin. Tout ce truc, ces titres plus ça, en fait je pense que je veux juste les pré-composer, donc je vais les regrouper ensemble, commande shift C, pre-comp, et je vais juste appeler ces titres. Ils deviennent un. C'est juste plus rangé comme ça. Alors maintenant, je veux animer chacun de ces cookies. Va à l'intérieur, et je dois les réparer un par un, le point d'ancrage. Je pense que ça devrait ici, puis ce sondage. Je vais juste essayer d'accélérer ça et on le voit encore après que j'ai fait tout ça. Si vous double-cliquez accidentellement sur quelque chose, vous allez ouvrir l'attribut de cette couche, vous pouvez simplement cliquer dessus ici, et c'est votre composition principale. J' ai ajusté. Il s'agit d'un basculement de transparence entre le fond transparent et le fond noir. Vous pouvez changer cette couleur si vous ne pouvez pas voir ce qui est derrière en appuyant sur « Commande K », « Paramètres de composition », puis vous changeriez simplement cette couleur pour quelque chose. Ça n'a pas vraiment d'importance. C'est en fait transparent, mais c'est juste pour vous de voir le design derrière. Sélectionnons tous ces éléments. Appuyez sur « R » pour la rotation, donnons un peu d'espace et adaptons ceci, sauf pour ces deux. Créez une image-clé, allez quelque part ,
allez ici, puis créez une image-clé, puis passez au milieu. Je pense qu'il vaut mieux que nous le fassions un par un parce que sinon, vous ne sauriez peut-être pas lequel est lequel. Ça, peut-être que tu veux faire le contraire comme ça, et ensuite celui-là on veut faire le contraire comme ça. Je pense qu'on les a tous. Sélectionnez tout, cliquez avec le bouton droit de la souris, changez-les en Basculer la retenue. Ensuite, nous voulons copier le script de boucle. Comment faire est que vous sélectionnez. Celui-ci a déjà un script à l'intérieur. Cliquez sur cette « Rotation », faites un clic droit sur « Copier l'expression uniquement », cliquez, sélectionnez tout cela, les couches restantes. Ensuite, il suffit de coller. Il va coller toute l'expression de boucle. Je pense qu'ils sont assez rapides, alors sélectionnons tout tenir alt, puis développez. Voyons voir. Je pense que c'est une vitesse plus raisonnable. Lorsque vous animez assurez-vous que vous animez dans l'incrément de multiplication d'une seconde parce que nous voulons essayer de faire une boucle d'une boucle de cinq secondes. Vérifions-les sur la composition principale. Fermons la zone de rendu appuyez sur N, le raccourci à cinq secondes. Je pense que ce chien, je veux le garder plus longtemps dans le cadre et je veux animer les autres cheveux alors allons-y. Ces cheveux, je pense que nous allons appliquer le même effet. Pliez-le CC pliez-le. Double-cliquez pendant que nous sélectionnons ce calque. Allons en solo cette couche. Je pense qu'il est aussi recadré. Cliquez sur ce « Effets », appuyez sur « V ». Je pense qu'on doit retourner, puis mettre. C' est le départ en haut et c'est le bas. Si nous plions ceci et nous rappelons que nous avons besoin d'un autre effet appelé Grow Bounds, tapez Grow Bound, puis cliquez et faites glisser ici. Grow Bound doit venir avant, alors quand on se plie, c'est étendu. Cool. Allons désoler ça. En fait, nous allons coder cette couleur orange foncé, puis les solo, pour que vous puissiez voir juste le chien. Ces cheveux, définissons une image-clé pour le groupe, puis appuyez sur « U », afin que nous puissions voir l'image-clé. Au début, je veux que ce soit comme ça, comme les autres cheveux. Alors nous viendrons ici. Les cheveux iront par là. Reviens ici. Ensuite, nous copions celui-ci, copiez coller. Rappelez-vous que nous voulons réduire la puissance de moitié. Venez là, copiez celui-ci, cliquez sur « Commande V », puis à nouveau couper de moitié la puissance quelque chose comme ça. Viens ici, puis remets-le à ça, et vas-y, puis déplace-le pour venir ici et revenir à zéro normal. En fait, le zéro devrait être là. Puis il y a un autre zéro et quand tu retourneras, ce sera comme ça. Ensuite, sélectionnez-les tous, cliquez avec le bouton droit de la souris, puis Easy Ease. Alors vérifions ça. Ça a l'air bien, mais je pense que nous avons besoin d'un peu d'un temps stupéfiant. C' est pour le rendre plus organique, donc nous le retardons probablement d'un seul cadre. Cela vous donnera un peu de variété. Voyons voir. Vous voyez les cheveux, c'est une différence très mineure, mais ça vous donne une animation détaillée. Désolons-les en solo, puis poursuivions. Je veux garder ce chien plus longtemps. Peut-être qu'il sortira ici. Ensuite, je vais prendre toutes ces images clés et peut-être quelque part ici, afin qu'il puisse rester plus longtemps et la scène. Sors, reviens. Ensuite, quand le chien n'est plus là, nous voulons couper cette couche. Maintenez la touche Alt puis fermez le crochet. Vous pouvez couper ceci à cela. C' est une bonne habitude de couper le calque qui n'est plus là, sorte que vous savez où se termine le calque. Maintenant, ça a l'air vraiment bien. La dernière chose que nous avons besoin d'animer est ce carlin, queue de carlin, corps de carlin. Changeons cette couleur en vert. Peut-être qu'on différencie le carlin et le crumble. Changons le carlin pour lire. Animons la queue de carlin. Cliquez dessus, puis changez le point d'ancrage, appuyez sur « Y ». Changez-le ici. Appuyez sur « R » pour la rotation et puis je veux juste le déplacer comme ça. Allez à l'avant, définissez une image-clé, peut-être tourner comme ça. Aller à 15 images, aller dans la direction opposée, aller à une. Encore une fois, rappelez-vous toujours dans l'incrément d'une seconde et la multiplication. Copiez ceci, copiez et collez la commande C, commande V. Sélectionnez les deux, cliquez avec le bouton droit sur « Assistant d'image clé », Easy Ease pour lisser les images clés, puis appuyez sur « Alt ». En maintenant Alt, cliquez sur le « Chronomètre », puis nous allons ajouter l'expression de la boucle. Appuyez sur « Entrée », et cela bouclera pour toujours. C' est une bonne boucle. Bougeons cette jambe. Appuyez sur « Y » pour ajuster le point d'ancrage ici, donc lorsque nous faisons pivoter la jambe, il semble bon. L' autre jambe aussi. Déplacez le point d'ancrage ici, sélectionnez les deux. Appuyez sur « R » pour la rotation, allez à la première image, définissez une image clé. En fait, je pense que ça devrait être la raison, peut-être comme ça. Ensuite, passez à une seconde. Allez dans la direction opposée.
15. Rendu: Maintenant, vous avez toute l'animation faite, la dernière étape est de les rendre dehors. Tout d'abord, définissons la région de rendu à cinq secondes, car nous animons tout en cinq secondes. Vous pouvez aller à cet horodatage exactement cinq secondes, puis il suffit de chaîne cette région de rendu là. Vous pouvez appuyer sur N, c'est-à-dire le raccourci pour définir la région de rendu, N pour la fin et B pour le début. Cinq secondes, puis vous allez à la composition, ajoutez à Adobe Media Encoder File d'attente. Lorsque vous faites cela, il ouvrira le logiciel appelé Adobe Media Encoder, et vous devez attendre un certain temps parfois, jusqu'à ce qu'il apparaisse. Cela dépend de la vitesse de l'ordinateur. Mais une fois qu'il apparaît ici, parfois il s'est ouvert et cette chose n'apparaît pas encore, donc vous devez aussi attendre cela. Une fois qu'il apparaît, assurez-vous que cette chose est définie sur H.264. Je pense que par défaut est H.264, mais sinon, vous pouvez simplement cliquer dessus, et changer ceci en H.264. H.264 est le meilleur codec pour télécharger des vidéos sur Internet ou sur les réseaux sociaux. Le reste, vous n'avez pas besoin de vous inquiéter, il suffit de cliquer sur « OK ». Celui-ci, vous pouvez le laisser tel qu'il est. Cliquez sur cette option pour définir l'emplacement où vous souhaitez enregistrer le fichier. Je veux l'enregistrer sur mon dossier de sortie, et je l'appellerai Doggo_01, cliquez sur « Enregistrer », et une fois que vous avez terminé, cliquez
simplement sur ceci pour afficher. C' est la barre de rendu. Il suffit d'attendre jusqu'à ce qu'il se termine, et une fois qu'il est terminé, vous pouvez enregistrer votre finder et dans votre dossier de sortie, et ce sera notre animation. Félicitations, vous venez de terminer votre première annonce Instagram.
16. Conclusion: Génial, les gars. Tu es arrivé jusqu'à la fin de la classe. J' espère que vous avez apprécié la classe et vous avez eu du plaisir. Si vous faites des trucs cool, s'il vous plaît partager avec nous dans la soumission. Si vous rencontrez un problème, vous pouvez toujours m'envoyer un message sur mes réseaux sociaux, ou par e-mail, ou vous pouvez également poster ici dans le fil de discussion. Continuez à vous entraîner et à vous voir la prochaine fois. Au revoir.
Martin Altanie, Motion + Interaction Designer
