Transcription
1. Intro: Bonjour et bienvenue dans ma classe Skillshare. Merci de vous joindre à moi. Je m'appelle Vera. Je travaille comme illustrateur indépendant, animateur. Et aujourd'hui, je vais vous apprendre à pimenter vos illustrations avec une animation parallaxe simple et agréable. Nous avons commencé à travailler dans Photoshop et After effects. Même si j'essaie d'expliquer tout ce que je fais le plus soigneusement possible, il pourrait être mieux adapté aux étudiants
intermédiaires qui ont une connaissance de base du logiciel. abord, nous allons choisir une illustration et ensuite nous allons la mettre dans After effects. Je vais vous apprendre la configuration de base pour une animation parallaxe, et je vais vous apprendre quelques techniques plus spécifiques que vous pouvez utiliser pour mettre un peu plus de magie dans votre travail. Les techniques peuvent être appliquées à n'importe
laquelle de vos propres illustrations et vous pouvez utiliser mes œuvres pour les projets de classe. Ils sont attachés dans le projet de classe. Vous apprendrez à préparer et à animer un simple effet de parallaxe et à voir votre travail prendre vie, profiter.
2. Choisir votre œuvre: Tout d'abord, vous devez décider quelle œuvre vous souhaitez animer. J' en ai joint quelques-uns pour que vous puissiez choisir, mais vous êtes plus que bienvenus pour utiliser votre propre illustration. Pour obtenir le meilleur résultat ou plutôt le plus intéressant, l'illustration que vous utilisez doit comporter différentes couches visuelles. Donc, vous voulez avoir l'avant, le milieu et l'arrière-plan. Ce qui fonctionne aussi bien, c'est plusieurs personnages et objets dirigés vers la caméra, sorte que vous avez un peu de raccourcissement ou quelque chose comme la pluie, la neige ou les feuilles qui soufflent autour d'un seul personnage. Bien sûr, vous pouvez utiliser n'importe quelle illustration de votre choix. Mais plus il doit commencer par
la profondeur visuelle, plus il sera facile de lui donner un peu plus de jass était cette technique d'animation.
3. Séparer des éléments utilisant Photoshop: [ MUSIQUE]. Ouvrez l'illustration dans Photoshop. Je présente ici deux techniques différentes pour vous montrer comment vous pouvez aborder la séparation d'un point de vue technique. Mon outil principal est l'outil lasso. J' utilise le raccourci L pour y accéder rapidement et changer entre le lasso de forme libre et le lasso polygonal
en appuyant sur Maj et L. [MUSIC ]. Sélectionnez les calques visuels de votre illustration. Vous pouvez ajouter des sélections à l'aide de l'outil lasso en appuyant sur Maj. Et vous pouvez soustraire quelque chose de votre sélection en maintenant Alt. Lorsque vous séparez les éléments, vous pouvez copier la sélection dans un nouveau calque ou dupliquer abord
le calque principal, puis appuyer sur le bouton du masque de calque après avoir effectué votre sélection. Cela masquera le reste de votre illustration et affichera uniquement l'élément que vous avez sélectionné. L' option de masque de calque vous offre l'avantage d' ajouter et de soustraire
facilement en peignant simplement dans le masque. L' option de couche séparée ne vous donne pas vraiment d'avantages. Je trouve ça personnellement un peu plus propre en termes d'organisation. Vous devez cependant être plus précis avec cette option car modifier votre sélection plus tard, honnêtement c'est un peu plus compliqué. [MUSIQUE].
4. Remplir les blancs dans les blancs: Une fois que vous avez séparé tous les éléments dans l'espace sur différents calques, vous pouvez commencer à remplir les blancs. Chaque couche de l'illustration doit être nettoyée et peinte pour que les formules qui se chevauchent ne soient plus visibles. Imaginez le théâtre de papier victorien. Une fois que nous apportons tout dans les effets après, nous mettrons en place les couches en tant que telles. Vu de devant, il montrera simplement l'illustration telle qu'elle était. Mais une fois que nous commencerons à changer notre point de vue, différentes parties formellement cachées seront visibles. C' est pourquoi il est important de tout peindre aussi soigneusement que possible. Je commence généralement par l'arrière-plan parce que c'est le plus loin dans l'espace, et je peux voir plus tôt dans le processus comment tout fonctionne ensemble. Allons-y et désactivez toutes les autres couches pour l'instant afin que vous puissiez voir ma sélection. Pour l'arrière-plan, c'est généralement une bonne idée de modifier un peu la taille de celui-ci, donc quand nous avons animé des effets après plus tard, il n'y a pas d'espace vide autour d'elle. Rétrécissez-le vers le bas et ajoutez-le aux arêtes pour remplir plus d'espace, ou modifiez la taille de votre mot d'art en appuyant sur C et en utilisant l'outil de recadrage pour en ajouter d'autres sur tous les côtés. Il existe différentes approches pour nettoyer et fixer les éléments. Je les utilise généralement tous et les combine à mon avantage. Photoshop CC a cette excellente fonction appelée contenu conscient du remplissage, qui peut vous donner de très bons résultats avec peu ou pas de travail sur le dessus. Sélectionnez la zone que vous souhaitez remplir sur votre calque et allez à éditer, remplissage conscient du contenu. Une fenêtre s'ouvre et vous permet de trouver la zone dans laquelle vous souhaitez que le contenu soit sélectionné pour terminer la sélection. Après avoir cliqué sur OK, Photoshop remplit cet espace comme indiqué dans l'aperçu, et vous pouvez ensuite commencer à le réparer si nécessaire. Pour ce faire, j'utilise l'outil de brosse et essaie de faire correspondre le style de peinture le plus près possible, ou je travaille avec l'outil de brosse de guérison. Définissez une zone à choisir en maintenant la touche Alt enfoncée, puis appuyez sur la zone correspondante. La brosse de guérison peut être utilisée pour remplacer contenu ou pour fusionner l'existant avec un préréglage défini. Vous pouvez modifier les modes à l'aide du menu déroulant des commandes de pinceau. Ces outils devraient vous aider à nettoyer toutes les couches. Selon la plage de mouvement de la caméra que vous souhaitez animer, vous devrez peut-être être plus précis dans la fixation de ces pièces. Lorsque vous pensez que tout est nettoyé, s'
assure qu'il est réellement. Je voudrais ajouter un fond noir ou blanc, en fonction de la plage de valeurs de l'illustration pour trouver ces petits extraits et relex que j'ai manqués auparavant. Ensuite, j'enregistre chaque calque séparément et avec un arrière-plan transparent en tant que fichier PNG.
5. Les 101 effets After Effects: Maintenant, nous arrivons à la bonne chose. Paramétons un fichier de projet et après les effets. Accédez au dossier dans lequel vous avez vos PNG séparés et sélectionnez-les tous. Si l'option Créer une composition est cochée, elle crée automatiquement une composition à partir du métrage importé. Vous pouvez tout changer en cours de route. Cliquez avec le bouton droit sur la composition pour accéder à ses paramètres. Vous pouvez soit utiliser notre format d'image généré automatiquement et les images par seconde, soit choisir un préréglage dans le menu déroulant. Je vais aller avec ce préréglage, régler un peu plus de temps et appuyer sur « Okay ». Assurez-vous maintenant que tous les calques durent toute la durée. Si nécessaire, mettez à l'échelle les couches en fonction de la composition. S bascule le menu de mise à l'échelle à partir des calques sélectionnés dans la composition ou, si aucun n'est sélectionné, tous les calques. Si vous êtes comme moi et que vous n'avez pas pensé à numéroter les calques, réorganisez-les pour qu'ils soient dans le bon ordre en fonction de leur contenu et de leur espace. Corrigez le positionnement si ce n'est pas tout à fait correct, ce qui devrait généralement être lorsque les couches sont exportées à partir du même fichier. Si vous activez cette liste déroulante pour obtenir une qualité d'affichage, vous pouvez choisir entre différents paramètres. La lecture peut s'exécuter un peu plus longtemps lorsqu'elle est réglée sur pleine. Maintenant, une étape importante, sélectionnez tous les calques et transformez-les en calques 3D en cliquant sur « droite » et en appuyant sur « Calque 3D ». Activez la liste déroulante Vue pour configurer votre vue préférée. J' utilise deux vues horizontales pour la vue de la caméra active, et sur l'autre, j'ai mis la vue personnalisée 1. Cela me montre ma configuration de caméra pour la perspective de l'oiseau, et j'ai une présentation visuelle de mes couches dans l'espace. Comme vous pouvez le voir, ils sont tous au même endroit dans l'espace pour le moment. Vous pouvez modifier le positionnement en faisant glisser leurs flèches ou en appuyant sur « P » pour basculer le panneau de transformation dans le calque et modifier les nombres. Si vous le souhaitez, modifiez la configuration pour afficher les cotes
séparées en cliquant avec le bouton droit de la souris sur « Dimensions séparées ». C vous donne le contrôle de leur vue dans la configuration de gauche, clic gauche et glisser, fait pivoter la vue du milieu de la souris et glisser déplace la vue, vers le haut et vers le bas et d'un côté à l'autre. Cliquez avec le bouton droit et faites glisser, zooms avant et arrière. Maintenant, ça devient excitant. Nous avons mis en place une caméra virtuelle, aller à la couche, nouvelle caméra. Il y a deux types. Une caméra à un nœud mon tourne autour de lui-même, une caméra à deux nœuds tourne autour d'un point d'intérêt fixe. Je choisis ce dernier. Chaque préréglage imite une caméra du monde réel, et chaque préréglage définit les spécificités de l'angle de vue, du
zoom, de la distance focalisée, de la valeur d'ouverture et de la distance focale. Par exemple, les 15 millimètres vous donnent un champ de vision très large, et les 80 millimètres, un champ de vision très étroit. Vous pouvez créer différentes caméras pour changer entre si vous le souhaitez ou simplement jouer avec l'aperçu sur, pour savoir ce qui fonctionne le mieux pour votre travail. Vous pouvez toujours modifier les paramètres au fur et à mesure. Vous pouvez également utiliser plusieurs caméras pour couper entre les deux. Je n'en utilise qu'une dans chacun de mes exemples, maintenez et faites glisser les flèches sur la caméra pour ajuster positionnement ou utilisez le menu déroulant dans le calque. Si vous sélectionnez une caméra et un calque, vous pouvez cliquer avec le bouton droit de la souris sur eux et sélectionner, « distance de mise au point du lien de la caméra au calque », qui
verrouillera la mise au point de la caméra sur le calque que que vous avez choisi. Dans ce cas, si vous déplacez l'appareil photo, il restera concentré sur la couche poilue. Déplacez les calques qui mordent dans l'espace, sorte que vous puissiez voir l'effet un peu mieux. Si vous accédez aux paramètres de l'appareil photo en double-cliquant sur le
calque, vous pouvez ajuster le niveau de flou. Un 100 est un flou naturel pour le type de caméra prédéfini que vous avez choisi. N' hésitez pas à jouer avec tous les numéros bleus pour savoir ce qu'ils feront et ce qui fonctionne le mieux pour vous. Si vous déplacez l'appareil photo maintenant et définissez cette vue sur la droite sur 100 %. Il vous montrera à quoi il ressemblera dans le clip plus tard. Par défaut, le point d'ancrage est fixé au centre du calque. Le point central de votre position sur ou de votre fichier, votre exporté le PNG à partir de. Vous pouvez modifier le positionnement du point d'ancrage
du calque en ajustant les nombres, puis en déroulant dans le calque. Mais cela gardera le point d'ancrage fixé au centre. Si vous basculez ce bouton, vous pouvez faire glisser le point d'ancrage vers un autre endroit de la composition. Soyez prudent avec le point d'ancrage, car c'est le point où chaque mouvement ou altération du calque est fixé. Si vous disposez déjà d'un positionnement ou d'une animation d'images clés, cela risque d'être gâché. Si vous changez les points d'ancrage le long du chemin. Si vous voulez une caméra ou un mouvement de calque, laissez-moi vous montrer comment utiliser l'image-clé si rapidement, vous définissez fondamentalement une place dans l'espace et dans le temps. Appuyez sur le chronomètre de l'aspect respectif que vous souhaitez animer la position, par exemple. Ensuite, définissez votre tête de lecture sur un autre point votre timeline et modifiez le positionnement et
l'espace, la deuxième image clé y sera automatiquement définie. Maintenant, si vous appuyez sur la barre d'espace ou faites glisser la tête de lecture le long de la timeline, vous pouvez voir le mouvement ou la modification que vous avez effectuée. Il s'agit de la configuration de base de ce que vous devez savoir pour animer un After Effects. Dans la vidéo suivante, je vais vous montrer quelques détails supplémentaires pour pimenter l'animation de parallaxe.
6. Ajouter de la magie dans After Effects: Avant d'arriver à la vraie magie, je veux parler d'images-clés à nouveau très rapidement. Je ne les mentionnerai plus, mais juste pour que vous ayez une idée de ce qui se passe. Laissez-moi vous expliquer très vite. Il existe différents types d'images-clés. La forme par défaut est la forme de diamant, on a maintenant interpolation
spécifique, mais vous pouvez contrôler le comportement des images clés. avec le bouton droit de la souris sur n'importe quelle image clé sélectionnée, vous accédez à l'assistant de trame clé. Trois options sont mises en surbrillance. Vous pouvez choisir. facile, facilité d'entrée et facilité de sortie. La facilité est essentiellement de ralentir les choses à l'entrée et à l'extérieur de chaque côté de la trame clé. Cela signifie que si c'est un mouvement de A sur B à C, et que vous appliquez Easy Ease à B, l'objet voyagera moins d'espace pour chaque cadre qui se rapproche de B. Il voyagera de la même manière de plus en plus d'espace chaque cadre se déplaçant vers C. Les petits points sur l'arc représentent la position du point d'angle de l'objet dans chaque cadre. Regardez comment elles se déplacent lorsque les images clés sont modifiées. Facilité d'entrée et de sortie facile font essentiellement la même chose, juste dans une seule direction chacun. L' assistant d'images clés vous aidera à obtenir un mouvement beaucoup plus fluide sur les images clés. Commençons par cette œuvre d'art ici. Je pense que le mouvement de la caméra donne déjà une belle touche et comme il n'y a rien de dynamique dans la scène, je vais utiliser une magie un peu plus subtile. J' ai cette lumière qui vient de la gauche et une pour la souligner. Je suis très bien conscient qu'il ya des couches de lumière spécifiques et après effets, mais j'aime jouer autour pour créer mes propres effets. Pour cela, je crée un nouveau calque de forme et dessine dedans était un outil de pan et une belle couleur vive. Une mascotte pour avoir un peu plus de contrôle sur la forme, et obtenir la direction de la lumière que nous avons déjà dans leur droite, puis je réduit l'opacité du masque ainsi que d'augmenter sa plume. Pour rendre la forme encore plus lisse, j'ajoute également un flou gaussien, puis je les change tous pour superposer bam, plus de lumière. En guise de mesure supplémentaire, je voudrais ajouter de la poussière qui dérive dans cette lumière. Dans ce cas, aftereffects dispose d'une grande bibliothèque de préréglages d'effets. Si vous regardez sur la droite, vous pouvez trouver l'onglet appelé « Effets » et « Préréglages ». Si vous ne pouvez pas voir une vérification sous la fenêtre s'il est activé et si ce n'est pas le cas, cliquez dessus pour l'ajouter à votre espace de travail. Allez-y et tapez une particule. Il devrait y avoir trois résultats, et j'ai choisi le « CC Particle World ». Avant de pouvoir l'utiliser,
il a besoin d'une couche à appliquer. Cela peut être aussi simple couche solide. Maintenant, attrapez l'effet et faites-le glisser dans ce nouveau calque. Vous verrez comment la couleur unie disparaît, et lorsque vous déplacez votre tête de jeu, vous pouvez voir l'effet. Ça ne ressemble pas à un et deux. Je vais aller dans le paramètre d'influence qui s'est ouvert dans un nouvel onglet sur la gauche. Vous pouvez décocher les guides s'ils vous détruisent comme s'ils me détruisaient. Sous particule, passer de la ligne à la sphère fanée et changer la taille de la naissance et de la mort afin qu'ils soient très petits. Nous ne voulons pas d'orbes brillantes qui flottent autour. Ici, vous pouvez également définir la couleur à tout ce que vous sentez est la bonne couleur pour la poussière et la lumière. Pour tout étaler un peu et notre producteur saisit les X, Y et Z et le rendre un peu plus grand. Pour influer sur la façon dont les particules vont flotter autour, nous allons en physique et mettons la gravité à zéro ou même négative pour qu'elles flottent un peu vers le haut. Augmentez la longévité afin que je reste sur l'écran aussi longtemps que vous le
voulez et changez aussi la physique de l'explosion à visqueuse. Si vous voulez réduire la quantité de particules, réglez le taux de natalité vers le bas, vous voulez plus, pompez-le vers le haut. Sous extras, vous pouvez trouver en bas la graine aléatoire. Cela aura un impact sur l'endroit où se trouvent les particules. Déplacez ça pour les répartir un peu plus. Ici, nous avons quelques particules de poussière qui flottent la lumière maintenant. Cette œuvre que j'ai animée est plus dynamique pour commencer. Je veux vous montrer un petit outil qui va avoir un effet énorme si vous l'utilisez avec parcimonie et de la bonne manière. Tout d'abord, cette œuvre offre de grandes occasions de déplacer l'appareil photo. Nous avons non seulement les feuilles au premier plan, mais
nous avons aussi les mains qui viennent vers la caméra, plus c'est le flocon de neige et les étincelles qui sont détachées du personnage. J' ai animé le flocon de neige pour flotter un peu de haut en bas. Pour les étincelles, je veux un mouvement un peu plus dynamique et comme ils sont tous sur un seul calque et que je suis trop paresseux pour dupliquer, masquer et animer chacun d'eux, je vais utiliser cet outil, l'outil de marionnettes. Vous pouvez trouver le bouton pin en haut, sélectionnez le calque que vous souhaitez animer. Dans mon cas, je travaille dans cette couche d'étincelles. L' outil marionnette n'épinglera que les éléments du calque qui ne sont pas transparents. Assurez-vous d'avoir la tête de lecture au début de votre chronologie car l'utilisation de l'outil marionnette générera des images clés. Mettez les épingles jusqu'à étinceler. Certains seront automatiquement regroupés parce qu'ils sont proches les uns des autres, mais ce n'est pas trop important. Une fois que vous avez épinglé tous les éléments que vous voulez appliquer, déplacez votre tête de jeu. Vous pouvez voir que les broches jaunes se déplacent au fur et à mesure qu'elles sont épinglées dans l'espace. Choisissez un endroit dans la chronologie. Maintenant, vous pouvez en prendre une sur les épingles et le déplacer un peu. Nous voulons juste avoir un peu de flottaison de haut en bas pour que ça n'ait pas à être beaucoup. Déplacez le jeu de tête de jeu pour vérifier à quoi ressemble la transformation. Vous pouvez copier la première image clé de position et, après avoir progressé dans le temps, la coller, ou bien ajouter d'autres images clés tout au long de votre timeline ? C' est à vous et à votre animation. Vérifiez entre à quoi ça ressemble. Il est arrivé, que j'étais si désireux de déplacer les broches autour que le timing sur elle était terriblement éteint et a fini par faire le double du travail. Maintenant, nous pouvons faire la même chose pour les cheveux flottant dans le vent. La différence est que dans ce cas, tous les pixels que nous voulons déplacer appartiennent à la même grande forme. Ils vont se toucher les uns les autres. Pour éviter d'avoir quelque chose comme un visage déformé, épinglez la tête là. Maintenant, nous avons de beaux mouvements dynamiques en plus du mouvement de la caméra. Mon dernier exemple est un peu différent. J' ai en fait créé cette illustration avec le type d'animation à l'esprit. Donc, les calques étaient tous très séparés et tout était prêt à être animé avec une animation parallaxe. Ici, je n'ai pas beaucoup animé la caméra mais plus les éléments de la scène. La caméra est principalement là pour me donner le contrôle de la profondeur de champ. Regardons la couche séparément. Dans le ciel, il n'y a rien qui se passe. Mais ce nuage bouge un peu. Il se déplace très lentement et s'estompe au fil du temps. Ensuite, il y a la ligne d'arbre et a un mouvement inutile extérieur que personne ne voit parce qu'il est presque complètement couvert. Maintenant, l'arbre passe, en fait les mêmes trois arbres encore et encore. J' ai fait une composition incorporée et dupliqué les couches animées pour simuler le mouvement de la carte passant beaucoup d'arbres. Lorsque vous appuyez sur vous, il affiche les images clés du calque sélectionné, ou seulement toutes les images clés de la composition lorsqu'aucun calque n'est sélectionné. Appuyer sur E montre la même chose, mais pour les effets appliqués aux calques. Ici, vous pouvez voir que j'ai mis cet effet appelé Wiggle sur tout ce qui est fondamentalement pas le fond. Ce qu'il fait, c'est qu'il agite bien la couche. Comme pour chaque effet, vous pouvez jouer avec les paramètres sur la gauche dans l'étape de l'effet. En plus de ceux-ci, j'ai également utilisé l'outil de marionnettes sur les vêtements au premier plan pour le faire bouger sous carte de
zone humide et j'ai une animation subtile intégrée dans le chat et le personnage à gauche. Si vous regardez de près, vous pouvez les voir clignoter de temps en temps. L' animation de personnage avec un papillon est une animation 2D que j'ai faite. Si vous voulez en savoir plus à ce sujet, consultez mon cours, racontant une histoire de personnages avec une animation en boucle 2D. C' est à ce sujet. Maintenant, vous avez appris quelques outils magiques. Je suis impatient de voir ce que vous en faites dans votre projet de classe.
7. Derniers mots: Merci beaucoup d'avoir suivi mon cours de Skillshare. Maintenant, vous devriez être à l'aise pour découper votre illustration, mettre dans After Effects, appliquer des caméras et faire briller un peu de magie dedans. J' espère que vous pourriez en retirer des connaissances nouvelles et intéressantes. Voyons ce que vous avez appris en téléchargeant votre travail dans le projet de classe. Je suis heureux de vous faire part de vos commentaires. Si quelque chose que j'ai dit n'est pas clair pour vous, s'il vous plaît, laissez-moi le savoir dans les commentaires afin que je puisse clarifier les choses. Je veux juste que tu apprennes un peu de magie, et en gros, Poudlard, juste une personne et pour l'art. J' espère que tu t'es amusé et que tu as appris quelque chose. Je suis impatient de voir votre travail dans le projet de classe. Jusqu' à la prochaine fois. Au revoir.
Vera Rehaag, Freelance Artist
