Soyez la vedette de votre propre GIF animé : projet pour débutants dans After Effects et Photoshop

1. Bonjour à tous !: L' animation est un outil incroyable pour l'expression de soi. Armé de quelques principes de base, vous pouvez plonger dans l'expérimentation pour découvrir votre propre style. Je m'appelle Gemma Yin et je suis un réalisateur d'animation et de vidéo basé à Londres. Mon travail a un style multi-plateforme, mêlant photographie et film avec des éléments de design graphique et d'illustration. Il est audacieux, coloré et un peu bizarre et a fait ses preuves pour des projets dans les secteurs de la mode, de la beauté et de la musique. Dans ce cours, je veux vous guider à travers l'un de mes styles de signature, donnant vie à un portrait photographique en ajoutant une couche amusante d'illustration animée sur le dessus. Ce projet vous aidera à mieux comprendre les principes de la fréquence d' images pour l'image en mouvement, l'art de la boucle sans fin qui est un meilleur ami animé, quelques compétences techniques dans Photoshop et After Effects, et finalement, la leçon la plus importante que je veux que vous enleviez de cela est que vous pouvez être beaucoup plus libre que vous ne le pensez et même faire erreurs flagrantes et le clip que vous créez aura toujours l'air vraiment cool. Pour le projet de classe, je vais vous guider à travers la réalisation de votre autoportrait animé avec vos propres dessins. Attachez et commençons. 2. Préparez-vous: Bienvenue dans la classe. Pour tirer le meilleur parti de cette leçon, vous devrez avoir la bonne configuration. Ce projet fonctionne mieux si vous avez les outils suivants à portée de main. abord, un appareil pour prendre vos photos, un téléphone intelligent, une tablette, même votre ordinateur portable peut le faire. Deuxièmement, une façon de dessiner numériquement. Cela peut être fait directement dans Photoshop à l'aide d'un stylet sur une tablette graphique, ou directement sur l'écran si vous disposez d'un appareil intégré. Vous pouvez utiliser un iPad ou une tablette équivalente pour l'élément de dessin, bien que cette leçon soit axée sur le travail direct dans Photoshop, vous devrez donc adapter le flux de travail vous-même. Enfin, vous aurez besoin d'un ordinateur avec Adobe Photoshop et After Effects installés et fonctionnant. Je vais vous expliquer les étapes pour créer un fichier GIF en utilisant uniquement Photoshop du début à la fin, puis je vais vous montrer comment prendre les mêmes ressources dans Adobe After Effects au cas où vous voulez exporter en tant que fichier vidéo à utiliser sur Instagram. Si vous êtes totalement confiant et vous sentez créatif, vous devriez aller de l'avant et trouver votre propre design. Pour ceux d'entre vous qui veulent juste faire, mais qui ont un peu de bloc créatif, vous pouvez utiliser l'un des modèles que j'ai préparés. Ceux-ci peuvent être téléchargés à partir de la description du projet ci-dessous la vidéo. N' oubliez pas de l'enregistrer dans votre dossier de projet sous un nom comme les modèles avant d'utiliser. Le design que j'apporte à la vie pendant la classe est relativement détaillé, mais vous pourriez aller très vite et voir ce qui sort de votre subconscient. J' ai fait ces exemples de 10 minutes pour vous montrer à quel point vous pouvez aborder cela rapidement et facilement. spontanéité combinée à un peu de pression peut produire des résultats très intéressants. Ensuite, préparez-vous à dire du fromage que je vous donne quelques conseils pour prendre vos photos. 3. Souriez: abord, nous devons prendre une séquence de photographies de nous-mêmes. Entrez en mode selfie et prenez un tas de photos ou demandez à un adorable assistant de les prendre pour vous. Vous n'avez pas besoin de trépied, mais essayez de le maintenir assez stable et de s'enclencher rapidement. Vous devez bouger un peu pour donner un peu d'intérêt à la pièce, alors allez à un visage drôle ou juste un grand sourire fera des merveilles. Faites attention à l'éclairage. Le naturel est flatteur, alors tenez-vous à l'extérieur ou près d'une fenêtre. L' arrière-plan peut être quelque chose aussi, mais pas trop occupé est généralement un bon cri. Je photographie souvent mes photos en noir et blanc car il donne un look stylisé flatteur et aide l'animation et les couleurs à se démarquer davantage de l'arrière-plan. Il y a probablement un moyen facile de régler votre téléphone pour prendre les photos en noir et blanc sans que vous ayez à jouer avec eux par la suite. Si vous savez que vous voulez que votre produit final soit carré, vous pouvez le définir maintenant, sinon portrait fera très bien. n'y a pas de nombre de photos que nous avons besoin d'obtenir, mais je trouve entre six et dix pour être assez doux. Ayez un défilement rapide pour voir ce que vous ressentez de votre séquence. Vous pouvez reprendre autant de fois que vous le souhaitez, mais vous pouvez trouver que la spontanéité de votre première tentative a vraiment bien fonctionné, sorte que l'on pourrait être un gardien. Maintenant, vous devez les importer sur votre appareil. AirDrop est super rapide et facile entre les appareils, ou vous pouvez toujours les envoyer par e-mail si vous ne parvenez pas à le comprendre. Maintenant, vous devriez vous organiser et faire un dossier de projet pour stocker les photos dans. Je vais nommer le portrait animé de Gemma. Dans le dossier principal, je fais un autre dossier appelé Photo Sequence. Vous verrez pourquoi c'est important plus tard. Mettez votre séquence de photos là-dedans et faites un autre mouvement rapide pour voir si vous êtes heureux. C' est votre dernière chance de supprimer tout indésirable. Peu importe si vous supprimez quelque chose du milieu. Une fois que vous êtes satisfait de l'ensemble, vous voulez renommer les photos simplement 01, 02, 03, etc, en faisant attention à garder l'ordre d'origine le même afin que tout mouvement semble lisse et ne saute pas au hasard. Vous devriez avoir quelque chose comme ça, et nous sommes prêts à passer à l'étape suivante. Dans la leçon suivante, je vais passer en revue une théorie essentielle sur les taux d'images. 4. Qu'est-ce qu'une fréquence d'image ?: Si vous avez besoin de réaliser des films, vous ne savez peut-être pas ce qu'est une fréquence d'images et comment nous pouvons utiliser pour influencer l'aspect et la sensation d'une image en mouvement. Une fréquence d'images indique le nombre d'images fixes consécutives, autrement appelées images, affichées à l'écran au cours d'un clip vidéo d'une seconde. Par conséquent, quelque chose qui est une image par seconde ressemblerait à ceci. Il existe plusieurs taux d'images standard de l'industrie qui varient également d'une région à l'autre, mais la plupart des films sont projetés à 24 images par seconde ou à 25 images par seconde en Europe et aux États-Unis. n'y a rien à dire que vous ne pouvez pas aller plus haut ou plus bas, alors n'hésitez pas à expérimenter, mais si vous finissez par travailler sur des projets clients, assurez-vous de vérifier les taux d'images dont les fichiers finaux doivent être livrés avant vous commencez à travailler sur quelque chose. Contrairement aux cinéastes, moi-même et mes collègues animateurs travaillions souvent avec des taux d'images inférieurs à ceux du cinéma traditionnel. Entre 6 et 12 images par seconde sont des options populaires selon le projet. Il y a deux bonnes raisons d'utiliser une fréquence d'images inférieure. La première raison est que si vous travaillez dans un style traditionnel d'animation stop motion où vous devez dessiner ou composer chaque image individuellement, vous réduisez votre charge de travail de moitié si vous choisissez d'utiliser 12 au lieu de 24 ou 25 images par seconde. Ce ne sera pas aussi lisse, mais il a un certain charme, ce qui m'amène à la deuxième raison. Une fréquence d'images inférieure peut donner une esthétique unique à votre vidéo. L' effet est décalé, excentrique, et à bien des égards, plus indulgent que de travailler avec une vidéo fluide. Maintenant que nous comprenons un peu plus sur les taux d'images, allons de l'avant et définissons un pour notre propre projet. 5. Configurer notre document Photoshop: Nous sommes maintenant prêts à ouvrir Photoshop et à démarrer notre document. Vous pouvez soit aller directement sur ce bouton Ouvrir, soit vous pouvez aller dans le menu supérieur et aller Fichier, Ouvrir, puis vous trouvez votre dossier de projet. portrait animé de Gemma est ici, je l'ai enregistré dans la barre latérale pour que je puisse y accéder rapidement. Ensuite, je vais à la séquence de photos, j'appuie sur 01 qui est l'image supérieure puis vous devez révéler cela parce qu'il n'apparaît pas automatiquement. Vous voulez cliquer sur le bouton Options, qui doit être en bas à gauche ou quelque part en bas de votre menu, puis vous voulez cliquer sur la case pour la séquence d'images. Cela va automatiser le rassemblement de toutes les images, ce qui va rendre notre vie plus facile. Assurez-vous que le bouton est cliqué, puis passez et appuyez sur Ouvrir. C' est là que nous fixons notre fréquence d'images, dont nous avons parlé auparavant. Six images par seconde, je pense, est un excellent taux d'images pour ce genre de choses. Assurez-vous que c'est 6 et appuyez sur OK. Super. Alors voici notre document. Je vais juste l'enregistrer maintenant pour ne pas oublier, Fichier Enregistrer sous. Donc, en rentrant dans mon dossier principal, je vais juste le sauvegarder comme portrait doc de Gemma, sauvegardez. Si vous ne pouvez pas voir cette ligne de temps ici, parce que ce n'est pas une chose standard que beaucoup de gens utilisent Photoshop pour l'image en mouvement, donc vous devez aller à la fenêtre et vous devriez être en mesure de la prendre ici. Je le décrocherai pour te montrer, puis retournerai et recommencerai. C'est là. Comme vous pouvez le voir ou vous ne pouvez pas voir toutes les images séparées parce que Photoshop les a déjà automatisées dans ce seul calque. Ainsi, chaque image que vous aviez dans votre séquence se trouve déjà à l'intérieur de ce calque. Si vous attrapez ce triangle bleu avec la ligne rouge en descendant, cela s'appelle la tête de lecture et c'est très important car il vous montre ce que vous voyez à n'importe quel stade de la vidéo. Vous pouvez donc le faire glisser et jeter un coup d'oeil. Maintenant, je veux que vous alliez à ce bouton Cog juste à gauche de la chronologie principale et si vous l'ouvrez, vous appuyez dessus, vous pouvez révéler ces paramètres. Vous devriez avoir coché la lecture en boucle si elle n'a pas déjà été cochée, puis revenir ici. Maintenant, si vous appuyez sur la barre d'espace, vous pouvez voir exactement à quoi cela ressemble quand il est lu. Une fois que vous exportez ceci en tant que GIF, c'est le temps et tout va ressembler. Je pense déjà que ça a l'air cool. Je suis content de ça. Appuyez à nouveau sur la barre d'espace pour arrêter, puis vous voulez toujours le remettre au début. C' est juste une bonne pratique car si vous l'avez quelque part au milieu, lorsque vous commencez à importer plus de calques dans le document, cela peut affecter l'endroit où se trouvent les choses dans la chronologie. Donc ça doit toujours être à l'avant, alors n'oubliez pas. Super. Nous sommes prêts à passer à la prochaine leçon, qui sera une introduction à la règle magique de trois et comment nous pouvons l'utiliser pour créer une boucle d'ébullition. 6. La règle magique des 3: La règle magique de trois est une technique que j' utilise depuis que j'ai commencé à apprendre la théorie de l'animation. C' est un moyen super facile mais efficace d'obtenir plus de moins. L' idée est très simple. Si vous dessinez au moins trois versions de la même image ou forme et que vous les définissez pour jouer sur une boucle, l'image apparaîtra plus vivante. Deux, c'est trop petit, mais trois, c'est assez pour tromper l'œil. Ceci est communément connu comme un ébullition dans le lingo d'animation. Comme l'image n'évolue pas ou ne change pas, juste s'ébullition, pas statique mais un peu vivante. Les images n'ont pas besoin d'être identiques. En fait, plus il y a de variation entre les trois images, plus elle peut devenir caractéristique. C' est le principe que nous utiliserons pour nos propres œuvres d'art. Cela signifie que nous n'avons qu'à concevoir une seule couche de dessin avant répéter la même conception deux fois de plus pour créer l'effet d'ébullition. Ensuite, nous commençons à travailler sur notre première couche de dessin dans Photoshop. 7. Commencer à travailler sur notre première couche de dessin dans Photoshop: Maintenant, nous sommes prêts à dessiner notre design, qui est la partie amusante. Je vais aller de l'avant et utiliser le modèle que j'ai préparé, que vous pouvez également télécharger à partir de la description du projet. Si vous avez décidé de dessiner à main levée, ignorez simplement les références que je fais au modèle, mais les outils et les méthodes que nous allons apprendre fondamentalement restent les mêmes sans cela. Vous pouvez même avoir esquissé un design ou l'avoir préparé ou pré-conçu d'une autre manière, et alors vous pouvez toujours utiliser ce design d'une manière similaire à la façon dont j'utilise le modèle que j'ai fait. Avant de faire quoi que ce soit, je veux que tu redouble, triple-vérifie que cette tête de jeu est au tout début. Aussi dans la fenêtre Calques, que nous n'avons pas examinée en détail, vous pouvez masquer cela si vous voulez, cela n'a pas vraiment d'importance, mais je veux que vous soyez sûr que vous n'avez rien sélectionné. Par exemple, vous n'avez pas sélectionné ce groupe vidéo. Pour ce faire, vous devez cliquer dans cet espace vide, suffit de cliquer une fois, et vous avez définitivement tout désélectionné. Allons regarder le modèle. Vous devrez les avoir téléchargés et j'ai sauvé le mien dans Portrait Animé de Gemma, je viens de faire un autre dossier appelé templates, vous ne pouvez télécharger qu'un modèle si vous les utilisez. Jetons un coup d'oeil. J'ai celui-là qui est probablement mon fav, mais ne vous inquiétez pas trop du regard un peu bizarre de ça. Je sais qu'il a l'air transparent parce que cette partie est transparente, et ces bits ne le sont pas et ce sont des sortes qui ne sont pas vraiment liées au design principal, mais ce sont des échantillons. Je vais l'utiliser et vous montrer dans Photoshop comment cela va vous rendre la vie un peu plus facile et plus rapide, alors ne vous inquiétez pas à ce sujet. Il suffit de regarder la conception globale principale et d'en avoir une idée. Ensuite, nous avons celui qui est tout à fait Californie demander, et il y a quelques lunettes rondes de style Hockney rouge ici, ce qui je pense est amusant. Ensuite, le troisième est comme un biscuit à la mode punky et vous avez un œil et qui serait assis au-dessus de votre œil droit. Je vais l'utiliser parce que c'est mon préféré. Sélectionnez-le, faites-le glisser, survolez votre visage et déposez-le en place. Maintenant, commodément, cela s'adapte exactement sur mon visage dans une bonne position, mais je suis sûr que vous devez l'ajuster. Vous pouvez le tirer autour, vous pouvez le déplacer, vous pouvez le redimensionner en utilisant les flèches dans les coins. Une fois que vous êtes satisfait, appuyez simplement sur Entrée sur le clavier et il devrait se verrouiller en place. Maintenant, si vous avez fait ce que j'ai dit et vous êtes assuré que vous avez désélectionné toutes les couches, cela aurait dû apparaître au-dessus de votre groupe vidéo assis là joli et joli. Alors vous devriez avoir ça, mais nous ignorons la chronologie pendant un petit moment ici. Se concentrer sur ce panneau Calques maintenant. Ce processus est le même sans le modèle. Si vous allez directement au dessin, je vais éteindre ça pour votre compréhension. La prochaine chose que nous devons faire est de descendre et de faire une nouvelle couche. Encore une fois, désélectionnez tous les calques, juste être toujours en cliquant, cela devrait devenir une seconde nature, en cliquant sur cette zone vide, vous n'avez rien sélectionné. Descendez, il y a un petit bouton et il ressemble un morceau de papier avec un coin tourné, et vous appuyez dessus et un nouveau calque apparaîtra par magie au-dessus de tout le reste. Je renommerais ceci maintenant, alors allez et double-cliquez sur le nom et puis nommez-le Dessin 1. Super, donc vous avez votre calque de dessin et maintenant vous pouvez simplement commencer à jouer. chose la plus importante à savoir est le raccourci d'annulation si vous ne le faites pas déjà, alors voici la Commande Z. Tout ce que vous faites, peu importe, il n'y a pas de conséquences, vous pouvez même revenir en arrière d'une étape ici dans l'histoire. Obtenez votre pinceau, ce pinceau se trouve dans la barre d'outils de gauche. Cliquez dessus, et les paramètres pour cela sont ici. Je pense que vous avez juste besoin d'avoir un vrai jeu avec cela et de voir ce que vous ressentez, ce que vous aimez, il y a tellement de types différents de pinceaux. Vous pouvez choisir le type de brosse, vous pouvez changer la taille. Arrête de dessiner, annule, puis recommencez-le. C' est un autre de vos outils ultimes pour cela. Vous cliquez sur cette nuance de couleur et il révèle vos couleurs, vous voulez choisir quelque chose de sympa, choix est jaune citron vert « Ok » Ensuite, je voulais faire mon pinceau un peu plus grand parce qu'il est un peu petit, alors faites que plus grand, il suffit de faire glisser cela vers le haut et puis juste voir à quoi ça ressemble. Ça a l'air plutôt bien. Il y a aussi cet outil de lissage, qui peut vous aider en fonction de la douceur de votre main ou de l'appareil que vous utilisez si ce n'est pas si bon à utiliser. Cela va juste lisser les lignes pour vous un peu. J' ai déjà l'air assez intéressant. Maintenant, vous pouvez commencer à jouer, dessiner une moustache stupide, un peu de sourcil. Prenez vraiment votre temps, apprenez à connaître les outils, trouvez les pinceaux que vous aimez, trouvez les couleurs que vous aimez. Si vous utilisez le modèle, je vais expliquer exactement ce qui se passe ici. Le design principal est transparent. Cela va vous permettre de tracer réellement dessus et de voir ce que vous avez et n'avez pas encore dessiné parce les bits que vous savez que vous n'avez pas dessinés sur votre propre calque vont toujours paraître transparents et un peu plats. Pipette outil va vous aider à trouver la couleur exacte que j'ai utilisé très, très rapidement ou une autre couleur d'ailleurs que vous aimez. Vous cliquez dessus, vous survolez. Je pense que je vais faire le jaune, donc je clique dessus, et puis je peux voir que mon échantillon jaune est maintenant mis à jour pour être la même forme. Quand j'utilise la brosse, donc je vais retourner à la brosse, et je dois être sur mon calque de dessin pour le faire. Je vais zoomer sur les sections jaunes du dessin et commencer à passer. Oui, ce sera la même couleur jaune que celle que j'ai utilisée dans le croquis original. Pour le pétale, ça n'a pas vraiment d'importance si je vais un peu dans la ligne ici parce que je vais dessiner le cercle blanc sur le dessus après. En fait, ce n'était même pas jaune, c'était orange. Mais c'est un bon moment pour moi de dire que, en fait, si vous faites des erreurs d'un cadre à l'autre, ça n'a vraiment pas d'importance, ça ajoute un élément supplémentaire, ça ne va pas tout gâcher si vous avez dessiné la mauvaise couleur quelque part, il va sembler intéressant, alors ne vous inquiétez pas du tout à ce sujet. Alors maintenant, si vous voulez commencer à avoir une idée de la façon dont il ressemble sans le modèle, vous pouvez simplement zoomer, vous pouvez cliquer sur l'œil à côté du modèle pour l'annuler, et vous pouvez voir vos petits pétales venir dans, ce qui semble cool. Continuez à effectuer un zoom arrière pour avoir une idée de l'équilibre de l'image. Si vous utilisez un modèle, vous n'avez pas à coller à mes couleurs du tout, vous pouvez simplement devenir fou avec elle. Utilisez-le comme inspiration, utilisez n'importe quelle partie, utilisez des lunettes de soleil, utilisez les fleurs, n'importe quoi, et construisez vos propres affaires. C' est cool aussi. Parce que beaucoup de détails dans mes conceptions peuvent être un peu difficiles à travailler sur un seul calque avec, et je voulais vous montrer comment vous pouvez travailler avec une couche d'éléments d'arrière-plan de vos dessins, puis des éléments de premier plan. Si vous voulez être vraiment organisé avec elle, vous pouvez renommer votre calque de dessin, l'arrière-plan Dessin 1, puis créer un nouveau calque comme nous l'avons fait avant, où vous appuyez sur le symbole « Nouveau calque » et vous pouvez nommer ce dessin 1 premier plan. Je vais maintenant sélectionner le premier plan pour vous montrer pourquoi j'ai dessiné stratégiquement cette section blanche de l'œil comme un peu de désordre. Je le fais en sachant que ce serait derrière la ligne d'occultation et le blob violet au milieu de l'œil. Ce que je dois faire maintenant, c'est que je vais désactiver l'arrière-plan que j'ai déjà dessiné, et je vais aller au premier plan. Maintenant, je vais dessiner le contour noir et la section violette. Je vais juste fouiller mon noir, faire ce pinceau un peu plus gros. Je le fais assez rapidement en fait, donc c'est un peu gâchis. Je vais le faire grossièrement. Je passe en revue les morceaux noirs, puis je vais descendre, prendre ma nuance, et je vais dessiner la section violette. Maintenant, quand je remets mon calque d'arrière-plan, il ne semble pas très soigné, mais il est rempli. C' est juste un moyen plus facile pour certains éléments de dessiner l'arrière-plan plus lâche, puis de le parcourir plus soigneusement avec les détails supérieurs. Une fois que vous êtes dans cette position où vous avez terminé tous ces dessins et que vous avez fait les arrière-plans et les avant-plans et que vous pensez avoir tout couvert, et que cela vous a rendu la vie un peu plus facile en cours de route, vous pouvez alors recombinent ces calques en un seul calque de dessin, car ils devront toujours être un calque à la fin. Je vais désactiver mon modèle, sélectionner le calque supérieur, cliquer avec le bouton droit, faire défiler vers le bas, vous devriez voir une option Fusionner vers le bas dans le menu contextuel. Cliquez sur « Fusionner vers le bas » et cela est combiné lui-même. ne s'agit plus de calques distincts, il ne s'agit plus de dessins de premier plan et d'arrière-plan, mais il s'agit d'un seul calque, et vous pouvez le renommer simplement en Dessin 1, ce qui serait fait à la fin lorsque vous avez terminé tout. C' est ainsi que vous pouvez utiliser plusieurs couches pour vous permettre d'aborder un peu plus facilement certains des éléments les plus détaillés. Revenons ici une fois que vous aurez terminé votre première couche et que nous pourrons travailler sur nos deuxième et troisième dessins. 8. Dessiner nos 2ᵉ et 3ᵉ couches dans Photoshop: Ok, donc on est de retour ici. J' ai fini toute cette couche de dessin. Ce n'est pas le modèle, c'est juste ma couche de dessin. Comme vous pouvez le voir, le modèle est en fait désactivé. L' étape suivante, nous devons faire le même design deux fois de plus. La première étape consiste à revenir à votre nouveau symbole de calque. Cliquez dessus. Ça va dire couche 2, je le change juste pour que vous sachiez où vous êtes, en dessin 2. Une fois que vous avez créé le nouveau calque appelé Dessin 2, si vous avez utilisé le modèle, vous allez simplement désactiver le calque Dessin 1, alors cliquez sur l'œil, puis réactivez le modèle, et vous êtes à l'onglet même étape exacte que vous étiez avant. Vous pouvez utiliser les échantillons, vous pouvez voir à peu près ce que vous faites ici, vous pouvez retracer à nouveau. Si vous avez dessiné à main levée et n'avez pas utilisé de modèle, votre calque Dessin 1 deviendra désormais votre modèle vous suffit donc de sélectionner Dessin 1, et vous devez passer à ce paramètre d'opacité juste au-dessus des calques . pour baisser cela, et vous pouvez voir qu'il commence à devenir opaque. Maintenant, il ressemble un peu au modèle que j'avais où vous pouvez voir à travers elle. Ensuite, vous retourniez sur votre calque de dessin, le deuxième calque, et revenez au pinceau, et reprenez là où vous vous êtes arrêté et recommencez à dessiner. Si vous avez utilisé beaucoup de couleurs différentes, et que vous voulez que les couleurs soient exactement les mêmes, ce qu'elles n'ont pas à être, en passant, vous devriez continuer à faire référence à cela et vous pouvez le retourner à l'échantillon. Si vous vouliez trouver la couleur, vous utiliseriez la nuance et revenez à la trouver. Alternativement, vous pouvez en faire deux, vous pouvez dupliquer ceci. Si vous faites glisser Dessin 1 vers le bas sur le nouveau symbole de calque, vous pouvez appeler cette Nuancier, vous pouvez ensuite la désactiver. Faites du dessin 1 l'opacité, et gardez-le comme ça. Ensuite, chaque fois que vous deviez prendre une nuance, vous pouvez la rallumer, choisir, puis la désactiver, ce qui est beaucoup plus facile que de changer l'opacité tout le temps. Mais vous devrez simplement vous assurer que vous êtes de retour sur le nouveau calque de dessin correct à chaque fois. Une chose que je veux discuter maintenant est de savoir comment vous pouvez faire de petits ajustements pour rendre l'animation un peu plus dynamique. Par exemple, en rendant tout légèrement plus grand ou légèrement plus petit que dans la première couche. Cette leçon n'est pas sur la façon de faire grandir la fleur sur l'écran ou quoi que ce soit comme ça, ou les nuages flottent. Cette leçon porte sur l'utilisation de l'effet d'ébullition, lui donnant un peu de flair, mais nous ne faisons pas une pièce animée complète, nous faisons une boucle. Par exemple, sur ce dessin, ce que je pourrais faire est d'ajuster les tailles de ces fusées solaires. Je pourrais juste faire la ligne la moitié de l'épaisseur pour le prochain dessin. Sur les deux côtés, je pourrais juste changer le blanc pour qu'il soit un peu plus mince, ce qui va être vraiment sympa parce qu'il va avoir l'impression un petit reflet frappe la surface des lunettes de soleil. Ce que je pourrais faire dans beaucoup d'endroits, c'est juste rendre la forme légèrement plus petite et si je décide de le faire sur un pétale, je vais le faire sur tous. Je vais juste le prendre dans un peu du bord de l'endroit où j'ai dessiné le pétale, et juste le rendre plus petit, un peu, pas fou. Je vais juste le rendre un peu plus petit. On va voir un peu de pouls dans le design de la fleur. Je vais aller de l'avant et faire mes deuxième et troisième couches de dessin, et rapidement vous montrer ce que je veux dire par là avant de commencer le vôtre. Je viens de sortir et de dessiner mes deuxième et troisième couches de la même manière, en utilisant les mêmes outils que ceux que je vous ai montrés précédemment pour la première couche. La seule différence était dans certains détails et les tailles des formes, donc si nous zoomons et regardons les fleurs, ce sont celles que j'ai dessinées en premier, j'ai utilisé un pinceau différent dans le premier dessin de celui que j'utilise, mais cela n'a vraiment pas d'importance. petits détails comme ça ajoutent plus de caractère et d'intérêt à la pièce quand elle est animée. Si nous regardons la taille des pétales, c'était notre modèle original, et le premier dessin correspond assez étroitement aux formes. Mais pour le deuxième dessin, j'ai fait les formes légèrement plus petites, juste une touche. C' est quelques millimètres plus petit. J' ai fait les blobs blancs à l'intérieur du nuage un peu plus petits, puis pour le troisième dessin, j'ai fait le contraire. Je les ai fait un peu plus grand, donc légèrement surdimensionné, sorte que vous pouvez voir à partir du modèle, si vous regardez cette zone, par exemple, quand je clique dessus, vous pouvez voir qu'il est légèrement plus grand. La même chose avec les pétales. Tous sur les fleurs sont légèrement plus grands, et les pétales ici aussi. C' est juste un détail supplémentaire qui va l'aider à paraître un peu plus intéressant quand il bouge. Si nous descendons et regardons aussi les lunettes de soleil, celles-ci ont beaucoup changé entre les trois dessins. Le premier dessin est très proche du modèle original. Pour le deuxième dessin, j'ai éclairci les lignes. J' ai simplement étendu le bleu un peu plus large et rendu le blanc un peu plus mince, donc vous pouvez le voir quand je glisse entre eux. Pour le troisième dessin, j'ai rendu les lignes blanches plus épaisses au lieu de plus minces comme vous pouvez le voir quand je glisse. J' ai fait le bleu de la mauvaise couleur parce que j'ai deux nuances de bleu ici dans ma nuance. J' ai fini par ajouter une petite ligne d'accent du bleu plus foncé sur le dessus, parce que je pense que ce sera intéressant pour vous de voir quand il bouge, comment ça ressemble si vous utilisez la mauvaise couleur. Je pense aussi que j'ai utilisé la mauvaise couleur ici pour un de ces pétales, et on peut y jeter un coup d'oeil, mais c'est très bien. Je pense que c'est ce que je voulais que vous preniez de ça. Vous pouvez faire des erreurs et ça va seulement le rendre plus intéressant en fait. J' ai fait les lettres de la même manière. J' ai juste légèrement varié la taille. Sur le deuxième dessin, certains d'entre eux sont un peu sous-dimensionnés, puis le troisième dessin ils deviennent plus grands à nouveau. Ok, alors passons à autre chose et voyons à quoi ça ressemble quand tout bouge alors que nous réorganisons la chronologie pour l'animation. 9. Réorganiser le panneau de montage de l'animation dans Photoshop: Bienvenue, retour. J'espère que vous avez eu beaucoup de plaisir à expérimenter vos dessins et à rendre les trois versions du dessin légèrement différentes les unes des autres et pas trop différentes. Allons voir si on peut les faire bouger dans la chronologie. Nous devons aller à ce panneau Calques et faire un peu d'organisation en premier. Supprimons ce modèle parce que nous n'avons plus besoin de cela. Nous pouvons soit cliquer avec le bouton droit de la souris et appuyer sur supprimer la couche ou nous pouvons simplement le faire glisser. Il suffit de le saisir, d'appuyer, faire glisser sur la poubelle et de le laisser aller, et c'est parti. Ce qu'il nous reste, c'est le dessin 1, le dessin 2, le dessin 3 et notre calque portrait, qui se trouve à l'intérieur de cette liste déroulante. Nous devons activer les trois couches de dessin. Assurez-vous que tout est allumé, tous les yeux sont allumés. Ensuite, on redescend ici à la chronologie. Nous allons revenir dans cette section maintenant, je vais juste l'étendre pour que vous puissiez voir mieux. Nous devons prendre cette tête de jeu et la tirer pour qu'elle soit assise sur la trame 1. Vous devrez peut-être vérifier qu'il s'agit du cadre 1. Il devrait se mettre en place là. Mais si vous avez cette vue sur assez large, cela réduit la quantité d'images que vous pouvez voir en haut de cette boîte. Assurez-vous juste que vous êtes définitivement sur le cadre 01 ici, vous pouvez le voir là, donc 01. Vous devez maintenant sélectionner ces trois couches de dessin en même temps. Il y a quelques façons de le faire et cela dépend aussi de vos raccourcis clavier, mais je vais utiliser d'appuyer sur le premier, en maintenant la touche Maj enfoncée, puis en appuyant sur le dernier. Alternativement, je peux appuyer sur le premier, qui dessine 1, maintenez la touche Commande enfoncée, puis appuyez sur la deuxième et la troisième. Tous ces éléments doivent être mis en surbrillance avec cette bordure grise indiquant que vous les avez sélectionnés. Une fois que vous êtes sûr d'avoir ceux sélectionnés comme ça, vous devriez passer ici sur le bouton de ciseaux juste à gauche de l'endroit où vous étiez et appuyer sur ceci. Maintenant, tout est changé. Ne paniquez pas. Nous devons supprimer ces longues sections. Chacun de ces dessins a été découpé en deux. Une des pièces est un cadre long, et l'autre est beaucoup, beaucoup plus long. Nous devons supprimer cette longue pièce, ce que vous pouvez faire en la sélectionnant, appuyant simplement dessus, puis en appuyant sur Retour arrière ou Supprimer. Ensuite, recommencez avec les calques Dessin 2 et Dessin 1 ou n'importe quel ordre dans lequel vous avez travaillé. Une fois que j'ai supprimé tous les calques longs, me reste trois dessins, et ils sont d'une image de longueur chacun. Maintenant, j'ai juste besoin de prendre ça. Je viens de cliquer dessus et puis je vais maintenir la souris enfoncée en la sélectionnant. Je vais le tirer vers le bas, donc il est assis à côté de la première couche. Je vais faire la même chose avec le cadre supérieur, qui est le dessin 3 et je vais le tirer, il suffit de le maintenir, et de le tirer à travers, et de s'asseoir à côté des deux autres dessins. Maintenant, si nous revenons au menu des calques, cela a classé ces trois dessins dans un groupe vidéo. Nous avons notre groupe vidéo 2, où tous les dessins vivent. Si nous revenons à la chronologie et regardons, notre séquence portrait indique la longueur de ce que nous voulons que le cadeau soit du début à la fin. C' est toutes les images de notre portrait. On a besoin des dessins pour couvrir le portrait. En ce moment, il y a un grand écart. Il y a donc trois cadres avec des dessins, alors le reste n'a rien si on fait juste un défilement rapide. Il y a une mauvaise façon de le faire et une bonne façon. Le mauvais moyen est de les sélectionner ici. Cela semble être le moyen le plus simple, le plus logique. Vous devez les sélectionner ici, appuyer sur copie et appuyer sur Coller. Ils ont l'air d'être mis en place, mais ils ne seront pas dans la bonne position. Comme vous pouvez le voir, ils ont bougé. Il suffit d'annuler ça. Ce n'était qu'une démonstration de ce qu'il ne fallait pas faire. Ce que nous devons faire pour obtenir ces dupliqués et tout dans la bonne position et la bonne proportion est, retourner à notre onglet de couches ici. Nous avons réellement besoin de sélectionner le groupe vidéo, qui est le dossier du titulaire, belle rime, le titulaire des cadres. Si vous le fermez pour l'instant, il semble un peu plus propre, et nous pouvons juste nous concentrer sur cela en tant que groupe. Nous devons cliquer longuement sur ce qui s'appelle maintenant Video Group 2, qui contient nos trois cadres de dessin. Nous devons le faire glisser vers le bas sur le nouveau symbole de calque que nous avons utilisé quelques fois plus tôt, et juste tomber au-dessus de ce symbole. Cela a créé une copie. Nous en avons besoin d'une autre parce qu'en regardant rapidement la chronologie, je peux dire que trois images ne vont pas atteindre la fin de mon écart ici. Je vais avoir besoin de plus. Je vais prendre le dessus, ce qui est maintenant la couche supérieure, qui est la copie du groupe vidéo 2, et je vais faire la même chose. Je vais le faire glisser sur le nouveau symbole de calque et le laisser aller. Maintenant, j'ai six nouveaux calques de dessin, qui sont un cadre chacun. Ces couches sont au mauvais endroit pour le moment. Ils sont assis sur les calques de dessin d'origine, ce qui donne l'impression que rien de nouveau n'est là. Ce que nous devons faire est de sélectionner ces trois images, qui est la prochaine ligne de la séquence. Il suffit de les sélectionner comme on en a parlé auparavant. Cliquez sur le premier, appuyez sur Maj, cliquez sur le deuxième, troisième, et à ce stade, vous voulez cliquer et maintenir, faites-les glisser de travers en bas, puis relâchez. Maintenant, ils sont bien assis à côté des trois premiers. Vous ne voulez pas changer l'ordre. Vous ne voulez pas simplement faire glisser chacun individuellement comme ceci. Vous voulez conserver l'ordre d'origine 1, 2, 3, 1, 2, 3. Je vais sélectionner ce troisième groupe et les faire glisser à travers et vers le bas et cela arrive à s'adapter parfaitement en tant que multiple de trois car il y a neuf cadres dans ma séquence de photos originale et il y a trois fois trois. J' aurais pu finir avec une situation où j'avais quelques images supplémentaires tombant de la fin de la séquence ici. Ils seraient assis quelque part ici. Cela signifierait que la séquence de photos était épuisée et qu'il n'y aurait rien derrière les couches de dessin. Ce qu'on doit faire, c'est que tout se termine exactement au même point. Si vous avez des stragglers ayant dupliqué et que vous avez dit deux cadres supplémentaires suspendus sur le bord ici. Il vous suffit de les sélectionner, appuyer sur retour arrière et de les supprimer. Tu finirais avec quelque chose qui ressemble à ça. Tout se termine exactement au même point. Retournons en arrière et jetons un coup d'oeil. Nous n'avons plus besoin de ces calques vides, ceux où nos cadres dupliqués vivent très temporairement, donc nous devons simplement les supprimer, alors revenons ici à la fenêtre des calques et sélectionnons les deux premiers, qui sont maintenant complètement vides de toute façon, et il suffit de les faire glisser et de les mettre sur la poubelle et de les laisser aller. Maintenant, vous avez deux groupes. Un groupe a toutes les photos à l'intérieur et le groupe supérieur a les calques sous forme d'images individuelles. Une fois que vous êtes heureux que votre version ressemble à ceci, allons jouer et voir à quoi il ressemble. Maintenant que je joue en utilisant la barre d'espace, je peux voir que ma position est assez désactivée avec les dessins. Quand j'ai travaillé sur la toute première image de la séquence, celle-ci, on dirait que les lunettes de soleil étaient assez bien placées sur mes yeux. Mais maintenant, nous pouvons voir en prévisualisant que mes yeux deviennent visibles au-dessus des lunettes de soleil et ce n'est pas vraiment l'effet que je veux. J' ai sélectionné le groupe vidéo supérieur, qui contient tous mes cadres de dessin individuels. Si l'en-tête de groupe est sélectionné, tout ce que j'y ferai affectera toutes les images en même temps. Sélectionnez simplement cela si c'est plus facile, comme je l'ai fait, fermez cela et sélectionnez. C' est la seule chose que vous pouvez choisir parmi ce groupe. Une fois que vous êtes sûr que cette option est sélectionnée et que vous utilisez cet outil, qui est l'outil par défaut pour déplacer les choses et c'est votre outil neutre. Vous pouvez le déplacer manuellement en cliquant et en déplaçant votre stylet ou votre souris comme ceci. Essayez simplement de le mettre en position ou vous pouvez utiliser le clavier et les flèches haut-bas, gauche-droite sur le clavier. J' ai besoin de prévisualiser un cadre, où les yeux sont les plus hors de position, ce qui serait probablement celui-ci. C' est une image assez effrayante. Je vais l'utiliser pour que je puisse m'assurer que mes lunettes sont par-dessus ces yeux et j'espère qu'elles s'adapteront à tout le reste une fois ces matchs. Je vais traîner. Je vais d'abord faire glisser et ensuite je vais utiliser les flèches du clavier juste pour le perfectionner et l'obtenir un peu plus précis. Voyons maintenant à quoi ça ressemble. Je pense que c'est encore un peu à gauche et peut-être un peu haut. Je vais encore m'arrêter. Je vais essayer un peu plus bas et un peu plus à droite. Cool. Je pense que c'est une bonne position. Vous ne pouvez pas vraiment voir les yeux à tout moment, qui est ce que je veux et vous pouvez voir le sourcil, ce qui est beau. Je pense que c'est la meilleure position moyenne par rapport à tous les cadres. Double, triple chèque, tout ressemble à ça, tous vos cadres sont là. Quand vous jouez, tout semble être dans une bonne position. Une fois que vous avez fini de jouer, vous mettez votre tête de jeu juste à l'avant. Vous désélectionnez tout ici. Assurez-vous simplement que rien n'est réellement sélectionné. Dans la vidéo suivante, nous allons regarder l'exportation en tant que GIF. 10. Exporter de notre travail sous forme de fichier GIF en boucle depuis Photoshop: C' est le moment que vous attendiez tous. Nous sommes sur le point d'exporter ce bébé comme un GIF en boucle. Accédez à Fichier, Exporter, puis allez à Enregistrer pour le Web, il est indiqué hérité entre parenthèses. Je n'ai jamais su ce que ça voulait dire. Appuyez sur « Enregistrer pour le Web ». Cela peut prendre un peu de temps à charger car c'est en fait un fichier très volumineux dans sa taille actuelle. On y va. La première chose que nous devons faire est transformer cela en une taille de fichier GIF plus réaliste. Maintenant, c'est énorme, c'est 2 300 pixels sur 3 000, ce qui est fou. Une taille GIF normale n'est pas très grande, elle pourrait être 400, je pense que c'est une assez bonne taille pour la largeur, 400. Je vais juste taper 400 dans cette boîte ici qui dit la taille de l'image dans la largeur, qui est W, puis il va automatiquement redimensionner la hauteur pour correspondre au rapport. Ça a l'air plus réaliste. Je pense que c'est petit à regarder maintenant à cause de la fenêtre, mais une fois qu'il sera sorti, je pense que ça va avoir l'air droit. Mais c'est quelque chose que vous pouvez revenir et juste le refaire et cela prend deux secondes. Modifiez la taille de l'image. Autres choses à surveiller : assurez-vous que cela dit GIF, vous voulez que ce soit sélectif est un bon cri. Je veux dire, c'est une autre chose avec laquelle vous pouvez jouer et essayer des choses, mais sélective est une bonne chose. Couleurs : Je veux que ce soit en couleur, donc je vais mettre 256, ce qui est le maximum. Il sera légèrement plus grand comme une taille de fichier avec le plus de couleurs, mais parce que c'est tout au sujet de la couleur, nous ne pouvons pas le faire. Je vais toujours chercher le modèle ici. Encore une fois, vous pouvez jouer un peu avec ces paramètres, mais ce sont mes références, donc je l'ai sur GIF, sélectif, modèle. Je n'ai pas besoin de transparence parce qu'il n'y a pas de transparence dans mon image, mais c'est peut-être quelque chose que vous revenez à l'avenir si vous commencez à expérimenter davantage avec des GIF. GIF, sélectif, motif, taille 400 par 532. Options de boucle. Je veux dire, vous voulez que ça se passe pour toujours, c'est le look GIF, donc pour toujours doit être coché. Vous pouvez l'afficher ici, sorte que vous pouvez appuyer sur Play si vous êtes curieux de le voir. Ça a l'air bien. Vérifiez si tout fonctionne et comment vous voulez qu'il ressemble. Si vous voulez une idée de la taille du fichier, si vous travaillez à certaines limitations, dont c'est assez commun avec les GIF parce que les gens veulent les utiliser sur pages Web et qu'ils ont besoin d'une taille de fichier assez petite, vous pouvez vérifier ici, c'est la taille qu'il sera une fois que vous l'aurez exportée, ça va être de 749 kilo-octets, ce qui n'est pas trop mauvais, c'est bon. Appuyez sur « Enregistrer », puis allez dans votre dossier. Je vais juste le sauver comme Gemmas-Portrait-Finale. Dès que vous appuyez sur « Final », vous pouvez garantir que quelque chose va mal tourner et vous allez devoir le changer, mais je teste le destin ici. Appuyez sur « Enregistrer ». Maintenant que nous l'avons enregistré, nous allons chercher le GIF dans le dossier et voir à quoi il ressemble. Wow, vous pouvez déjà le voir en mode aperçu. Si j'appuie sur la barre d'espace, je peux la voir un peu plus grand. J'ai l'air bien. Félicitations, il y a ton GIF en boucle pour toujours. Vous pouvez intégrer ces GIF dans le corps des e-mails, envoyer des messages WhatsApp, vous pouvez les ajouter à des pages Web et passer généralement un bon moment à regarder faire rond et rond. Maintenant, si vous aimez le GIF et l'animation, mais vous avez vraiment besoin que ce soit un fichier vidéo comme un MP4 ou un MOV, qui est compatible avec des plateformes comme Instagram, regardez le dernier chapitre sur la façon d'adapter les fichiers que vous ont déjà créé pour After Effects. 11. Exporter notre travail sous forme d'images séparées depuis Photoshop: Avant de passer à After Effects, nous avons juste besoin de terminer quelques choses dans Photoshop pour que ce processus soit aussi fluide que possible. Le mieux est de simplement faire défiler vers le bas, et la première chose à faire est de dévisualiser, cliquez sur l'œil pour désactiver la séquence du portrait. On ne peut plus voir ça. Nous avons cette grille grise familière, qui signifie que cette zone est transparente. Alors que je survolais la première image ici ce que je vais faire est que je vais aller à Fichier, Enregistrer sous, vous savez aussi utiliser le raccourci pour cela. Enregistrer sous. Puis ici, ce qui m'a conduit directement à mon dossier parce que j'y ai tellement travaillé, j'ai besoin de faire un nouveau dossier. Je vais appuyer sur « Nouveau dossier » ici, et je vais l'appeler Séquence de dessin et appuyer sur « Créer ». On doit nommer ça, dessin-01. Descendez vers le bas, donc pour sélectionner le format de fichier, qui sera PNG, ce qui signifie qu'il va garder la transparence. Il devrait être appelé drawing-01.png, et cela devrait être sélectionné comme PNG, et vous appuyez simplement sur « Enregistrer ». Je fais moyen pour cela, ce qui est plus sûr, alors appuyez sur « OK ». Maintenant, nous devons exporter le deuxième dessin, qui est la deuxième image de notre chronologie. Déplacez la tête de lecture maintenant à l'endroit où elle indique 01F, et refaites exactement la même chose. Vous allez dans Fichier, Enregistrer sous, puis vous allez dans votre dossier Séquence de dessin où vous venez d'enregistrer le premier, c'est un peu plus rapide si vous cliquez simplement sur dessin-01, puis renommez-le en deux. Mais vous devez toujours vous rappeler, si vous faites cela, changer le type de fichier ici aussi ; donc PNG, donc c'est dessin-02 PNG, puis Enregistrer. Ensuite, vous allez à l'endroit où il est dit O2F, qui est la deuxième image le long, qui devrait maintenant afficher votre troisième dessin. Vous pouvez aller dans Fichier, Enregistrer sous, et faire exactement ce que nous venons de faire avec les premiers dessins, donc vous cliquez sur « dessin-02", renommez-le en trois, changez-le en PNG. Très important, puis appuyez sur « Enregistrer ». Donc on a fini ici. Vous pouvez simplement retourner le calque que vous avez désactivé, le portrait, remettre au début, appuyez sur « Enregistrer ». Vous pouvez toujours revenir à cela, éditer n'importe quoi, exporter différentes versions du GIF, ce que vous voulez, mais simplement le fermer. Je vais quitter Photoshop. Ensuite, je vais vous montrer comment importer votre séquence de photos et vos fichiers d'illustrations dans After Effects. 12. Importer nos éléments dans After Effects et ajuster leurs paramètres: Je vais ouvrir After Effects. Si vous ne voyez pas cela en arrière-plan, vous devez créer un nouveau projet. Mais je vais juste fermer cette fenêtre parce que j'en ai déjà une. Voici le projet, il n'est pas encore sauvegardé. En fait, je vais juste le sauver maintenant. Donc, je vais aller « Fichier », « Enregistrer sous », et je vais l'enregistrer dans mon dossier de projet et l' appeler Gemmas Portrait-version vidéo. « Sauver ». Normalement, je créerais d'abord une composition. Il vous a même donné ce bouton de tri, je pense que c'est sur une version plus récente. Sinon, vous iriez à « Composition », « Nouvelle composition ». Mais pour ça, on ne va pas le faire, on va le faire un peu à l'envers. Ce que nous devons faire est juste d'aller à « Fichier », « Importer Fichier ». Accédez à votre dossier. Vous devez aller à la séquence de photos. C' est similaire à ce que nous avons fait dans Photoshop. Vous cliquez sur le premier, 01. Encore une fois, vous regardez ici, si ce menu Options n'est pas ouvert, vous devez appuyer sur pour révéler. Maintenant, c'est si utile, je l'utilise tout le temps. Vous devez importer la séquence JPEG et vous assurer qu'elle est cochée. Je n'ai pas besoin de cocher cette fois, mais c'est super utile. Disons que si vous aviez un énorme dossier d'images, comme si vous aviez fait une séance photo et peut-être que vous aviez supprimé certaines d'entre elles donc il y avait quelques lacunes dans la numérotation. Si vous ne voulez pas passer par et nommer 100 images 01-100, vous devez sélectionner la première image dans le dossier et cocher l'ordre alphabétique. Il comblerait les lacunes pour qu'il n'y ait pas de lacunes. Ouvrir. Maintenant, nous avons notre séquence de photos ici. En fait, je pense que je vais vous montrer ce que je veux dire sur la raison pour laquelle l'ordre alphabétique de la force est en fait très utile. Si je supprime juste ceci, je vais juste le faire glisser dans la poubelle. Je vais revenir pour importer le fichier à nouveau. Je vais sélectionner le premier. Cette fois, je vais cliquer sur forcer l'ordre alphabétique parce que je veux juste vous montrer le léger avantage de le faire. Lorsque vous appuyez sur « Ouvrir » cette fois, au lieu de ce dicton comme avant, il a juste dit 1-8. Il a maintenant nommé le nom du dossier dans lequel il était contenu, plutôt que simplement une séquence numérotée. C' est vraiment sympa. C' est pourquoi je coche généralement ordre alphabétique de force, même si mes chiffres sont en ordre. On y va. Cela s'appelle maintenant séquence de photos, donc je n'ai pas besoin de le renommer. J' aurais pu le renommer, mais je voulais te montrer quand même. Maintenant, nous avons notre séquence de photos, et je veux aussi importer la séquence de dessin que nous venons d'exporter depuis Photoshop. Je vais aller à « Fichier », « Importer le fichier ». Je sélectionne « dessin-01", puis je descend à nouveau. Je vais cocher forcer l'ordre alphabétique juste pour que je puisse le nommer correctement quand il entre. séquence PNG est également cochée. Ensuite, j'appuie sur « Ouvrir ». Maintenant que j'ai ces deux séquences dans la fenêtre du projet à l'intérieur d'After Effects, je veux modifier certains paramètres fondamentaux avant de commencer à travailler avec eux. Si vous allez à la séquence de photos, et si vous faites un clic droit et appuyez sur « Interpréter le métrage » et allez dans « Main », cliquez dessus, cela va ouvrir une fenêtre de plus de paramètres. Donc cadence d'images. After Effects, contrairement à Photoshop, ne nous a pas donné la possibilité de définir la fréquence d'images lorsque nous avons introduit le métrage. Il lui donne une fréquence d'images automatique de 30, ce qui est beaucoup trop élevé. Notre vidéo serait trop rapide et n'aurait pas le même effet que dans le GIF. Nous devons revenir à six pour qu'il corresponde à ce que nous travaillions auparavant dans Photoshop. Supposons que cette fréquence d'images, six images par seconde, puis descendez, descendez, descendez. C' est un autre de mes paramètres préférés dans After Effects. Si simple. Ici, nous pouvons définir la séquence à boucle. Je sais qu'on n'a pas bouclé la séquence de photos dans Photoshop. La raison pour laquelle nous le faisons maintenant est que si vous exportez une vidéo que vous souhaitez télécharger sur Instagram, cela ne vous permettra pas de télécharger une vidéo de moins de trois secondes. Notre GIF n'était pas trois secondes, il était probablement 1,5 seconde. Je veux boucler ça. Je vais le faire trois fois parce que je pense que ça va nous faire passer trois secondes. On peut toujours revenir et ajuster ça. Allez dans Boucle et entrez trois et appuyez sur « OK ». Nous devons faire la même chose avec la séquence de dessin. Cliquez avec le bouton droit de la souris, « Interpréter le métrage », « Principal ». Encore une fois, six images par seconde. Nous devons changer ça de 30 à 6. Il n'y a aucun moyen de faire plusieurs couches et de les automatiser tous, ce qui est dommage, donc vous devez passer individuellement et modifier la fréquence d'images dans chacun d'eux. Mais il n'y en a que deux, donc c'est bien. Changez la fréquence d'images à six, descendez et faites une boucle. Maintenant, nous devons boucler cela plusieurs fois plus que nous ne l'avons fait avec la séquence photo parce que la séquence photo est environ trois fois plus longue, c'est neuf cadres de long. Ce n'est que trois, car il n'y a que trois dessins. Je vais juste mettre 10 et on peut toujours le couper. Mettez 10 dans la boîte de boucle et appuyez sur « Okay ». Ensuite, je vais vous montrer comment travailler avec ces fichiers sur la chronologie vidéo. 13. Travailler avec les couches dans le panneau de montage vidéo d'After Effects: La prochaine chose que nous devons faire est de faire la composition. Alors maintenant que la séquence de photos est la bonne fréquence d'images et, espérons-le, une bonne longueur pour nous faire passer plus de trois secondes, maintenez-la enfoncée et je vais y aller. Il y a un symbole de tri avec quelques formes géométriques dessus, qui va faire une nouvelle composition pour nous. Donc, je vais lâcher prise et c'est là. Il a fait la composition, il correspond aux paramètres de l'image. Je vais faire un zoom arrière. Je veux regarder les paramètres de composition qu'il est donné automatiquement. Je dois être sélectionné sur cette séquence de photos, puis vous allez à « Composition » et allez à « Paramètres de composition » pour ouvrir la fenêtre. Ça s'appelle « Séquence de photos ». C' est juste pris le nom du fichier source. La taille est grande. C' est la même taille que nous avons regardé dans Photo-shop, c'est la taille de l'image originale du téléphone. Donc, nous devrions probablement rendre cela un peu plus petit parce que Instagram ne va pas prendre trop bien cette taille. Nous devons cocher « Verrouiller le rapport d'aspect  » pour que tout reste en proportion. Donc, nous avons seulement besoin de changer la largeur à 1 080, ce qui est une largeur vidéo tout à fait standard, et c'est une bonne largeur Instagram pour commencer. Fais ça et puis la fréquence d'images est de six, c'est ce que nous voulions. La durée est de quatre secondes, donc nous sommes tous dans le clair pour la limite de trois secondes. Ça m'a l'air bien. Je vais appuyer sur « Ok ». Maintenant que nous avons redimensionné le cadre, l'image ne s'est pas redimensionnée pour correspondre. Donc, avant de le faire, je vais réellement faire glisser la « séquence de dessin » et sur le dessus parce que cela devrait être la même taille de l'image. Nous pouvons les redimensionner en même temps. Saisissez votre séquence de dessin, tirez-le vers le bas. Il y a un petit écart, mais vous devez essayer de le placer au-dessus du calque photo. Donc, cette ligne bleue ici, si vous pouvez voir quand je bouge, elle indique où elle va tomber et je dois être exactement dans cet espace entre le haut du menu et le calque. J' ai lâché et c'est là. Si ce n'est pas le cas, vous pouvez toujours faire glisser ces calques. Vous pouvez le tirer vers le haut. On ne voit pas grand-chose en ce moment. Donc, je vais juste aller changer la taille de ces couches. Le raccourci pour ce faire consiste à sélectionner à nouveau les deux calques, maintenez la touche Maj enfoncée, puis sélectionnez le second. Je peux appuyer sur « S », qui signifie échelle, qui va faire apparaître juste le paramètre d'échelle de la couche. Si j'appuie à nouveau sur « S », il disparaîtra. Le long chemin, qui est bon à savoir aussi, est que vous cliquez simplement sur la petite flèche ici, qui est juste à gauche du nom du calque, puis il révèle un menu « Transformer », qui encore une fois vous appuyez sur la flèche pour la liste déroulante. Ce sont tous les paramètres de base de la couche. Donc, vous avez le point d'ancrage, la position, l'échelle qui est à 100% en ce moment avec la rotation qui est à zéro parce qu'il n'est pas tourné et l'opacité est de 100. Ce que nous devons faire est de le réduire pour s'adapter à la nouvelle taille de fenêtre que nous venons de changer. Vous pouvez soit simplement survoler le nombre 100, maintenez-le enfoncé et faites glisser le curseur vers la gauche. À gauche va le rendre plus petit, à droite va le rendre plus grand parce que nous allons sur ce nombre. Si je fais cela, faites glisser lentement, vous pouvez voir le nombre descendre et vous pouvez voir la taille de l'image descendre. Je dirais 47, il a l'air de la bonne taille. Alors je vais lâcher prise. C'est 47, c'est le calque photo. Le calque de dessin est toujours pleine taille, il est donc trop grand. Je peux soit appuyer sur « S », ce qui m'amène juste à l'échelle et le redimensionner. Je peux taper 47 parce que je sais qu'il doit correspondre à l'autre couche. Le plus long moyen aurait été d'ouvrir la couche. La fenêtre de transformation est déjà ouverte, puis faites-la glisser vers le bas. On y va. Il est 48, je vais juste taper, 47. Allons zoomer et voir ce que nous avons. Ceci est notre redimensionné, maintenant une vidéo, et il est assez soigneusement compacté en seulement deux couches ici, et parce que nous avons glissé dans la séquence photo en premier, la longueur de la composition a déjà correspondu à cela. Donc, c'est un peu plus de quatre secondes, ce qui est bien. Le calque de séquence de dessin, parce que nous l'avons fait glisser en seconde, il est plus long que la séquence de photos, mais en fait, il est juste en train de sortir de la fin. On n'a pas vraiment besoin de le couper. Nous pouvons simplement le laisser tel quel parce qu'il remplit toute la longueur de notre clip. Avant d'exporter ceci, nous allons le prévisualiser pour nous assurer que tout semble bien et qu'il joue comme nous le voulons. C' est la barre de l'espace pour jouer. Si vous voulez un peu plus de contrôle sur les paramètres d'aperçu, il y a un menu à droite. C' est fermé pour le moment, mais si j'appuie sur le mot « Aperçu », il s'étendra. Ce sont les paramètres de lecture complète. Si vous appuyez sur le bouton « Play », il va jouer. Les effets secondaires seront rendus. Ainsi, la vitesse ne sera pas toujours à pleine vitesse tout de suite et cela dépend également de la puissance de votre processeur. Je veux dire, maintenant on dirait que c'est rattrapé que la vitesse joue semble bien. D' autres paramètres que vous pouvez voir ici, fréquence d'images six, c'est ce que nous voulons. La résolution est la troisième, si vous avez besoin pour une raison quelconque de la lire dans une résolution plus élevée, vous pouvez changer cela. Ce n'est pas plein écran, il n'y a pas de son, mais il jouerait le son s'il y en avait. C' est en boucle pour le moment. C' est le paramètre pour le faire ne pas boucler mais bien sûr, quand nous l'exportons, il ne sera pas en boucle , ce sera juste une vidéo qui se termine après quatre secondes, mais pour l'aperçu, elle peut boucler. Super, donc je pense que ça a l'air bien. Donc, vous pouvez soit appuyer sur « Arrêter » ou appuyez sur « Barre d'espace ». Ensuite, nous allons l'exporter sous forme de fichier vidéo. 14. Exporter notre animation sous forme de fichier vidéo depuis After Effects: Nous sommes tous prêts à exporter ceci sous forme de fichier vidéo. Je viens de découvrir au cours des 20 dernières secondes que les effets postérieurs ne prennent plus en charge l'exportation de la compression de fichiers H.264, qui est le paramètre habituel de compression Web. Malheureusement, nous allons devoir ajouter une étape supplémentaire à cela. Ce que nous allons faire est d'exporter la vidéo sous forme de vidéo QuickTime, ce qui est un format très courant. Il va jouer comme une vidéo, et ce sera de très bonne qualité, mais il va être trop grand taille de fichier, trop haute qualité pour ce dont nous avons besoin pour le web pour les programmes comme Instagram à utiliser. Exportons-le de toute façon, et c'est bon d'en avoir une copie en haute résolution. Nous devrions être sélectionnés ici dans notre composition. Assurez-vous que vous êtes ici et que cette ligne bleue est autour du bord de cette boîte. Ensuite, allez Composition, Ajouter à la file d'attente de rendu. Maintenant, nous devons simplement aller et cliquer sur Lossless ». C' est là que vous aviez l'option pour H.264, mais elle n'est plus là. Nous avons juste besoin que ce soit QuickTime, ce qui est bien. Cette option de format, cliquez sur. L' animation est très, très lourde et elle n'est pas très polyvalente. Vous voulez descendre à Apple ProRes 422 LT est bon parce que ce n'est pas super haute résolution quelque part au milieu. Cliquez sur celui-ci et appuyez sur « OK ». Sortie audio, je vais juste éteindre ça. n'y a pas d'audio de toute façon, mais c'est bon de l'éteindre. Appuyez sur « OK », alors allez à l'endroit où il est indiqué Sortie à Non spécifié, cliquez dessus, puis allez dans votre dossier principal. Je ferais un dossier appelé exportations. Ensuite, enregistrez en tant que portrait animé QuickTime. Eh bien, ProRes, je suis désolé, mettez ProRes, qui est le type de compression, et appuyez sur « Enregistrer ». Vous définissez le nom du fichier et le type de fichier, et maintenant vous allez appuyer sur ce bouton sur le côté droit qui indique Render. La ligne bleue indiquera la progression de votre exportation. Vous pouvez juste voir image par image où il est. Environ à mi-chemin maintenant et puis presque à la fin. C' est le bruit de votre rendu, sauvegardons ceci d'abord, sauvegardez la commande, puis nous allons vérifier ce que vous avez exporté. Voici votre dossier, il devient assez complet maintenant. Exporte, il s'agit de votre fichier vidéo que vous pouvez prévisualiser en cliquant sur la barre d'espace. Ça a l'air vraiment bien. Il l'arrête au bout de quatre secondes parce que ce n'est pas un GIF. Maintenant que nous avons ce film ProRes et que nous devons le mettre dans un format H.264 pour le web, il y a différentes façons de le faire. Ma méthode préférée est d'utiliser Adobe Premiere. Premiere dispose d'un autre logiciel dans la suite Adobe. J' espère vraiment que si vous utilisez Photoshop et After Effects, vous aurez accès à Premiere ainsi qu'à une partie de la collection. C' est vraiment essentiel à toute vidéo ou travail lié à l'animation. Alors essayez de mettre la main sur ça. Je vais vous donner une option sans mais avec est mieux. Premiere s'ouvre juste et je vais sélectionner « Nouveau projet ». Cela vous fait enregistrer un projet avant même de l'avoir commencé, ce qui est une bonne chose à certains égards, mais c'est parfois un peu ennuyeux pour ce genre de chose parce que vraiment tout ce que nous voulons faire est de lancer notre vidéo directement à travers elle et sur le de l'autre côté et ne pas avoir à le sauver. Mais on y va quand même. Vous devez d'abord l'enregistrer avant qu'il ne vous laisse entrer. Accédez à Parcourir. Je veux dire que vous pouvez le mettre dans le dossier des exportations que nous venons de faire. Dans votre dossier de projet principal, exporte, choisissez, puis mettez simplement la compression car c'est pour cela que vous allez l'utiliser. Compression, OK. C' est super simple maintenant, vous avez juste besoin de retourner dans Finder, vous devez aller à vos exportations, trouver les ProRes que nous venons d'exporter d'After Effects. Vous devez cliquer, le maintenir enfoncé, le faire glisser vers le bas, survolez cette fenêtre de projet dans Premier, puis relâchez. Ensuite, la prochaine chose à faire est de récupérer cette vidéo ProRes que vous avez importée. Il suffit de le faire glisser directement dans cette section plus grande, qui est la chronologie, et de le déposer. Maintenant, votre projet est dans cette chronologie. Tu n'as vraiment rien à faire d'autre. Vous avez juste besoin d'aller à Fichier, Exporter, Média. Maintenant, ceux-ci sont déjà définis. Vous ne voulez pas cliquer dessus, vous voulez juste que le format dise H.264, qui est le format magique. Vous en avez besoin pour dire Match Source, High bitrate, qui est la toute première option. Tu n'as pas besoin de toucher à autre chose. Juste le nom de sortie, cliquez dessus. Il le nomme maintenant de la même manière, mais il serait appelé un MP4 à la place. Mais ce que vous voulez faire est d'écrire H.264 juste pour que vous le sachiez, c'est toujours la version compressée. Je l'ai encore mal orthographié, je n'arrive pas à le croire. Ok, orthographié correctement maintenant. Tout d'abord, Enregistrer, puis appuyez sur « Exporter » vers le bas. C' est tout ce que vous devez faire en Premier. Tu n'as même pas vraiment besoin de sauver ça. Avant d'y aller, vérifions si c'est là. Retournez au détecteur, le voilà. C'est le MP4. La version H264 MP4 est de cinq mégaoctets, ce qui est assez petit pour une vidéo. La version ProRes est 10. C' est seulement la moitié de la taille, dans ce cas, il peut varier beaucoup plus si c'est une vidéo longue et longue et que vous enregistrez beaucoup de taille de fichier. Mais c'est le format qui fonctionne le mieux pour les médias sociaux. C'est là. H.264, je vais mettre en évidence ça en vert juste pour me dire, c'est la vidéo du héros, c'est celle que je peux poster. Jetez un coup d'oeil. Ça a l'air vraiment bien. Vraiment content de ça. Je vais fermer mon premier ministre. Non, je ne veux pas sauver. Je pourrais simplement supprimer ça de toute façon. Il s'agit de votre dossier d'exportation. Vous avez votre version très haute résolution, vous avez votre version moins haute résolution. C' est la version à utiliser. Maintenant, si vous avez Premier en option, je vous recommande fortement de l'utiliser comme convertisseur pour obtenir ces vidéos au format MP4. Sinon, je vais aller faire un peu plus de recherches sur la dernière option, la plus fiable, de préférence gratuite pour convertir vos fichiers vidéo en MP4. Je vais mettre un lien vers la meilleure chose que je trouve dans la description du projet afin que vous puissiez vérifier et l'utiliser. En outre, vous avez fait un saut incroyable en GIF. Surveillez les dernières pensées de moi. 15. Merci à bientôt !: Félicitations pour être arrivé à la fin de la classe. En complétant votre projet de portrait, vous avez appris quelques théories essentielles de l'animation, les principes de la fréquence d'images et des boucles d'ébullition, ainsi que quelques connaissances techniques dans deux puissants logiciels. J' espère que vous pourrez vous appuyer sur ce que vous avez appris aujourd'hui dans votre futur voyage à travers le monde de l'animation. Malheureusement, c'est la fin et nous devons dire au revoir. Merci beaucoup d'avoir suivi mon cours. J' espère vraiment que vous l'avez apprécié et que vous reviendrez découvrir des techniques d'animation plus amusantes de ma part à l'avenir. J' aimerais voir vos portraits, alors ne soyez pas timide, veuillez partager vos résultats sur la page du projet de classe. Si vous téléchargez sur les réseaux sociaux et que vous voulez me donner un tag, c'est @geema .yin. Si vous avez des questions, vous pouvez me contacter sur la page de la communauté. S' il vous plaît suivez-moi sur Skillshare, laissez un avis si vous avez le temps, et enfin, mais surtout, une belle journée.