Transcription
1. Introduction: Bonjour, je m'appelle Kelly Larkin, et je suis un animateur vivant à Los Angeles. Aujourd'hui, je vais vous apprendre à prendre
votre illustration et à la transformer en une animation magnifique, utilisant la puissance d'After Effects. Je vais voir comment préparer votre animation d'illustration, dans Photoshop et Illustrator. En outre, nous allons sauter dans After Effects, et je vais vous donner un cours sur des outils vraiment fantastiques que vous pouvez utiliser pour donner vie à votre illustration. Même si vous êtes un utilisateur d'After Effects pour la première fois, ne vous inquiétez pas, je vous ai eu. Je vais vous montrer quelques conseils et astuces utiles et des façons de prendre votre illustration et de la transformer en une animation magnifique. Nous allons passer en revue aujourd'hui des concepts tels que l'outil Pin Puppet, dessins
Swap, les points Pivot et quelques autres choses. J' espère que vous apprécierez la classe et assurez-vous de me contacter si vous avez des questions, je serai plus qu'heureux de vous aider.
2. Notre projet de cours: Pour le projet de classe, nous créerons des
GIF animés de 1 à 3 secondes en utilisant les compétences que nous avons acquises dans cette classe. Assurez-vous de faire quelque chose de simple pour commencer comme un personnage agitant ou regardant la caméra. Rien de trop compliqué. Une fois que nous entrons dans les profondeurs de l'animation de copie, nous pouvons demander à votre personnage de faire des flips arrière. Mais pour l'instant, restons à un geste simple, un regard, ou quelque chose qui peut être fait dans le délai de 1 à 3 secondes. S' assure que vous touchez chaque sujet, comme les calques 3D, dessins
échangés, les points de pivot et l'outil de broche de marionnette. Assurez-vous que votre GIF est en mesure d'être mis en ligne et facilement joué. Une fois que vous avez terminé votre GIF, veuillez me le montrer et je serai heureux de vous faire part de vos commentaires.
3. Nettoyer votre illustration: Avant de commencer, je veux vous dire que j'ai un oiseau. Tu l'entends parfois dans cette vidéo et c'est bon. Il s'appelle Roméo et il dit Bonjour. Avant d'entrer dans un programme, je voudrais revenir sur les quatre principes fondamentaux de la création
d'une illustration prête à l'animation. Je vais montrer des démonstrations et des exemples sur la façon dont ces techniques peuvent être utilisées. Numéro 1, tout ce qui se déplace devrait être son propre objet. Numéro 2, vous serez en mesure de voir derrière des objets que vous ne verrez généralement pas dans une illustration. Numéro 3, des couches plus séparées permettent plus de contrôle. Numéro 4, les choses comme les bras, les jambes, les hanches, cou, etc., devraient avoir des coins arrondis pour permettre un mouvement en douceur. Allons-y plus en détail. Numéro 1, tout ce qui se déplace devrait être son propre objet. Que ce soit une tête, un bras, une main, tout ce qui bouge devrait être son propre objet. Cela vous permet d'avoir beaucoup de contrôle. Dans ma démonstration, la tête et le cou sont deux objets séparés, ainsi que les cheveux sur le dos et les cheveux sur le devant. Cela m'a permis, quand j'ai commencé à innover d'
obtenir un mouvement tout à fait unique que je n'aurais pas eu autrement. Numéro 2, vous pourrez voir
les objets postérieurs que vous ne voyez généralement pas dans une illustration. En raison de ce concept, il est important que tout ce que vous pourriez voir soit terminé. Dans mon illustration, je devais retourner en arrière et remplir les cheveux de cette façon je pouvais les faire tourner et il n'y aurait pas de problème. J' ai aussi dû le faire pour la main. Numéro 3, des couches plus séparées permettent plus de contrôle. Lorsque vous séparez vos couches, ce qui peut être addictif et honnêtement, vous pouvez aller pour toujours. Il vous permet de créer une animation hautement nuancée, très contrôlée. Par exemple, j'ai séparé les pupilles sur les yeux de
mon personnage afin que je puisse les déplacer indépendamment. J' ai également séparé les deux yeux l'un de l'autre parce que je voulais créer un effet de réduction plus tard dans cette série en utilisant des calques 3D. Numéro 4, les choses comme les bras, les jambes, les hanches, cou, etc., devraient avoir des coins arrondis pour permettre un mouvement en douceur. C' est un facteur très important lors de la création d'une illustration prête pour l'animation. Si vous créez des extrémités arrondies aux membres en mouvement, cela vous permet de contrôler fortement votre animation et de créer un mouvement vraiment beau. Par exemple, j'ai séparé mon bras supérieur,
mon bras inférieur et ma main, ce qui a permis au bras de se plier et de bouger. Photoshop et Illustrator ont tous deux un outil de pivot, si vous transformez en objets, vous pouvez déplacer le petit curseur. C' est un cercle avec un x au point de votre choix, alors vous pouvez faire pivoter vos objets. Cela vous donnera une bonne idée de la façon dont vos objets tournent dans les effets après. Voici un rapide laps de temps sur moi pour séparer mes couches. Vous pouvez voir comment je suis en profondeur. Il est très important d'avoir le plus de contrôle possible lors de l'animation. Mais assurez-vous de ne pas faire trop pour vous rendre fou. Sérieusement, je pourrais devenir plus folle. Je pourrais séparer les doigts. Je pourrais faire les épaules là sur des objets. Je pourrais ajouter plus d'un corps. Mais cela fonctionne parfaitement pour ce que j'ai en tête. Ensuite, nous importerons notre illustration finie dans des effets après. Restez à l'écoute.
4. Importer dans After Effects: Dans cette section, je vais vous apprendre à importer votre illustration depuis Illustrator ou Photoshop dans After Effects. Je vais vous dire quelques choses que je voudrais que quelqu'un m'ait dit comme un jeune illustrateur, dans Photoshop dossiers seront toujours importer comme compositions, un peu plus sur ce que cela signifie plus tard. Dans Illustrator, les sous-calques importent toujours fusionnés. C' est ainsi que je recommande fortement de tout séparer en couches
séparées et de m'assurer que vous n'avez pas de sous-couche. Je vous recommande également, si vous avez l'habitude de travailler en impression, vérifier vos paramètres de couleurs. Illustrator a un changement de couleurs particulièrement agressif une fois importé dans After Effects, si vous l'avez fait en CMJN. Pour importer un projet, il
suffit de cliquer avec le bouton droit de la souris sur la partie de projet la plus à gauche. Une fois que vous avez fait cela, allez de l'avant et sélectionnez le fichier que vous souhaitez importer. Une boîte de dialogue s'ouvre avec quelques options. L' option que vous voulez est la composition de conserver les tailles de calque. Cela signifie que chacune de vos couches sera un objet modifiable et que les points de pivot dépendront des calques eux-mêmes par opposition à la taille entière des documents. Cela nous fera aller dans la bonne direction. Maintenant que vos fichiers ont été importés, aller à votre composition est marquée par une icône qui ressemble à un film vidéo qui forme en elle. Cliquez avec le bouton droit dessus et accédez aux paramètres de composition. Vous allez vouloir vous assurer que votre composition dure au moins deux secondes, ou vous pouvez la changer si vous le souhaitez,
quelque chose de plus ou de plus court. Rappelez-vous, notre projet personnel va durer de 1 à 3 secondes. Vous voulez également vous assurer que vous utilisez 24 images par seconde. Juste la norme actuelle de l'industrie pour le nombre d'images par seconde dans votre animation. Quelques-uns d'entre vous se demandaient ce que ces boîtes rouges bizarres autour de ma composition. C' est quelque chose que je me suis fixé au début de ce projet. Sachant que je voulais vraiment avoir un format carré, je l'ai mis là pour m'aider à encadrer mon dessin de manière plus appropriée dans After Effects. Si je double-clique sur ma composition ici, vous pouvez voir que tous nos calques sont maintenant présents et visibles. Ensuite, nous allons ajouter des pivots et nous allons parfaire nos calques ensemble pour créer un râteau rudimentaire. Restez à l'écoute.
5. Parenting et pivot: Bienvenue dans le monde de la parentalité et points de
pivot un jeu alternatif à Donjons et Dragons, mauvaises blagues à part, qu'est-ce que la parentalité ? Espérons que ce tableau étrange peut vous donner un peu plus d'informations. Lorsque vous voulez ramasser un objet, votre épaule et le haut du bras se déplacent, ce qui aide votre bras à bouger, ce qui aide votre main à bouger. C' est l'idée fondamentale d'une relation parent-enfant. Dans les séquelles, nous utilisons le rôle parental pour connecter une couche à une autre. De cette façon, lorsque nous déplaçons un
calque, les autres se déplacent également. Cela nous permet de créer un mouvement naturaliste, qui ne sera enrichi que par d'autres techniques que je vais vous montrer aujourd'hui. Si vous avez travaillé dans Photoshop ou Illustrator, vous connaissez probablement les points de pivot. Les points de pivot indiquent au programme que vous utilisez la façon dont vous souhaitez faire pivoter ou déplacer un objet. Si vous avez un point de pivot au centre d'une image, cette image tournera en fonction du centre. Toutefois, si vous déplacez le point de pivot vers le haut ou vers
le bas, le point de rotation de l'objet change. En utilisant à la fois les points parentaux et pivot, nous allons jeter les bases de notre couche ici. Lorsque vous cliquez sur un
calque, vous voyez un symbole au milieu de celui-ci, c' est-à-dire votre point de pivot. Si vous accédez à votre barre d'outils et sélectionnez l'image qui a une ligne pointillée avec des flèches orientées vers l'extérieur, c'est l'outil que vous utiliserez pour changer votre point de pivot. Pour créer des relations parent-enfant dans After effects, vous allez vous assurer que votre parent est visible et que vous liez la fenêtre, qui doit être connectée à votre calque. Si ce n'est pas là, essayez d'appuyer sur la touche des
modes barre oblique des commutateurs à bascule jusqu'à ce que vous voyez une case indiquant parent et lien. Il y a deux façons de parent, une, vous pouvez sélectionner l'icône en spirale de l'enfant que vous souhaitez et faire glisser ce que nous appelons le fouet de sélection aux parents. Si jouer avec des spirales cool n'est pas votre truc, vous pouvez également utiliser un menu déroulant et sélectionner le calque que vous souhaitez être le parent. Pour cette section, je vais prendre des parents et des enfants et les relier ensemble. Je vais également changer certains points de pivot autour, pour m'assurer que mes rotations sont aussi naturelles qu'elles peuvent l'être. Quelque chose d'autre que je vais faire dans cette section, est d'utiliser quelque chose appelé une couche d'ajustement, qui est une couche vide que je vais utiliser pour parent de grandes structures à. Je vais créer un calque d'ajustement qui a tous peuvent faire face à des éléments parentés à lui. Ceci est incroyablement utile, ce qui
signifie que, bien qu'ils aient le calque maître de visage en mouvement, je peux également sélectionner les personnes qui sont parentées dans le calque de visage et les déplacer individuellement. Quand j'ai ma pause tout mis en place, je vais animer, ou au moins commencer à animer. Si vous sélectionnez la flèche déroulante à côté du calque souhaité, vous obtiendrez un certain nombre d'éléments différents, tels que traduire, faire pivoter, point d'ancrage, etc. Si vous sélectionnez l'un d'entre eux, vous obtiendrez une clé. Vous le saurez car un diamant bleu apparaîtra dans votre chronologie. L' animation est tout au sujet d'un bon sentiment autant qu'elle l'étudie. Mon conseil pour vous quand il s'agit de commencer votre animation, est d'avoir une image claire de ce que vous aimeriez que le personnage fasse. De cette façon, il n'y a pas de confusion. N' oubliez pas que vous pouvez également appuyer sur la touche zéro de votre pavé numérique pour avoir un aperçu de RAM ou un aperçu précis image par image de ce que vous regardez. Vous pouvez également utiliser les
touches de page vers le haut et vers le bas pour basculer dans votre animation et la regarder image par image. Pour notre prochaine section, préparez-vous à retourner dans Photoshop ou Illustrator parce que nous allons faire des dessins de swop, ce qui va faire éclater notre animation. On se voit là-bas.
6. Drawings à l'échange: Après avoir animé avec des points de pivot, j'ai eu une animation qui ressemblait un peu à ça. Ça a l'air assez cool, mais j'ai pensé que je pourrais le pousser un peu plus avec la magie des dessins d'échange. Dans ce cas, je vais créer deux dessins supplémentaires pour permettre au personnage de clignoter. Toutefois, vous pouvez utiliser des dessins d'échange pour un certain nombre de choses, comme la création de différentes formes de bouche. Peut-être que votre personnage est grimaçant et qu'ils passent dans un sourire. Peut-être que votre personnage clignote un signe de paix d'un poing. Tous ces éléments sont une excellente utilisation des dessins de swap. La première chose que nous allons faire est d'aller dans Photoshop et de créer nos dessins. Vous pouvez voir ici que j'en ai deux que j'ai faites. Ensuite, nous les importons dans After Effects et nous
allons utiliser une technique appelée Toggle hold keyframe. images clés traditionnelles ou la facilité facile, que certaines de mes images clés sont, vous pouvez les noter par le fait qu'elles ressemblent à un sablier. Je les reçois en cliquant avec le bouton droit de la souris et en sélectionnant cette option, ou en appuyant sur « F9 » sur mon clavier. Contrairement aux images clés traditionnelles qui passent de
0 à 100 pour cent avec un dégradé graduel entre les deux, les images clés
maintenues bascule de 0 à 100 pour cent, au retournement d'un commutateur. Basculer l'opacité des calques souhaités va créer les swap outs d'instance pour nos dessins ponctuels. J' ai décidé que j'allais garder mes élèves au lieu de dessiner un autre ensemble. J' ai fini par créer un masque en utilisant l'outil de stylo et en traçant autour. Puis une fois de plus, en utilisant hold keyframe pour manipuler la taille du masque lorsque mon personnage clignote. Maintenant que notre personnage bouge et clignote, nous allons lui donner un tout autre ensemble de dimensions en utilisant des calques 3D. Je te verrai là-bas.
7. Coules 3D: Une de mes choses préférées dans After Effects est de tricher la perspective en utilisant des calques 3D. Pour créer un calque 3D, vous devez cocher la case qui a un cube comme icône. doit être sélectionnée pour chaque calque que vous souhaitez créer 3D. Une fois que vous avez ouvert les options sur votre calque 3D, vous constaterez qu'un peu est changé. Vous avez un nouvel axe avec lequel travailler, et vos rotations ont été séparées en X, Y et Z. Avec les calques 3D, je vais prendre mon calque de face maître et, je vais l'incliner légèrement. Donc, mon personnage semble qu'elle bouge la tête en nous regardant. En plus de cela, je vais prendre mes yeux et faire un traitement 3D séparé sur eux, pour pousser la perspective sur eux encore plus, et aussi pour réduire l'échelle d'un côté et augmenter l'échelle de l'autre côté. Je vais aussi faire ce traitement sur les oreilles pour vraiment vendre l'effet. Mon conseil général pour cette section est de gâcher jusqu'à ce que les choses semblent bien. Vous serez en mesure de dire très rapidement si vous l'avez poussé trop loin en utilisant l'œil de votre artiste. Il peut être très écrasant de penser à déplacer un visage entier dans l'espace 3D. C' est pourquoi je recommande de commencer par une seule pièce, dans mon cas, la couche principale. Ensuite, ajustez le reste des couches autour d'elle. On en a presque fini avec notre animation. La dernière chose que nous allons faire est de créer très
belles déformations charnues en utilisant l'outil de broche de marionnettes. Je te verrai là-bas.
8. Outil épingle de mariette: L' outil de broche de marionnettes est facile à apprendre mais difficile à maîtriser. Vous pouvez accéder à l'outil de broche de marionnette en allant dans la barre d'outils supérieure et en cliquant sur l'image d'une prise de pouce. En plaçant vos épingles à différents endroits de votre
calque, vous pouvez créer un mouvement très naturaliste. Si je coche la boîte de maillage sur la barre d'outils supérieure, je peux réellement voir ce que fait l'outil de broche de marionnettes. Il crée une série de maillages que vos épingles utilisent pour déformer votre calque. Comme vous pouvez le voir, j'utilise l'outil de stylo pour rendre mon mouvement de cheveux plus naturel, ainsi que d'ajouter un mouvement supplémentaire à la mèche errante de cheveux sur les personnages de. Je vais aussi l'utiliser pour donner à mon personnage un peu de mouvement d'épaule, et pour augmenter leur sourire en un léger sourire. Quand il s'agit d'utiliser l'outil de broche de marionnette pour le bras pour ajouter un peu de déformation supplémentaire, abord, je vais faire un clic droit sur les trois couches qui composent mon bras de personnages. Je vais faire un clic droit sur eux et je vais les pré-composer, ce qui les place dans une nouvelle composition. De cette façon, je peux faire en sorte que l'outil de stylo de marionnettes affecte chaque couche simultanément. Je vais devoir augmenter ma taille de maillage avec cette couche particulière parce qu'elle est très grande et bouge un peu, mais j'aime vraiment le résultat à la fin. Je vous recommande de le faire. Si vous n'augmentez pas la taille de votre maillage,
vous risquez malheureusement de voir des déchirures ou des scènes lorsque vous déplacez votre calque. Ici, nous avons notre animation finie. J' en suis vraiment content, et j'espère que tu aimes ce sur quoi tu travailles aussi. Ensuite, je vais vous montrer comment exporter correctement votre animation dans un GIF animé. Faisons-le.
9. Exporter votre projet et créer un Gif: Avant de rendre notre fichier, nous allons dans les paramètres de composition pour nous assurer que tout est bon. Personnellement, j'ai précomposé mon illustration animée dans une nouvelle composition pour obtenir les bonnes dimensions. Une fois que je suis satisfait de tout, je vais appuyer sur « Control M » sur mon clavier, qui est un raccourci pour ajouter notre fichier à la file d'attente de rendu. Pour ce fichier particulier, je recommande d'utiliser un format MOV ou MP4. AVI est un peu trop lourd pour ce que nous allons faire ici. Une fois que vous avez choisi
le nom et l'emplacement de votre fichier et que le format vidéo correct est sélectionné, appuyez sur « Rendu », puis appuyez sur « Verrouillage majuscules » sur votre clavier. Cela permettra au fichier de rendre plus rapidement. Malheureusement pour After Effects, leurs outils de fabrication GIF ne sont pas très bons. Nous allons créer notre GIF en utilisant Photoshop. Une fois Photoshop ouvert, sélectionnez Importer des images vidéo dans les calques dans le menu Fichier. Sélectionnez votre fichier et appuyez sur « OK ». Nous allons utiliser le format hérité, Enregistrer pour le Web. Espérons que Photoshop le remplace bientôt par quelque chose de plus récent et de mieux car After Effects ne le coupe pas. augmentant le nombre de couleurs dans votre GIF, en jouant avec les types de dither, et en jouant simplement avec les quelques options déroulantes, vous pouvez diminuer la taille de votre GIF et le
rendre un peu plus au goût pour l'internet. Avec cela, nous avons un GIF fini. Félicitations, vous êtes arrivé jusqu'à la fin.
10. Merci !: C' est la fin du cours. Merci beaucoup d'avoir rejoint moi. J' apprécie vraiment ton temps. Nous avons pris votre illustration statique et l'avons
transformée en animations mouvantes avec la puissance d'After Effects, une grande connaissance. Nous sommes allés sur la façon de mettre en place une plate-forme de base et After Effects et de l'améliorer avec de la fumée After Effects, fonctionnalités
fantastiques telles que les couches 3D, l'outil de broche de marionnettes. Nous avons même créé quelques dessins supplémentaires pour donner un peu plus à notre animation. Merci beaucoup de m'avoir rejoint dans cette classe et encore une fois, hésitez pas à me contacter si vous avez des questions. Je suis plus qu'heureux de vous aider. Encore une fois, je suis Kelly Larkin. Merci beaucoup d'avoir rejoint moi.
Kelly Larkin, Animator
