Arrière-plans animés dans Adobe Character Animator

1. Intro: Bonjour, là-bas. Je suis David Miller. Je suis à Phoenix. Il n'y avait pas d'artiste multimédia et d'éducateur. Je veux vous souhaiter la bienvenue à ce cours de compétences sur la création d'un fond animé l'aide d'un animateur de personnages dhobi. Adobe Character Animator est un logiciel d'animation de capture de mouvement lié à Adobe après les effets. Donc, si vous avez des effets d'Adobe, vous avez l'animateur de caractères Adobe. Je l'utilise depuis quelques années. C' est tellement amusant, mais jusqu'à récemment, je suis ou moins utilisé pour créer des personnages animés. Et puis les arrière-plans sont des choses que j'ai photographiées ou juste laissées à leurs propres appareils dans After Effects et Premier. Mais il y a des façons de donner vie à votre arrière-plan, et ce sera l'animateur de personnage qui sont à peu près uniques à Dobie personnage animateur. J' ai donc pensé que ce serait génial d'avoir un cours sur ce que vous pouvez faire dans le cadre du programme. Une autre raison pour laquelle les gens pourraient vouloir utiliser des animateurs de personnages pour animer leurs arrière-plans est que l'animateur de personnages est idéal pour la diffusion en direct. Donc, si vous voulez vivre, diffusez vos personnages et que vous voulez qu'ils aient unarrière-plan cool et interactif, arrière-plan cool et interactif, alors l'animateur de personnages est l'endroit idéal pour le faire, pas après les effets, pas premier. Ce dont vous aurez besoin pour cette classe, c'est jusqu'à ce que l'animateur de personnage et après effets, je vais concevoir mes arrière-plans dans Illustrator puis les organiser dans la boutique photo. Donc, si vous avez ces deux programmes, il vous sera bénéfique car votre projet pour cette classe est de créer votre propre vidéo d'exportation d' arrière-plan animée hébergée sur la vidéo YouTube en tant que lien privé, puis de poster cela sur le partage de compétences page produit, commençons. 2. Désigner un arrière-plan dans Illustrator: nous allons créer un arrière-plan assez simple pour notre projet d'animateur de personnages. Je vais commencer un illustrateur Si vous n'êtes pas familier avec Adobe Illustrator, il existe de nombreuses façons de créer des arrière-plans. Vous pouvez utiliser des photos. Vous pouvez faire vos propres dessins et les numériser dans l'ordinateur. Je vais faire un horizon simple et les arrière-plans, et c'est en fait pour un projet. Je collabore avec ma fille et elle voulait, genre, un paysage de bonbons. Donc, je suis en train de choisir des couleurs vraiment girly et juste en utilisant un chemin simple qui va illustrer quelques bonbons et quelques nuages. On y remettra un fils pour que ça reste très simple. Je vais faire beaucoup de clonage dans mon arrière-plan, donc j'ai cloné le nuage. J' ai fait quelques transformations. Je vais dessiner des cannes à bonbons, et j'utiliserai un simple coup. Fatten it up Tout ce que je dessine sur illustrateur, je dessine sur un nouveau calque. Ensuite, j'utilise un outil appelé Pathfinder pour fusionner. Divisez ces morceaux pour que vous voyez que la structure de la route se passe ici. J' ai utilisé un outil appelé Pathfinder pour diviser la route par les collines et ensuite je les ai détoilés afin de pouvoir supprimer des sections. Maintenant, on va faire des sucettes. Ce sont des formes géométriques très simples. Et pour la partie inférieure du rappeur Lollipop, je vais utiliser l'outil crayon pour le dessiner. Lorsque je fais des objets qui ont plus d'une section, j'ai tendance à colorer certaines sections légèrement différentes. Donc, dans le cas de ce rappeur suçon, vous avez la partie avant une version de Red. Vous avez le bas du rappeur quelques versions différentes de rouge, mais je vais cloner un tas de ces sucettes, repositionner, changer un peu cette échelle. Dans certains cas, je vais les mettre derrière la colline pour qu'ils soient dispersés partout. Et puis je pense que je vais changer la couleur de quelques-unes de ces sucettes parce que c'est trop de la même chose. Chaque fois que vous concevez un arrière-plan, même si ce n'est pas un arrière-plan, vous voyez Ah tout un tas dans votre émission. Ah, vous devriez avoir une certaine variété pour créer un intérêt visuel. Si tout est cloné et semble exactement le même dans la même position, la même couleur, alors il pourrait aussi bien être juste un élément. À mon avis, ce n'est pas si intéressant à regarder. Faisons un fils. Je vais ajouter de la distorsion pour obtenir un bord épineux. J' avais une lueur stylisée. Cela changera probablement plus tard lorsque je déplacerai cette composition dans la boutique photo. Maintenant, je vais changer les couleurs de beaucoup de ces sucettes. Je pense que je vais alterner les bleus et les rouges. 3. Préparer l'arrière-plan dans Photoshop: À ce stade, je l'exporte en tant que fichier Photoshopped. On va y aller et ouvrir une boutique photo. Maintenant, lorsque vous exportez à partir d'illustrator, vous devrez effectuer un nettoyage de calque. Donc c'est essentiellement ce que je fais. Si j'avais quelque chose qui était un groupe dans Illustrator, il obtient son propre dossier et Photoshopped. Mais je ne veux pas que mes couches orteils ressemblent à ça. Donc je renomme tout, les déplace là où ils doivent être. Je vais trouver une texture pour la chaussée. Les briques simples feront l'astuce que je vais utiliser l'outil de transformation et Photoshopped pour obtenir les choses à l'échelle de la perspective et biaisées de la manière que je pense appropriée à ma route. Si j'ai passé un peu plus de temps à ce sujet, je pourrais envisager de mettre un flou sur la moitié arrière de la route à, parce que ce qui finira par arriver est tout ce qui reçoit vers l'horizon devrait avoir un peu de ah floue, qualité moins définie à elle. Changer le passage A sur ces briques et je vais le fusionner. Maintenant, je vais Teoh Blair le soleil un peu plus. J' ai l'impression que ça n'a pas besoin d'être une boule de feu super bien définie, et ce gars n'a pas de sens pour moi. Il a besoin d'avoir plus d'une lueur, plus d'énergie pour elle. Je vais mettre tous mes calques dans un fichier de personnages qui est plus de caractère, comme vous le feriez sur vos marionnettes d'animateur de personnages habituels. C' est parce que je veux cet orteil. Avoir quelques effets. Je ne veux pas que ce soit juste un arrière-plan ennuyeux et statique. Je veux avoir des choses qui bougent dedans. Je veux que les nuages montent et descendent, et je veux pouvoir bouger le soleil. Donc, je vais donner à ces couches le symbole plus à côté d'eux. Et maintenant, je suis en train de copier quelques éléments de premier plan parce que j'ai réalisé que Candy Cane vraiment près la caméra, devrait être en fait en face de mon personnage. Si c'est juste derrière elle, ça a l'air un peu bizarre, et je veux que mon personnage ait l'impression qu'ils font partie de l'environnement, pas seulement un autocollant qui va au-dessus de l'environnement, donc je vais prendre une sucette, une canne à bonbons. Je vais brouiller ces deux parce qu'ils sont destinés à être plus proches de la caméra. J' utilise le flou de lentille Pour faire cette dernière étape, je vais utiliser des options de mélange pour donner de l'ombre intérieure aux objets de ma scène, aux nuages et aux sucettes dans les cannes à bonbons. Il ne sert à rien de le donner à la route réelle ou au soleil, parce qu'ils ne devraient pas avoir d'ombre à l'intérieur. Mais je vais manipuler l'angle de l'ombre pour être du soleil afin que le soleil soit en haut à droite que l'ombre devrait l'être. En bas à gauche, vous pouvez créer des ombres sur le sol. Si tu le désires. Tout ce que vous devez faire est d'utiliser l'outil de pinceau et l'outil de flou. Je ne vais pas faire ça pour l'amour du temps. Il serait logique, dans le cas d'un fils en arrière-plan, qu'il y ait ombres sur le terrain. Mais je vais renoncer à ça juste pour le temps. 4. Arride comme des pépins d'animateurs de personnages: Maintenant, passons à l'animateur de personnage, et ceci est une marionnette que j'ai co-créée avec ma fille. Il est destiné à sa propre chaîne YouTube, et je vais créer une composition qui est à peu près ah, standard HD taille 10 80 x 1920 pixels va rétrécir sa marionnette en elle. Maintenant, importez mon premier plan et mon arrière-plan, laissez tomber l'arrière-plan derrière elle, et je vais changer légèrement l'échelle pour qu'il s'adapte avec vu beaucoup mieux. Si vous avez besoin de déplacer votre arrière-plan, vous conduisez certainement cela avec les positions X et Y. Si vous aviez un passé que vous vouliez voyager derrière votre personnage, il y a des façons de le faire. Animateur de personnage. Mais le moyen le plus simple serait d'utiliser Adobe après les effets, donc j'aurai quelque chose comme ça dans mon cours avancé d'animateur de personnages. Mais pour notre bien, nous allons nous concentrer sur une expérience intéressante pour notre personnage. Marche à travers maintenant, quand j'utilise la fonction de marche, elle ne va nulle part. C' est parce que j'ai besoin de lui donner de la vitesse. La vitesse est définie sur zéro par défaut, mais si vous voulez que votre personnage se déplace réellement d'un côté à l'autre. Vous devez modifier la vitesse du corps et quelque chose qui semble normal être autour de 50% 75%. Personnage qui se déplace à 100% se déplace assez rapidement. J' ai laissé tomber ma couche de premier plan au-dessus de mon personnage, donc si elle marche devant ou derrière ces objets, ils vont rester et elle ne va pas les couvrir. Maintenant, je veux ajouter des comportements aux éléments de mon arrière-plan, donc je me dirige vers le mode rig. Je souligne les trois choses que je veux avoir une motion, et je pense que je vais leur ajouter la respiration parce que la respiration fait grandir et rétrécir les choses. Et, ah, je l'ai déjà fait dans les éléments de fond. Ça me rappelle un dessin animé des années 30. Dans ce cas, j'ajoute la même respiration aux trois éléments. Donc, après avoir marqué les deux nuages et le soleil respirer, j'ajoute le comportement de la respiration, et je vais le définir pour être, hum, hum, pas une énorme différence d'échelle. Les valeurs par défaut dans Breathe sont 150%. Je coupe habituellement que fait quelque chose comme 110 dans le cas des êtres humains plus comme 102% différence. Mais comme vous pouvez le voir, les nuages inhalent et expirent, très semblable à la façon dont les objets inanimés dans les vieux dessins animés des années 1930 soufflés dans et dehors ont élargi ma composition un peu plus large que 1920. C' est pour donner à mon personnage plus d'espace pied. Et je pense que si je voulais Teoh présenter une vidéo sur YouTube qui était une norme 1920 par 10 80. Ce n'est pas un problème. Je lance juste cela dans les effets après et définit la composition à 1920 par 10 80 ou Adobe Premiere. Vous pouvez modifier les paramètres de séquence et les bords de votre composition finale seront découpés. 5. Détails de l'arrière-plan de l'en-tête: le dernier élément que je vais faire avant de retourner au personnage Animator est aller à l' illustrateur. Je vais prendre ces petits morceaux d'herbe que j'ai dessinés. Ce que je vais faire, c'est copier le chemin que j'ai dessiné l'herbe. Je vais le coller sur son propre calque et faire quelques légères modifications à l'aide de l' outil de courbure . Donc mon objectif avec ceci est d'avoir une petite animation en boucle de l'herbe qui souffle dans la brise. Et je vais faire trois couches. Mais vous pouvez faire du cycle autant de couches que vous le souhaitez. Si vous voulez que votre animation soit plus fluide et réaliste que vous n'auriez plus trois couches, vous pourriez avoir cinq ou 10 couches avec des incréments plus petits que ce que je fais avec l' outil de courbure. Donc maintenant que j'ai trois couches qui sont légèrement différentes, je vais les exporter individuellement en tant que fichier ping. Et pour ce faire, vous allez exporter des fichiers en tant que ping PNG. Je vais créer un nouveau dossier. Je vais l'appeler « Purple Grass loop ». Une couche est enregistrée. Sa couche 1. Assurez-vous que vous avez défini la couche transparente comme couche d'exportation d'arrière-plan vers la couche 3 et exportez la couche 3. Ok, on a un tas de cames de plus. D' accord, revenons à l'animateur de personnages et voyons comment nous pouvons pimenter nos arrière-plans. Je vais importer le cycle pour faire ce cycle d'importation, trouver votre boucle d'herbe pourpre. Vous n'avez qu'à choisir l'un des fichiers ping dont vous avez besoin pour le faire glisser et le déposer sur le calque que vous souhaitez qu'il apparaisse. Donc, si j'ai juste jeté le calque de cycle sur mon personnage et qu'il l'a mis au mauvais endroit. L' animateur de caractères ne me laisse pas repositionner ces calques, donc il doit être juste au-dessus de l'endroit où vous voulez qu'il soit. Dans ce cas, il est juste au-dessus du caractère de couche de sol Amit are a déjà des couches de cycle comme un comportement qui lui est appliqué. Vous avez juste besoin de changer les attributs de quoi que ce soit. Dans mon cas, je veux cette chose boucle d'orteil continuellement. Je vais voir à quoi ça ressemble quand il bouclera toutes les deux images. Je pourrais étirer ça. Maintenant, je vais laisser tomber plus de couches de cycle sur. Je vais laisser tomber plus de cycles de couches. Je veux que cette herbe apparaisse au moins trois fois la repositionner, et je vais changer l'échelle de c'est juste pour le faire paraître un peu différent la fois où j'ai laissé tomber l'herbe sur, sorte que l'un était un peu plus grand et je a changé la rotation sur elle. Laisser tomber une autre boucle d'herbe cyclable une fois de plus a changé l'échelle sur les coordonnées E X et Y . Voyons voir à quoi ça ressemble. 6. Déplacement en arrière-plans et en Backgrounds: Maintenant, j'ai une scène ici où mon personnage peut marcher, et elle marche actuellement en place. Si je vais au cycle de marche et que je lui donne de la vitesse, elle sortira du plateau. Mais si je voulais qu'elle reste en place et qu'elle bouge au lieu de l' abandonner ? Eh bien, il y a quelques choses que vous pouvez faire. Numéro un est que vous avez besoin de construire un très long ensemble. Donc, quand je vois mon fond de bonbons, vous pouvez voir que c'est très long horizontalement. Si je devais le regarder dans Photoshop, c'est en fait environ 5100 pixels de large et 1600 de haut. Donc, cela donne à mon personnage un peu d'espace pour marcher à travers. Ce que je dois faire si je veux que ce soit l'élément qui pend au lieu du personnage, c'est que j'ai besoin d'appliquer un cycle de marche, et pour que ce cycle de marche fonctionne, j'ai besoin d'appliquer un comportement de la hanche, donc je vais sélectionner le niveau le plus élevé de ce niveau de caractère. Je vais aller de l'avant et donner une hanche, et je vais appliquer un cycle de marche parce que ça va aller dans la direction opposée. Le personnage marche. Je vais lui donner une vitesse de 8 négatif, et je veux que ce cycle de marche commence avec les touches fléchées gauche et droite. D' accord avec le bras de fond pour l'enregistrement. Maintenant, il moule, mais mon personnage est immobile. La raison en est que je n'ai pas les deux éléments armés pour enregistrer en même temps, avec les deux éléments sélectionnés. Non, mon personnage marche vers l'avant et le voyage en arrière-plan va ralentir la vitesse mon personnage à 16% et j'ai une scène assez cool de son voyage en arrière-plan . Vous pouvez également appliquer à quatre éléments ronds, et avoir des éléments de premier plan aide vraiment à créer un sentiment de profondeur, ce sentiment qu'il y a un espace réel dans lequel notre personnage voyage. Rappelez-vous juste quand vous avez des choses qui sont censées être plus proches de la caméra et qu'il y a un effet appelé Parallax, ce qui dans le monde réel est pourquoi les choses qui semblent plus proches de nous sur la route semblent se déplacer plus vite que les choses qui sont loin quand nous conduisons. Donc, si vous avez un élément qui est plus proche de la caméra, vous devez avoir sa vitesse augmentée au fur et à mesure que votre personnage passe devant lui. Les éléments d'arrière-plan doivent se déplacer plus lentement 7. Les calques vidéo de l'en cyclisme: Je veux vous montrer comment vous pouvez incorporer des cycles vidéo dans vos compositions animatrices de personnages dans cet exemple, je suis allé dehors par une journée parfaitement claire, et j'ai filmé un peu d'arbre sur fond bleu. J' utilise essentiellement ce ciel comme un écran bleu de la même façon qu'on pourrait filmer quelqu' un en studio contre un écran vert. Je l'ai fait à midi parce qu'il n'y a pas autant de rayonnement vers le ciel qu'il y aurait si j' avais filmé ça à l'aube ou au coucher du soleil, et j'utilise juste un iPhone régulier. Une vidéo de quatre secondes est tout ce dont j'ai besoin. La chose importante est que j'ai les caméras stabilisées et toute sorte de stabilisateur de téléphone ah va vous faire tourner peut-être 10$ ou moins. Donc, il n'y a pas de vraie raison de ne pas tirer stabiliser la vidéo sur votre téléphone. Une fois que j'ai cette vidéo, je la prends en après effets, et les chances sont que je suis à peu près sûr si vous avez un animateur de personnage que vous travaillez avec Adobe après effets parce que l'animateur de personnage vient avec des effets après. J' ai glissé le métrage vers la nouvelle icône de composition, puis je vais utiliser un effet appelé roi, où vous pouvez sélectionner une couleur dans votre métrage, puis l'égoutter. Donc, c'est quelque chose qui nécessite un peu de finesse et peut-être plus que je vais le faire dans cet exemple. Mais essentiellement, je suis en train de vider le bleu de l'arrière-plan. Je vais gâcher un peu la tolérance et utiliser l'un des autres outils du roi appelé Cleaner pour aider à se débarrasser de certains de cet excès. Et une fois que j'ai eu cela jusqu'à un certain point, je vais utiliser le thème demandant l'outil de stylo pour dessiner autour de l'arbre. C' est mieux que je peux. Je sais qu'il y a des parties où les feuilles se balancent et ça sort du masque, donc je vais faire le masque. Cela laisse un peu plus grand, et quand j'arriverai au tronc de l'arbre, je vais m'approcher et m'y rincer. Quand j'aurai dessiné mon masque, je vais lui donner un peu de plumes, faire quelques ajustements, puis après un certain point, je reste avec un arbre contre rien. Ce rien est appelé l'Alfa ce motif damier que vous voyez ici. Donc, quand je rend un nouveau il aération de ce clip. Je vais le rendre avec RVB plus Alfa, et c'est dans le menu de rendu d'After Effects. RGB plus Alfa fait un fichier assez volumineux, même quelque chose de quatre secondes de longueur. C' était une vidéo de quatre K, donc ce cycle du traité a fini par être de 249 mégaoctets en taille pendant quatre secondes de vidéo. Plutôt grand. Si vous n'avez pas besoin de tous ces pixels, hésitez pas à réduire votre arbre à ce que vous en avez besoin. Et je vois dans mon rendu qu'il reste un peu de bord bleu dedans. Je suis d'accord avec ça. Pour l'instant. Ceci est juste un exemple pour ce tutoriel. Si vous voulez affiner votre processus de roi un peu mieux. Aftereffects a plus d'outils à votre disposition que vous pouvez saisir le bord bleu restant . Maintenant que j'ai mon arbre plus Alfa, je vais aller à la boutique photo et je vais utiliser un outil sous importation appelé cadres vidéo deux couches, et cela vous donne un menu qui vous permet de choisir combien de cadres vous voulez. Si vous voulez rendre chaque image de cette vidéo de quatre secondes. Deux couches. Voyons voir. Il a été tourné à 24 images par seconde. Quatre fois 24 équivaut à 96 images. Je ne pense pas avoir besoin de ça de mes antécédents, et je pense que cela pourrait être un peu intensif et animateur de personnages, donc je vais le limiter à toutes les quatre images. Je pense que c'est juste assez d'animation pour avoir l'air plutôt cool. Comme vous pouvez le voir, nous avons notre vidéo d'arbre en boucle. Tout ce que nous avons à faire dans cette étape est de faire quelque chose que l'animateur de personnage peut comprendre comme quelque chose qu'il peut boucle. Nous allons donc créer un dossier. Nous allons l'appeler plus Arbre, et ensuite nous allons vider tous nos cadres dedans, enregistrer comme cycle d'arbre. Ensuite, une fois que nous sommes dans l'animateur de personnages, nous pouvons l'importer traiter comme son propre personnage, placer là où il doit aller dans notre arrière-plan, puis nous allons attribuer des couches de cycle au dossier qui contient toutes nos couches d'arborescence. Les couches de cycle de la que je vais définir pour démarrer immédiatement, cycle continuellement toutes les deux images et l'avoir en avant et en arrière parce que ce n'était pas un cycle super propre. Ah, quand j'ai exporté mes cadres et ma boutique photo, tu pouvais voir le tronc de l'arbre se balancer un peu. Donc, si elle avance et inverse est, il fait essentiellement ce que dans instagram est appelé Boomerang. Il va de l'avant, il remonte, un fantôme avance en arrière, et comme il boucle, il semble totalement transparent. Donc, dans ce contexte particulier, tout le reste est un dessin, et avoir un objet photographique en arrière-plan est un peu une anomalie. Mais vous pouvez imaginer qu'un fond entier peuplé de choses photographiques aurait l'air assez cool. Plus un autre besoin. L' effet secondaire est que vous pouvez impliquer certains des attributs physiques que l'animateur de personnage a à cette boucle, vidéo comme pendentif. Il est donc logique qu'un arbre ait des choses pendantes qui sont affectées par le vent. Vous pouvez assigner à respirer pour faire grandir et rétrécir les choses. Si vous aviez, disons, une banque de téléviseurs, vous pourriez leur assigner un clignotement automatique et ils pourraient s'allumer et s'éteindre, ou peut-être des lumières stroboscopiques d'un club de danse. Vous pourriez les faire cligner et désactiver en les étiquetant clignotant et en leur attribuant un clignotement automatique Il y a beaucoup de possibilités avec les couches photographiques, et tout ce qu'il faut vraiment, c'est un peu de clé vidéo stabilisée et des effets après et utiliser cette astuce cool dans Adobe Photo shop pour séparer votre vidéo en couches individuelles . 8. Réalisation + projet: Hé, les gars, merci d'avoir suivi ce cours. Publiez votre travail sur la page produit plus rare. Faites-moi savoir ce que vous pensez du processus et n'hésitez pas à consulter le reste de mes cours sur le canal de partage de compétences concernant Adobe Character, Un mètre après les effets et l'animation. J' en ai quelques-uns, de l'animation de photos à la collaboration avec les superpuissances et bien plus encore. Merci d'avoir regardé te parler la prochaine fois.