Illustration parallaxe : créer des scènes 3D fascinantes dans Adobe After Effects

1. Introduction: La parallaxe est cet effet tridimensionnelle qui vous permet d'apporter autant de profondeur à vos designs On le voit souvent dans le design web, mais je l'utilise personnellement pour faire ressortir mes illustrations. Bonjour, je m'appelle Man. Et je suis un motion designer et illustrateur basé en France. J'ai travaillé avec des clients tels que Converse, Adidas, Instagram ou Adobe sur des projets qui combinent le meilleur des deux mondes Je crois fermement que l'animation est une compétence extrêmement précieuse. En tant que cours d'illustrateur, je vais vous montrer comment créer des illustrations 3D fascinantes à l' aide d'After Je vais partager avec vous tous mes conseils et astuces préférés , qu'il s'agisse d'organiser votre illustration mouvement ou de créer et d'exporter votre illustration animée en parallaxe dans After Effects Il s'agit d'une classe intermédiaire. Donc, pour ceux d'entre vous qui découvrent After Effects pour la première fois, je vous recommande de le regarder plus d'une heure avant, ou si vous avez juste besoin d'un petit rappel Il y a aussi le chapitre intitulé After Effects in 15 minutes. ce cours, j'ai hâte de me lancer dans After Effects, alors commençons. 2. Orientation du cours: Je suis tellement contente que tu aies décidé de suivre mon cours. Commençons. Comme je l'ai mentionné, le cours est divisé en deux parties principales, l'échauffement et le projet de classe. Au cours de l'échauffement, je présenterai chaque notion abordée dans le cours. Vous pourrez les appliquer directement dans de courts exercices d'animation à l'aide de mon projet After Effects. Ensuite, je vais vous montrer comment préparer et organiser vos illustrations pour les animer dans Photoshop Nous allons nous plonger dans l'animation de votre première illustration de parallaxe Discutons de ce dont vous aurez besoin. Votre application de dessin numérique préférée basée sur des couches. Personnellement, j'utiliserai Procreate Photoshop pour nettoyer votre design Effets secondaires. Pour animer mon projet After Effects et la liste des raccourcis After Effects Les deux se trouvent dans les ressources de la classe. N'hésitez pas à poser autant de questions que vous le souhaitez dans l'onglet de discussion. Je suis là pour vous aider. N'oubliez pas de télécharger les ressources avant de commencer le cours. Et vous pouvez publier n'importe lequel des croquis suivants pour obtenir des commentaires. Illustration finale. Les projets d'échauffement. Mon projet de classe avec votre propre touche, ou votre propre projet. J'ai hâte de commencer à animer. Passons à After Effects, et je vais vous faire visiter. 3. Échauffement: Commençons par explorer les trois outils et panneaux d'After Effects. Si vous avez suivi l'un de mes autres cours de partage de compétences, vous devez être familiarisé avec l'animation en D. Dans ce cours, nous allons tester After Effects, faux trois D ou le 2,5 D. Le 2,5 D vous permet d'ajouter de la profondeur à vos illustrations plates et à vos dessins en utilisant un espace z en plus des axes x et y. Cela signifie que même si les couches restent plates et bidimensionnelles, vous pouvez les disposer de manière à simuler un environnement tridimensionnel J'ai une composition ici et j' ai deux couches que je vais utiliser comme exemple. Vous pouvez voir qu'il s'agit trois couches en D grâce à la petite icône ici. Hein ? Maintenant, cela ressemble à une décomposition normale à deux, n'est-ce pas ? Mais si je vais dans mon onglet Affichage, passe de l'affichage par défaut à n'importe quelle vue personnalisée, maintenant je peux voir que ces deux couches existent réellement dans un espace en trois D. Nous pouvons également ajouter d'autres vues pour mieux comprendre la scène, par exemple depuis la gauche ou le haut. Nous pouvons maintenant voir les mêmes couches d'outils sous différents angles. Ensuite, dans la barre d'outils, vous remarquerez trois outils de caméra qui nous aideront à naviguer dans les trois espaces en D. Nous créons l'outil Orbit Around, l'outil Pan et l'outil Dolly Ces outils proposent différentes options, telles que orbite autour de votre curseur ou du point central de la scène Ensuite, lorsque je clique sur l'outil de sélection ou sur Price V, l'échelle de position à trois D et l'outil de rotation apparaissent. Ils nous permettent d'ajuster nos couches directement dans la fenêtre d' aperçu au lieu d'utiliser les propriétés ci-dessous. Ensuite, en bas à droite de la fenêtre d'aperçu, vous trouverez différentes options. Le premier est le bouton Draft Three D, qui sera très utile en particulier lors de la prévisualisation de scènes complexes Ensuite, il y a l'onglet Moteur de rendu, et je vais utiliser le 3D classique et je vous recommande de faire de même. OK, donc c'est tout ce que tu dois savoir pour le moment. Allons-y et créons notre tout premier objet 3D After Effects. 4. Couches 3D: Parlons maintenant des trois couches D dans After Effects. Comme je l'ai mentionné précédemment, à l' instar de deux couches D, trois couches D restent plates. Mais une troisième valeur, Z, ou profondeur, est ajoutée à sa position. Propriétés du point d'ancrage et de l'échelle. Vous pouvez utiliser des fichiers d'effets bitmap pour créer trois couches 3D. La propriété de rotation unique se transforme en orientation x, Y et Z. Et l'orientation de rotation x, y et z détermine la direction initiale dans laquelle une couche en trois D fait face, tandis que la rotation définit sa rotation réelle autour du point d'ancrage, permettant ainsi des animations dans un espace en trois D. Ouvrons le projet After Effects. Dans le panneau des projets, vous trouverez une composition de référence pour le projet 1.2, plus chaud , avec tout ce qui est déjà animé juste au-dessus. C'est là que nous travaillerons. Ouvrons le projet 1, où nous avons ce joli petit téléviseur vintage. J'ai déjà ajouté quelques animations secondaires pour vous avec expressions ondulantes sur les reflets et des reflets colorés Nous allons animer un cube en trois D à l'intérieur de l'écran Ouvrons cette pré-complétion. heure actuelle, toutes ces couches sont en deux D, et si vous regardez ici, vous verrez un petit cube avec une case à cocher en dessous. Lorsque vous cochez cette case, votre couche à deux D devient trois D, ce qui signifie que l'axe Z est ajouté à ses propriétés. OK, alors faisons un cube. Désormais, pour créer trois formes en D à partir de calques plats dans After Effects, vous n'avez qu' à faire quelques calculs. Mais ne vous inquiétez pas, c'est en fait assez simple. Tout d'abord, nous allons passer à deux vues et choisir une vue de dessus pour le côté gauche. l'heure actuelle, toutes nos couches ont la même coordonnée z, qui, lorsque j'appuie sur la position, est nulle. Je sais également que mes couches mesurent 500 x 500 pixels. Pour créer un cube, je dois créer une distance de 500 pixels entre chaque face. 500/2 fait 250. Je vais donc sélectionner en maintenant la touche Ctrl ou Commander toutes les autres couches de face et les ramener 250 pixels pour pouvoir faire de même avec les couches restantes, mais en avant. Donc, moins 250, nous avons créé un espace entre les couches. Ensuite, je vais devoir faire pivoter chaque paire de couches autour du point central du cube pour créer du volume. Je vais utiliser des buttes pour le faire. Parlons des buttes et des couches parentales. 5. Parentalité et Nulls: Bien, finissons notre cube en attribuant des valeurs nulles aux faces Lorsque vous associez une couche à une autre, la couche enfant hérite des propriétés de transformation, la position, de la rotation et échelle de la couche parent ici Cela nous permettra de faire pivoter facilement chaque paire de couches autour d'un point d'ancrage commun au lieu du leur. Permettez-moi donc de vous donner des informations sur les valeurs nulles, juste au cas où une valeur nulle serait une couche invisible qui fonctionne comme un point de contrôle, vous permettant de contrôler et d' organiser les autres couches de la composition Nous allons avoir besoin d'une valeur nulle pour chaque paire de couches. changement de contrôle des prix alt Y ou l' option de changement de commande Y autorisent trois D. Maintenant, c'est exactement au centre de mon futur parent repère, chaque paire de couches menant à sa butte à l'aide du fouet Désormais, chaque butte fera office de contrôleur. Pour chaque paire, je vais rapidement tout coder en couleur pour qu'il soit parfait. Les deux premiers vont créer les côtés droit et gauche. Sélectionnez le zéro, appuyez sur R pour effectuer la rotation et créez une orientation Y de 90 degrés. La deuxième paire créera les faces supérieure et inférieure. Appuyez à nouveau sur R pour effectuer une rotation et créez une orientation X de 90 degrés. Nous ne toucherons pas aux deux derniers, mais nous pouvons utiliser ce zéro comme contrôleur pour l'ensemble du signal. Appuyez sur Entrée, renommez-le lead et associez-le aux deux autres valeurs nulles Maintenant, si je joue avec la rotation, nous avons un cube pour une animation en boucle rapide Ajoutez une image-clé à zéro sur la rotation y et une autre à la toute fin de la chronologie Disons à deux cycles. Dupliquez ces images clés lors de la rotation en Z. Et pour réparer le cube qui sort du cadre, appuyez pour le positionner et reculez le tout de 250 pixels Appuyez sur espace pour prévisualiser. Parfait, nous avons notre cube. Ajoutons maintenant quelques détails à la scène. Je vais ajouter une copie du cube dans le cube, une section de cube, si vous voulez. Vous allez sélectionner toutes les couches, le contrôle des prix ou une commande pour les dupliquer et les placer en haut. heure actuelle, il a exactement la même apparence, mais le prix est réduit à environ 45 % et nous allons ajuster l'animation. Supprimons d'abord la rotation Y sur la rotation X. Faites-le passer de zéro à moins deux cycles sur Z. Ajoutons quelques degrés sur les deux images clés Faisons également en sorte que cette rotation soit négative. Faisons un aperçu. Il y a un peu de monde, mais j'ai des couches de sauvegarde pour le deuxième cube dans mon panneau de projet ici. Si vous ne connaissez pas cette petite astuce, vous pouvez remplacer la source d'une couche et conserver tous ses paramètres et animations en la sélectionnant, en saisissant son remplacement dans le panneau du projet, en maintenant la touche Alt ou Option enfoncée et en la faisant glisser vers le Et voilà, faisons-le pour toutes les couches. Faisons un aperçu. Super, revenons à la composition principale. Et je vais activer cette couche de réglage pour vous donner un petit aperçu de l'effet de style rétro dont nous allons parler À la fin du cours, nous avons animé nos trois premiers objets en D. Passons maintenant au deuxième projet et parlons de trois caméras D. 6. Caméras: Jusqu'à présent, nous avons manipulé nos trois couches D devant un point de vue fixe Mais dans After Effects, vous pouvez visualiser vos objets à n'importe quelle distance ou à n'importe quel point de vue à l'aide de caméras. Les appareils photo d'After Effects sont similaires aux appareils photo des trois logiciels 3D Ils vous permettent de choisir un point de vue et de voyager au sein d'une scène en trois dimensions. Les caméras n'affectent que trois couches D ou deux couches D avec un effet doté d'un attribut com, caméra dont nous parlerons plus tard. Dans celui-ci, nous allons créer un paysage vu depuis un train en marche, et nous allons utiliser une caméra personnalisée pour parcourir ce paysage. Ouvrons notre projet de chauffage numéro deux. Double-cliquez sur la pré-composition et c'est parti. Tout d'abord, activons les trois D sur tous les calques sauf sur l'arrière-plan. Il s'agit simplement d'un dégradé afin qu'il puisse rester statique. Nous avons maintenant trois compositions ici et ici. transformations de réduction sont activées dans les deux cas, car certaines des couches qu'elles contiennent possèdent des modes de fusion et des transparences que je souhaite faire interagir avec le reste de la composition Cependant, étant donné que nous activons trois D avec les transformations de réduction activées, nous devons nous assurer que les couches de la précomposition sont également composées de trois D. Sinon, cette composition agira comme la somme de deux objets D. Allons régler ce problème, puis nous parlerons appareils photo dans After Effects. Vous pouvez choisir d' afficher une composition par le biais de la caméra active ou d'une caméra personnalisée nommée. Si vous n'avez pas créé de caméra personnalisée, la caméra active est la vue de composition par défaut. Passons à deux vues avec une vue en haut ici et la caméra active là. Créons une nouvelle caméra. Vous pouvez passer à un nouvel appareil photo ou appuyer sur la touche Ctrl Shift Alt ou sur l'option Ctrl Shift C. D'accord, je sais que cela peut sembler intimidant car il y a beaucoup d'informations à saisir en même temps. Mais ne paniquez pas. Il suffit d'appuyer sur OK pour créer la caméra. Ensuite, nous passerons aux paramètres de la caméra en couches et je vous expliquerai les différentes propriétés. Si vous regardez la vue de dessus, ce petit point représente la caméra et le cône situé devant elle représente son champ de vision. After Effects, les appareils photo partagent de nombreux paramètres avec les appareils photo réels, tels que le zoom, la mise au point, la distance et la distance focale. Et faites attention à la façon dont le cône dans la vue de dessus change. Avec chacun de ces paramètres, vous pouvez avoir une caméra One Note, qui possède uniquement une propriété de position. Ou une caméra à deux notes dotée d'une propriété de point d' intérêt supplémentaire offrant plus de flexibilité lors de l'animation. Vous pouvez également activer la profondeur de champ pour créer une impression de distance et jouer avec l'ouverture. Cependant, cela détruira complètement votre temps de hasard. Nous ne l'utiliserons pas ici, mais n'hésitez pas à expérimenter à votre rythme. Enfin, si vous ne voulez pas entrer trop dans la personnalisation, vous pouvez absolument utiliser n'importe lequel des préréglages ici Nous allons maintenant utiliser un appareil photo standard qui serait un double appareil photo de 50 millimètres. Les appareils photo ne disposent pas de modes, de tapis ou de commutateurs. Vous ne pouvez pas modifier l'échelle ou l'opacité d'une caméra, mais vous pouvez la déplacer et la faire pivoter Bien, nous avons donc notre caméra maintenant, préparons le décor pour animer notre train en marche 7. Les expressions: Dans ce chapitre. Configurera la scène complète et distribuera les couches dans l' espace à l'aide d'une expression. Une expression est un morceau de code qui peut être appliqué aux couches, propriétés pour automatiser les animations, créer des relations dynamiques entre les propriétés, aux animations réactives, etc. Donc, pour créer de la profondeur pour la scène, votre premier réflexe devrait être de saisir un calque et d'essayer de l'éloigner ou de le rapprocher de l'appareil photo. Cependant, comme il ne s'agit pas d'une véritable scène en trois D avec une échelle précise, déplacement de couches peut entraîner des tailles et des proportions irréalistes Il s'agit de deux ressources illustrées en D qui ont été dessinées avec un sens implicite de l'échelle et de la perspective. Si je recule ces montagnes, elles deviendront rapidement trop petites pour conserver leur taille relative dans le cadre. Nous utiliserons une expression qui redimensionne les couches proportionnellement à leur distance par rapport à la caméra de composition. Cette expression a été fournie par George sur mon site After Effects Expression préféré, Gold Mine, Creative Cow.net. Sera appliquée à toutes les propriétés d'échelle des couches. Regardons l'expression de plus près . Cette ligne définit la caméra comme étant la caméra active de décomposition. Cette ligne définit une valeur appelée distance, qui est la distance entre la couche et la caméra. Cette ligne multiplie l'échelle de la couche par la distance divisée par la valeur du zoom de l' appareil photo. D'accord. Donc, si cela vous rappelle des souvenirs douloureux d'avoir regardé fixement le tableau blanc en classe géométrique, pour vous, c'est parfait C'est pourquoi nous avons des gens bien plus intelligents que nous qui écrivent des expressions sur Creative Net. Donc, juste une dernière remarque pour s'assurer que l'expression fonctionne correctement. Tous les points d'ancrage des couches doivent se trouver au même endroit au centre de la composition. Vous pouvez y parvenir soit en important votre fichier PSD en tant que composition sans conserver la taille de la couche, soit en déplaçant les points d'ancrage manuellement Je vais sélectionner les trois couches D à l'exception de la fenêtre, qui reste juste devant mon appareil photo, et de l'arrière-plan, qui reste en deux D et est statique. Appuyez sur l'échelle et appliquez l'expression en maintenant la touche Alt ou Option enfoncée et en cliquant sur le chronomètre Vous pouvez copier et coller l'expression depuis l'onglet des ressources de classe. Je vais juste le copier-coller d'ici. Ensuite, vous pouvez cliquer avec le bouton droit sur Copier l'expression uniquement et la coller sur les autres couches. Maintenant, cachons la fenêtre et créons-en une pour le paysage. Vous pouvez déplacer les couches vers l'arrière en utilisant la flèche bleue dans la vue du haut. Vous pouvez également ajuster les valeurs manuellement en appuyant sur la position. Notez que l'espace dans la vue de dessus est limité. Pour les objets distants comme le soleil, j'utiliserai la valeur de position Z uniquement pour effectuer les réglages et revenir. Une fois que je suis satisfait de ma scène, je reviens. Voyons les couches des lignes électriques. Je les place au bord juste ici, suivis de la première ligne de rochers, de la deuxième ligne, de la troisième ligne, de la première chaîne de montagnes, de la deuxième chaîne de montagnes. Et le soleil dépasse largement les limites de la vue d'en haut. Bien entendu, n' hésitez pas à expérimenter les valeurs de votre propre scène. Maintenant que nous abordons le sujet des expressions, je vais ajouter une expression d'agitation à la position de Windows pour simuler le tremblement du train en mouvement. Appuyez sur P pour la position, maintenez la touche Alt ou Option enfoncée, puis cliquez sur le L'expression Wiggle génère des fluctuations aléatoires de la valeur d'une propriété au fil du temps. La première valeur représente la fréquence ou les variations par seconde, et la seconde valeur est l'amplitude ou la plage de variation. Passons à Wiggle 4.2 et rapprochons légèrement la fenêtre de l'appareil photo pour éviter de la couper sur les bords Disons -100 N'oubliez pas que dans notre composition finale, cette section 1080 x 13 50 devant la caméra est la seule chose que nous verrons Pour maintenir la fenêtre en mouvement avec la caméra et devant elle, utilisons un zéro. Tout comme nous l'avons fait précédemment. Appuyez sur Ctrl Shift all ten Y ou sur l'option Command Shift Y. Appuyez sur Entrée et renommez-la Activez les trois D et placez la caméra et la fenêtre sur le zéro. Une fois que tout est configuré, nous pouvons déplacer notre caméra dans la scène. Appuyez sur P pour la position sur le zéro et amenez-le complètement vers la gauche de la composition à environ -5 000. Ajoutez une image clé, passez à 12 secondes. Passons à 10 000. Passons à une seule vue et ralentissons l'aperçu. Super, notre scène est presque terminée car la touche finale utilisera un effet compatible avec les caméras 3D pour ajouter des particules flottantes à la scène. 8. Effets 3D: Ce n'est peut-être pas la définition officielle de ces effets. Je n'ai pas trouvé de liste officielle d'Adobe pour eux. Mais par effets tridimensionnels, j'entends les effets qui peuvent être visualisés à travers la caméra de composition dans un espace tridimensionnel. Ici, je veux créer des particules rapidement et facilement. J'utiliserai une combinaison de CC Starburst, une balle CC à deux effets D, qui est un effet compatible avec trois D pour les répartir dans un espace en trois D. Commençons par créer un nouveau solide avec la commande de contrôle Y, renommant particules et en le plaçant juste sous la fenêtre Ensuite, vous pouvez accéder à Effects Simulation et CC Starburst. Je vais juste isoler cette couche pour le moment. Cet effet crée un champ d'étoiles en mouvement sur un fond transparent. Personnellement, je ne veux pas qu'ils déménagent. Je vais changer la vitesse à zéro, dispersion à quatre espacements, 232 Allons-y 20 pour la taille. Génial. Ajoutons maintenant l'action de la balle CC. Accédez à la simulation des effets et à l'action de la balle CC. Cet effet est compatible avec trois appareils photo D, comme en témoigne la petite icône située juste à côté du nom. Cet effet transforme votre couche plate en deux D en un champ de trois balles en D avec des propriétés personnalisables. Je veux répartir les balles dans un espace en trois D. Je vais augmenter le paramètre de dispersion à 300. En fait, si je passe à deux vues, vous pouvez les voir depuis la vue de dessus s'étaler sur l' axe Z, ce qui est plutôt cool. Je vais également réduire la taille du bol à 40, disons. Ramenons les autres couches. Tu sais quoi ? Je vais ajuster la couleur très rapidement. Accédez aux effets, générez le remplissage. Utilisons le collyre pour copier la couleur du soleil. Maintenant, si je me déplace dans ma scène, je peux réellement voir les particules réparties dans l'espace entre mes différentes couches. Je vais juste atténuer un peu l' effet en modifiant le mode de transfert pour qu'il soit superposé et en réduisant l'opacité Alors pressons et revenons à 50 % dans la composition principale. Activez le calque de réglage du style pour un aperçu complet. Votre deuxième projet Orma est officiellement terminé. Maintenant que vous en savez un peu plus sur les trois D dans After Effects, passons au projet principal. 9. Le Projet: À présent, vous devriez vous sentir assez aise avec vos nouvelles compétences en trois D. Parlons de votre première illustration en parallèle. L'objectif ici est de créer une scène tridimensionnelle simple et de l'intégrer dans un dispositif ou un objet de cadrage Il peut s'agir d'une fenêtre statique, d'un rétroviseur, d'une arche, d'un cadre photo ou de tout type d'objet réfléchissant ou encadrant Ce type de composition nous permettra d' approfondir la hiérarchie de trois scènes et les trois précompositions en D. Nous ajouterons quelques animations lumineuses ici et là, mais l'accent doit être mis principalement sur le mouvement de la caméra et le déplacement par réflexion créé le déplacement par réflexion créé à la surface de l'objet. Nous intégrerons également un cube en trois D construit selon le même processus que celui utilisé dans le premier projet précédent, un champ d' étoiles ou de particules statiques. Utilisation de l'action Cb. Il suffit de noter que pour que l'effet fonctionne avec l'appareil photo, celui-ci devra être placé dans la même composition que l' objet de cadrage et non à l'intérieur Par exemple, ils seront placés ici devant mon miroir. Récapitulons donc ce dont nous aurons besoin pour créer l'animation. Le fichier PSD d'illustration principal, je recommande un ratio un par un inférieur à 1 600 x 1 600 pixels d'espace colorimétrique RGB et un espace colorimétrique en couches avec un simple trois La scène contient au moins quatre à cinq éléments entièrement illustrés sur des couches distinctes, un objet cadré ou réfléchissant, et sur des couches distinctes, certains masques cartographiant les zones qui afficheront la scène en trois D. Le fichier PSD cubique, ratio un par un, 300 x 300 pixels, espace colorimétrique RGB et couches comportant six couches frontales différentes Maintenant, pour obtenir quelques conseils, réfléchissez à la manière dont vos objets interagiront dans l'espace et ajustez votre composition, couleurs et votre contraste en conséquence. Illustrez tous les éléments dans leur intégralité et sur des couches séparées. Enfin, essayez de laisser à votre scène une marge de manœuvre suffisante pour permettre à la caméra de bouger L'environnement doit s'étendre au-delà des limites de vos appareils de cadrage Tout comme dans le projet numéro deux, plus chaud, je pense que cela suffit en théorie, alors jetons un coup d'œil à ma propre illustration. 10. Préparer l'illustration: Dans ce chapitre, je vais donner un aperçu général de mon processus d'illustration avant de passer au formatage. Dans Photoshop, je dessine généralement dans procreate, donc c'est ce que je vais utiliser Mais n'importe quel logiciel d'illustration basé sur des couches fonctionne parfaitement. Je vais créer un nouveau fichier haute résolution. D'habitude, j'opte pour 3 500 x 3 500 au cas où je voudrais faire Ensuite, je vais vérifier le profil de couleur en accédant à Actions Canvas, informations sur le profil de couleur en accédant à Actions Canvas, le canevas, et en m'assurant qu'il s'agit d'un RGB. Parce que l'affichage P trois, qui est la valeur par défaut dans Procreate, ne fonctionne pas vraiment bien avec l'espace colorimétrique After Effects Je vais faire un croquis et je reviendrai bientôt. Grâce à la magie du montage. Je suis de retour J'ai fait quelques vignettes en couleur ici. Je pense que je vais choisir celui-ci. N'oubliez pas que lors de l'illustration, il est essentiel de dessiner l' ensemble de la scène avec des couches distinctes et entièrement illustrées pour chaque élément En incluant le dispositif de cadrage, c'est un miroir, donc nous dessinons simplement à l'intérieur d'ici Nous illustrons également en dehors de ces limites, les dés ici J'ai fait un croquis en trois D, mais je vais travailler sur ses six couches dans un autre fichier dans Photoshop Je pense que c'est tout. Je vais donc travailler sur l'illustration et nous pourrons nous revoir une fois que ce sera fait. J'ai terminé. Voici ma dernière illustration. Voici un aperçu de ce que j'aurais dessiné si je n'avais pas eu de plan d' animation pour ce dessin. Je suis sûr que vous pouvez déjà remarquer des différences clés très évidentes. Je vais aller sur Actions Share PSD et nous nous retrouverons dans Photoshop pour organiser et mettre en forme l'illustration Très bien, permettez-moi de vous donner un délit. Nous pouvons considérer cette illustration comme comportant trois niveaux de profondeur. abord, nous avons ce qui va flotter devant le miroir. Mon futur champ de particules ici est exactement comme celui que nous avons fait pendant l'échauffement. Mais au lieu d' utiliser CC Starburst, j'ai dessiné mes particules sur une couche transparente Ensuite, nous avons les pétales et les dés qui se trouvent dans un fichier séparé avec six couches différentes. Ensuite, le miroir lui-même et un groupe contenant la scène en trois D. Cela va se refléter, et bien sûr, nous avons des couches de fond pour ici et à l'intérieur du miroir. Remarquez comment tous les éléments de la scène en trois D s'étendent au-delà des limites du miroir Je vais en fait recadrer cette composition dans un ratio de quatre par cinq pour l'animation Mais j'ai travaillé dans un ratio un par un pour m' assurer d' avoir suffisamment d'espace supplémentaire pour le mouvement de la caméra. Mes arrière-plans resteront statiques et bidimensionnels, mais si vous voulez avoir un arrière-plan plus complexe et le visualiser dans l' espace en trois D à travers la caméra, je vous recommande de l'étendre encore plus sur les côtés. J'ai aussi une couche pour les fissures de mon miroir en dessous. J'ai ces quatre couches cartographiant la surface du miroir. L'un est la surface entière ou la base, et les trois autres cartographient les pièces brisées. Ils seront utilisés comme masque sur la précomposition de la scène en trois D. Pour créer l'effet de déplacement par réflexion, toutes mes couches sont entièrement dessinées. J'ai en fait séparé ma main en quatre couches différentes suffisamment superposées pour créer un peu de distance entre chacune d' elles et créer un effet de parallaxe subtil Parlons de mon processus de formatage pour les animations. Tout d'abord, séparez, puis fusionnez, renommez et organisez. Qu'est-ce que je veux dire par « séparé » ? Par exemple, j'ai dessiné les pétales sur une seule couche. Ils devront être séparés puis fusionnés avec la fleur correspondante. J'utilise généralement l'outil lasso, clique avec le bouton droit de la souris et je crée une nouvelle couche par découpe Ensuite, je trouve la bonne couche ou le bon groupe et je les fusionne à l'aide du contrôle ou de la commande E of. Je m'assure toujours de renommer la couche, ce que j'ai définitivement oublié de faire ici. Réservez-moi. Quoi qu'il en soit, une fois cela fait, je m'assurerai que mes éléments sont organisés d'une manière logique compte tenu de leur position sur l'axe z. Supposons donc que si la main touche cette fleur, le reste des doigts devra être placé juste en dessous. Je vais donc tout organiser et je reviendrai exporter avec vous. Très bien, voici à quoi ressemble mon dossier. Tout est séparé, fusionné, renommé et organisé. Une chose à noter est que je conserve le contenu du miroir dans un groupe afin qu'il crée automatiquement une précomposition Une fois dans After Effects, les dés ont été créés en photo, sorte que tous les calques étaient déjà nommés et organisés. Passons à l'animation et contrôle des prix à l'exportation ou au changement de commande. Et redimensionnons jusqu'à un carré de 1 600 pixels. C'est un peu plus que la taille d'exportation finale, qui sera de 1080 x 13 50. Mais cela nous laisse une certaine marge de manœuvre. Si jamais nous avons besoin d'un autre format, mes dés sont déjà en 300 x 300, ce qui convient parfaitement à la taille . Ils figureront dans l'animation, donc aucun redimensionnement n'est nécessaire Ensuite, je peux contrôler les prix ou modifier les commandes pour enregistrer une copie, car nous ne voulons pas remplacer l'illustration complète J'aimerais donc ajouter une animation de soulignement à la fin et l'enregistrer dans le dossier de votre choix Je vais faire de même avec les dés et nous sommes prêts à animer. Allons configurer le projet After Effects. 11. Mise en place du projet: Notre illustration et nos ressources sont superbes. Il est maintenant temps de configurer le projet After Effects. Le projet fourni dans les ressources de classe est déjà configuré pour vous. Mais je vais vous montrer mon processus à titre de référence. En effet, un projet bien organisé peut vous faire gagner beaucoup de temps. abord, je vais importer mes fichiers d'illustration et de dés car la composition, et non la composition, conserve la taille de la couche, car nous devons centrer tous les points d'ancrage pour l'expression de mise à l'échelle. Je vais également fusionner les styles de couches , mais vous pouvez les garder modifiables si nécessaire. En vérifiant les paramètres de composition avec la commande de contrôle K, nous avons 12 secondes, 30 images par seconde et 1 600 x 1 600, ce qui est parfait Je vais importer les dés. Cliquez sur la composition Appuyez sur Ctrl Recommend K, puis redimensionnez immédiatement la composition à 500 x 500 Juste pour avoir plus de place autour des dés. Une fois que c'est dans trois D. Ensuite je vais créer la composition finale pour l'exportation. Je vais cliquer ici, le nommer principal avec une résolution de 1080 x 13 50, qui convient au format quatre par cinq d'Instagram Comme je l'ai déjà dit, l'animation dans un format plus grand permet une certaine flexibilité pour différentes exportations ou même pour zoomer si vous en avez besoin Je vais donc déplacer tout ce qui est importé dans le dossier de pré-composition et dans le dossier Assets Et je vais garder ma composition principale ici. Je vais renommer cette illustration et celle-ci dés. Maintenant, je peux importer ma composition d'illustration ici et la réduire, appuyer sur S, disons parfait à 85 % Je vais faire un code couleur, activer les trois D sur toutes les couches. Et je reviens dans une seconde. OK, je suis de retour. J'ai codé par couleur chaque paire de faces de dés ensemble et j'ai créé des groupes de couleurs dans mes compositions. J'ai masqué des couches comme les tapis et les particules pour le moment, car nous y travaillerons plus tard. Et je voulais juste qu' ils soient écartés. Toutes mes couches sont en trois D sauf les particules de fond qui vont être animées avec un effet. Et le fond et les étoiles dans le miroir avant la composition. À présent, nos projets devraient se ressembler. Si vous rencontrez une erreur de prise de vue manquante, ne vous inquiétez pas. Cliquez avec le bouton droit sur n'importe quelle couche ici. Accédez à remplacer le fichier vidéo et sélectionnez simplement le fichier PSD correspondant le dossier de séquences accord ? Je pense que c'est tout. Commençons donc à animer. 12. Créer les animations: Bien, nous allons donc nous concentrer sur l'animation légère et simple pour ce projet , car je veux vraiment vous donner une bonne compréhension des scènes en trois D. Mais pour des animations et des idées supplémentaires, n'hésitez pas à revoir mes deux autres cours OK, je vais donc rapidement ajouter un intérêt visuel à travers les dés, les pétales de fleurs et les étoiles en arrière-plan à l'intérieur du miroir. Commençons par les pétales de fleurs. Je vais juste masquer le contenu du miroir avant la composition. Ajoutons maintenant un mouvement flottant subtil aux pétales sur une boucle de trois secondes. Nous savons qu'une boucle d'animation de trois secondes fonctionne pour cette composition car trois est un facteur 12. Vérifiez toujours la longueur de vos boucles d'animation avant de vous y engager. Sélectionnez les trois couches et appuyez pour les positionner. Ajoutez une première image clé à zéro seconde et une autre à trois secondes. Et puis, juste au milieu, à 1 seconde et 15 images, je vais abaisser leur position Y de 25 pixels. Sélectionnez ensuite toutes les images-clés, cliquez avec le bouton droit sur Keyframe Assistant et ***, ou appuyez simplement sur neuf Passons maintenant à cette animation en boucle avec une expression de boucle d'entrée et de sortie. Maintenez la touche Alt ou Option enfoncée, puis cliquez sur le chronomètre pour trouver l'expression dans les ressources du cours Je vais juste le taper dans sa boucle d'entrée plus boucle de sortie, moins la valeur. Cette expression répétera les images clés de la boucle avant et après pendant toute la durée de la composition. Cliquez avec le bouton droit de la souris, copiez uniquement l' expression et collez-la sur les deux autres couches. Pour rendre les choses plus naturelles, je vais décaler les animations sur la chronologie. Celui-ci peut rester ici. Je vais apporter celui-ci ici. Celui-ci peut être ici à dix images. OK, faisons un aperçu. Parfait. Nous avons nos pétales. Passons aux dés. OK, ça devrait être un jeu d'enfant. C'est exactement le même processus que pour le premier projet plus chaud. Vous allez maintenir la touche Ctrl ou Commande et sélectionner toutes les autres faces du cube. Appuyez sur P pour obtenir la position. Ce sont 300 x 300/2 150 maximum. Ramenons-les de 150 pixels. Ensuite, nous ferons le contraire pour le reste. Génial. Appuyez sur la touche Ctrl Shift Alt ou sur l'option Commande Shift Y pour ajouter une valeur nulle pour chaque paire de prix. Pour masquer toutes les propriétés, n'oubliez pas d'autoriser trois D, lier chaque paire à sa valeur nulle. Liez ensuite les deux nuls du bas au premier. Renommez-le lead and perfect. Sélectionnez ces deux prix R pour la rotation et vous allez définir une orientation x de 90 degrés pour le premier et une orientation de 90 degrés pour le second. Nous avons les propriétés du prix par rapport à la hauteur des dés et revenons à la composition de l'illustration. Ajoutez la composition des dés activez les trois D et réduisez la transformation afin que nous puissions obtenir les dés sous la forme d'un objet en trois D et pas simplement d'une couche plate en trois D. Il s'agit maintenant d'un objet en trois dimensions intégré à notre scène, permettant une interaction avec la caméra que nous allons ajouter dans quelques chapitres. Je vais appuyer pour l'échelle et le réduire à environ 25 %, puis appuyer sur R pour faire pivoter. Je vais créer une animation rapide sur les axes X et Y. Première image-clé à zéro et une autre à la fin pour un cycle de rotation complet, ce qui en fait une boucle Et maintenant ça ressemble à ça. Je vais appuyer sur la touche Ctrl et sur la touche V pour créer une copie. Ici, je vais en ajouter deux dans le miroir. Contenu pré-cop également. Je vais les arranger autour de ma composition. Et je reviendrai une fois que je serai satisfait du stage. OK, je suis de retour. J'ai réactivé ma précomposition de contenu miroir pour pouvoir voir les deux jeux de matrices en même temps J'en ai deux ici et deux à l'intérieur du miroir à des hauteurs différentes. Je ne les ai pas encore déplacés sur l'axe Z. Ils se clipsent un peu sur le miroir, mais nous y remédierons plus tard Lorsque nous avons configuré la scène en trois D, j'ai également modifié son orientation initiale pour la rendre plus naturelle. Nous avons celui-ci à 60,75 degrés, puis le premier à 0045 pendant la pré-composition Ces deux-là ressemblent à ça. J'ai également réduit ces deux points à 20 %. C'est tout pour les dés Maintenant, allons travailler sur les étoiles à l'intérieur du miroir. Avant Cp, je vais essayer de créer un effet d'étoiles brillantes en boucle Pour cette précomposition, vous allez appuyer sur la touche Ctrl ou la commande Y pour créer un solide et le nommer Stars, Matt Le solide servira de tapis de course aux étoiles. Un tapis de course fonctionne de la même manière qu'un masque dans Photoshop. Il détermine l'opacité de la couche de liens en fonction propriétés alpha ou des propriétés de transparence ou de luma, qui seraient la luminosité Ici, je vais créer une texture animée en noir et blanc et utiliser les zones les plus claires pour déterminer laquelle peut briller C'est mon effet préféré. Je l'ai même enregistré dans mes préréglages d'animation sous forme de boucle fractale. Ici, je l'utilise beaucoup et je ai longuement abordé dans mes cours précédents. Applaudissons mon meilleur ami au monde. Bruit fractal. Il a tellement d'utilisations, mais voici ma recette personnelle pour un bon lumet Starfield Accédez aux effets Bruit, grain et bruit fractal Tout d'abord, utilisez la torsion dynamique pour certaines formes organiques. pin pour adoucir les choses et régler le contraste à 400 et la luminosité à moins une étoile n' apparaîtra que dans ces zones blanches. Réduisez-le à 50 et réglez la complexité à deux. Pour créer des zones plus douces, animez l'évolution avec une image clé à zéro au début , puis quatre cycles à la fin Si j'appuie, ça ressemble à ça. N'oubliez pas de vérifier l'évolution du cycle pour obtenir une boucle parfaite. C'est ça. Si vous souhaitez l'enregistrer pour plus tard, il vous suffit de sélectionner l'effet. Accédez à l'animation et enregistrez le préréglage d'animation. Maintenant, je peux ajouter mon solide comme tapis de course sur ma couche d'étoiles. Activez l' option Alpha Mat sur Luma. Maintenant, nous avons des étoiles brillantes. Si vous possédez une ancienne version d'After Effects, le menu du trackmat ressemblera plutôt à ceci. Mais cela fonctionne exactement de la même manière. Précomposons-les ensemble pour que les choses restent organisées. Tout le shift pour les sélectionner, cliquez et précomposez ou appuyez sur la touche Ctrl ou Command Shift C pour leur donner un nom Les étoiles, le pré, le contre, en autorisent trois D. Revenons à la composition principale et à l'aperçu. Super, tout semble bon. Nous pouvons maintenant commencer à configurer la scène en trois D. 13. Créer la scène 3D: Dans ce chapitre, nous allons configurer une étape de scène. Essayez de garder à l'esprit que ce n'est pas gravé dans le marbre et que nous pourrons absolument revoir et affiner la position des couches plus tard. Lorsque nous ajouterons le mouvement de la caméra, passons à la précomposition du miroir comme nous l'avons fait lors de l'échauffement Nous ajouterons une caméra, l'expression d'échelle à toutes les couches, puis nous les distribuerons sur Zx Appuyez sur l'option Ctrl Shift Alt ou Command Shift pour ajouter une caméra de 50 millimètres Copiez l'expression à partir des ressources de classe. Sélectionnez toutes les couches sauf les deux fonds en D et les dés. Je peux simplement ajuster leur placement plus tard si je le souhaite, mais c'est la composition que nous essayons de conserver avec l' expression, pas avec les dés. Appuyez sur S pour l'échelle, maintenez la touche Alt ou Option enfoncée, puis cliquez sur le chronomètre Collez ensuite l'expression. Cliquez avec le bouton droit, copiez uniquement l'expression, maintenez la touche Ctrl ou Commande enfoncée. Sélectionnez l'échelle sur toutes les couches et collez-la. Maintenant, lorsque j' éloigne les couches de l'appareil photo, elles s'agrandissent proportionnellement pour conserver la composition Je vais passer à deux vues avec une vue de dessus sur la gauche. Configurez ma scène. Et je reviendrai quand j'aurai fini, je suis de retour. N'hésitez pas à faire une pause pour jeter un œil aux positions et vous pouvez également les consulter. Dans la composition de référence, j'ai créé une certaine distance entre les couches de mes mains, de sorte que lorsque la caméra bouge, elle ressemble davantage à un objet en trois dimensions. J'ai également fait une copie des étoiles et je les ai positionnées à différentes distances de la caméra pour créer encore plus de profondeur. Et j'ai simplement fait pivoter la copie de 90 degrés pour créer une différence visuelle Maintenant, si je reviens à l'illustration, vous pouvez voir de dessus comment le contenu du miroir est positionné dans cet espace général en trois D. C'est ainsi qu'ils vont interagir avec la caméra principale. J'ai également pris le temps de déplacer les dés et les pétales vers l'avant pour qu'ils ne s'accrochent pas au miroir, aux dés J'ai juste avancé comme ça pour les pétales, puisqu'ils ont déjà une animation par image-clé Il vous suffit de faire attention et de sélectionner tous les cadres clés de position. Positionnez l' indicateur temporel sur l'un des images-clés, puis déplacez-le vers l'avant à l'aide de la valeur de la propriété. De cette façon, vous ne gâcherez pas l'animation. Je pense que c'est tout. Voyons maintenant à quoi cela ressemble avec un certain mouvement de caméra. 14. Animer avec la caméra: Dans ce chapitre, nous travaillerons sur le mouvement de la caméra et nous nous concentrerons sur la rotation. Cette fois, nous avons déjà une caméra dans le miroir avant la composition, mais ce n'est qu'une référence à l'expression que nous avons utilisée Vous pouvez le considérer comme une valeur nulle. C'est ici que se passe le vrai travail de caméra. Ajoutons-en un en appuyant sur Ctrl Shift Alt ou sur l'option Command Shift C. Sélectionnez un appareil photo de 50 millimètres et appuyez sur OK Je pourrais animer la rotation directement sur la caméra, mais nous perdons très rapidement le miroir sur les côtés et nous n'avons pas vraiment occasion de voir l'effet de parallaxe Au lieu de cela, nous utiliserons un trois Noll ici comme parent pour la caméra En gros, nous voulons que le centre de rotation soit à la fois plus proche du miroir et juste au milieu de la caméra. Distance de zoom, changement de contrôle des prix, alton Y ou option de décalage de commande y pour créer le zéro et le nommer Câble de caméra, activez-en trois, associez la caméra à celui-ci à l' aide du fouet Et maintenant, si je fais déjà pivoter le zéro, c'est déjà beaucoup mieux, mais il nous reste encore beaucoup d' espace vide sur les côtés à l'intérieur du miroir. Je vais corriger cela en éloignant mon appareil photo du sujet et en zoomant C'est exactement la même raison pour laquelle ils recommandent de prendre des portraits à distance avec un petit zoom plutôt que de près du visage car vous obtiendrez moins de distorsion. Je vais régler ma distance, disons -6 000. Contre cela avec un zoom de 6 000. Parce que nous avons besoin cohérence entre notre composition principale et le contenu miroir avant la Je vais appliquer exactement les mêmes valeurs à la caméra à l'intérieur du miroir avant la composition. Maintenant je sais, je sais que ça a exactement la même apparence. Mais croyez-moi, une fois que nous aurons commencé à animer la rotation, nous aurons moins de distorsion Et l'image n'en sera que plus belle. Fais-moi juste confiance. D'accord, d'accord, petit rappel. Il est possible de visualiser cette précomposition miroir en trois dimensions et pas simplement sous forme couche plate à travers cette caméra car les transformations de réduction sont activées Encore une fois, assurez-vous que transformations de réduction sont activées dans votre pré-composition Parfait, créons la boucle d'animation. Sélectionnez le câble de la caméra, appuyez sur R pour effectuer la rotation, et nous allons commencer par travailler sur l' image clé de l'axe Y. Allons-y avec moins sept, un autre à 3 secondes. Allons-y avec sept, et un autre à 6 secondes, à moins sept. Sélectionnez à nouveau toutes les images clés et appuyez sur F neuf pour faciliter l' animation du graphique. L'éditeur l'accentue un peu comme ça. Appuyez sur Alt ou Option, puis cliquez sur le chronomètre ajouter l'expression « boucle d'entrée et de sortie Je vais en revenir à quelques-uns. Fermez la magie de Mes propriétés. Nous avons fait la majeure partie du travail, maintenant nous pouvons commencer à peaufiner les choses. N'hésitez pas à revenir à votre pré-composition et à ajuster la position de vos couches si nécessaire. Tout me semble bon. Intégrons cette scène en trois D dans le miroir. 15. Créer le miroir avec des Mattes: Dans ce chapitre, nous allons créer l'effet de verre brisé à l'aide de tapis de sol installés sur différentes versions de la précomposition du miroir Nous avons quatre tapis, un pour la base et trois pour les différentes zones de verre brisé. En plus de notre pré-composition miroir, je vais appuyer sur la touche Ctrl ou Commande pour créer trois autres copies, la précomposition et attribuer chaque copie à une piste Matt Je vais m'assurer de coder par couleur et renommer avec le bon numéro chaque copie J'utiliserai le fouet pour attribuer les tapis de piste Nous utiliserons l'alpha cette fois. La précomposition sera visible chaque fois qu'il y a un pixel au-dessus 0 % de transparence sur le tapis de course Maintenant, nous avons différentes copies qui apparaissent dans différentes zones du miroir et nous pouvons nous amuser. Je vais d'abord ajouter un effet de transformation. Accédez à l'effet, à la distorsion et à la transformation. Cet effet offre des propriétés de transformation similaires celles trouvées ici sur la couche. Il s'agit essentiellement d'une deuxième couche d' informations qui vient s'ajouter aux propriétés de transformation existantes. J'utilise cet effet pour garder les choses ordre, car j' ajoute également un effet de niveau Accédez aux effets et à la correction des couleurs. Maintenant, je peux tout régler ensemble dans le même panneau. Je vais maintenant copier les deux effets et les coller sur les deux copies restantes liées aux tapis de sol en verre brisé. Nous gardons la base telle quelle. L'objectif est de recréer le déplacement d' un miroir cassé Expérimentez la réflexion autant que vous le souhaitez avec ces deux effets. Pour le premier exemplaire, je vais ajouter une légère rotation, peut-être cinq et un tout petit peu. Passons à deux résultats déjà intéressants, vous n'avez vraiment pas besoin de grand-chose. Ensuite, je peux augmenter les lumières en réglant le gamma sur 1,1 et le blanc sur 36 000. D'accord, je vais donc expérimenter avec les deux autres sections et je vais revenir en arrière Une fois que je suis satisfait des résultats, je suis de retour. C'est ce que j'ai trouvé. La base n'a aucun effet. Et la deuxième version est légèrement agrandie et aussi un peu Et la troisième version a un ajustement de position mineur et un gamma réduit. Cela ne prend vraiment pas grand-chose et ça a déjà l'air tellement intéressant. Très bien, maintenant, ajoutons un peu de lumière réfléchie à nos morceaux de verre. 16. Ajouter des reflets avec le balayage de lumière CC: Dans ce chapitre, je vais vous montrer comment ajouter rapidement des reflets à votre miroir en utilisant un solide et un effet. abord, créez un nouveau bouton de pression continue ou une nouvelle commande Y et nommez-le. Couleur de réflexion jaune codée. Cette couche n'a pas besoin d'être trois D car elle sera posée sur tout ce qui sera défini par son futur tapis de course. Ensuite, allez à Effects Generate et CC light sweep. Vous pouvez animer le centre et choisir la direction. Vous disposez ici de paramètres pour contrôler la forme et l'intensité de la lumière. Ajustons la direction à -40 Positionnez la lumière sur les pièces cassées, abaissez la largeur à 30 Et réglez la réception de la lumière de manière à ce que le reste du solide disparaisse. Tu sais quoi ? Je me sens un peu chic. Je vais ajouter un peu de distorsion des couleurs avec un effet V R qui n'est absolument pas prévu dans ce but. Il est là, ce n'est pas un plug de distorsion RGB payant, il fait l'affaire. Accédez aux effets, aux vidéos immersives et aux aberrations chromatiques en réalité virtuelle Parfait. Dupliquez maintenant le contrôle de suppression solide. Recommandez plusieurs fois et attribuez à chacun un tapis de course. Apportez chaque copie sur le dessus du tapis de course. Attribuez un tapis de course en utilisant le nom pequip avec le bon numéro Si vous utilisez une ancienne version d'After Effects, vous devez dupliquer les tapis de piste et les placer au-dessus de leur couche réfléchissante. Cependant, avec les nouvelles mises à jour, vous pouvez attribuer plusieurs couches au même tapis de course, ce qui change vraiment votre vie et est spectaculaire. Génial. Maintenant, comme pour les miroirs, ajoutons un léger décalage à tous les reflets lumineux. Peut-être que celui-ci peut être placé plus bas ici. Celui-ci est légèrement à gauche ici. OK, maintenant, si nous prévisualisons l'animation, elle semble un peu statique et un peu trop longue. Mais pas de soucis. Nous pouvons simplement simuler le mouvement. Sélectionnez toutes les couches réfléchissantes. Appuyez sur P pour la position et ajoutez une image clé au début de l'animation nulle. Ajoutez une autre image clé au bout de 6 secondes. Pour une belle animation en boucle de 3 secondes, le miroir est tourné dans cette direction qu'il serait logique Je pense qu'il serait logique que les réflexions se déplacent un peu vers le bas. Très bien, appuyez sur Alt ou sur Option. Cliquez sur le chronomètre. Ajoutons ou sortons une dernière fois une expression. Cliquez avec le bouton droit, copiez uniquement l'expression et collez-la sur les deux autres positions de réflexion. Appuyez ensuite sur neuf pour faciliter l'animation dans l'éditeur de graphes. Accentuez légèrement l'assouplissement pour qu'il corresponde à la rotation du nez dans l'éditeur de graphes Passons à leur mode de transfert pour ajouter, télécharger un aperçu et le tour est joué Cela semble déjà très beau et nous pourrions nous arrêter là Mais je vais vous montrer quelques autres choses pour vraiment améliorer votre animation 17. Ajouter de la profondeur avec l'action de balle CC: Pour être honnête, j'adore ajouter des étoiles flottantes ou des particules à mes illustrations animées, car j'ai l'impression que cela ajoute beaucoup de profondeur, sans toutefois altérer le sujet principal. Revoyons ce que nous avons appris dans le cadre du projet numéro deux, plus chaud Je vais réactiver ma couche de particules et passer à la simulation des effets et à l'action C, C. Vous pouvez travailler à partir d'un solide avec un effet CC Starburst comme nous le faisions auparavant, mais une couche PSD avec un arrière-plan transparent fonctionne tout aussi Ici, je veux créer un champ de particules discret suffisamment subtil mais qui renforce tout de même l'effet tridimensionnel. Je vais réduire l'espacement de la grille à un et la taille des pôles à 60, puis nous pourrons les disperser. Passons à deux vues et voyons voir. Oui, je pense qu'environ 250 devraient être portés. Oui, je trouve que ça a l'air bien. Faisons donc un aperçu. Et tant mieux, le mouvement est subtil mais toujours perceptible. Tout comme je le souhaite personnellement. Je suis très content de ce à quoi cela ressemble. Passons donc aux touches finales. 18. Coiffer avec un effet Analog: Il s'agit d'un chapitre bonus à 100 %. Si vous n'aimez pas les effets rétro ou analogiques, hésitez pas à passer à autre chose et nous vous recontacterons pour les exporter. Je voulais vraiment vous montrer mon mix personnel pour obtenir ce look sans aucun plugin tiers. Commençons. Ajoutez d'abord une couche de réglage, supprimez les contrôles Alt et Y, ou l'option de commande Y, et renommez-la Non, branchez le téléviseur rétro. OK, alors maintenant nous allons créer une assez grosse pile d'effets. Je ne sais pas si cela se traduit bien en anglais, mais en français j'aime les appeler des sandwichs à effets. Créons-en un d'abord, passons aux effets, au bruit et au grain, ajoutons du bruit et réglons-le sur 10 %. Voici à quoi cela ressemble de près. Maintenant, nous devons l'estomper. Accédez aux effets, flouter et accentuer, puis ajoutez un peu de flou rapide. Optons pour quelque chose de léger pour le rayon. Et juste une itération, et cela va créer belle floraison autour du bruit et des bords. Ensuite, passez aux effets, flouter et accentuer à nouveau, mais cette fois, nous ajoutons un masque flou pour annuler nous ajoutons également des dégâts et processus, nous ajoutons également des dégâts et du contraste sur les bords. Je choisis 110 pour la quantité que vous pouvez obtenir un contraste vraiment intéressant sur les bords avec le rayon. Je ne veux pas en faire trop. Faisons quatre, puis avec le seuil, vous pouvez conserver une partie du flou dans certaines zones Allons-y avec 400. Permettez-moi de zoomer pour vous montrer la différence. Nous essayons d'obtenir quelque chose de similaire aux vieilles cassettes VHS et nous pouvons maintenant mettre fin au sandwich des effets en plaçant une copie du bruit par-dessus tout Appuyez sur la touche Ctrl ou sur la commande D, amenez-la vers le haut et ramenons-la à 5 %. Maintenant, nous avons un peu de bruit flou à l'arrière et aussi une plus petite quantité de bruit aigu à l'avant pour redonner un peu de ce grain que nous avons Ajoutons maintenant ce que j' appellerais les garnitures, je suppose. Ramenons les aberrations chromatiques de la réalité virtuelle. Accédez aux effets, aux vidéos immersives et aux aberrations chromatiques en réalité virtuelle Je ne veux pas en faire trop. Réglons la distance de chute à dix. Activez ensuite la fonction Fall Off Invert pour qu'elle n'affecte que les bords de l'image Ajoutez un peu de vert à moins six. Adoucissez le bleu à cinq. Ensuite, ajoutez de l'éclat. Passez à l'effet, stylisez et rayonnez. Mais pareil ici. N'en abusons pas Augmentez le seuil à 98 % pour n'affecter que les zones les plus claires, augmentez le rayon à 25 et diminuez l'intensité de 2,6, bien sûr, ajustez en fonction de votre propre palette de couleurs, car ces chiffres varient en fonction tons que vous utilisez et des extras. C'est facultatif, mais j'ai tendance à travailler dans des tons légèrement désaturés. J'aime toujours ramener un peu de saturation à la toute fin. Accédez aux effets, à la correction des couleurs, à la teinte et à la saturation. Je vais le porter à 15. Je vais également ajuster les rouges à cinq moins cinq. Et parfois, si je veux quelque chose de plus agité, j'ajoute un effet temporel pasteurisé . Accédez à l'heure des effets, à l'heure de la posture. Je vais régler la fréquence d'images à 15. Cela va avoir l'air un peu plus vintage et moins numérique. Chargons un dernier aperçu, cette fois dans la composition principale avec le bon format. Regardez-le pour référence. Voici l'animation avant et après l'effet de style. Je pense que c'est terminé. J'espère que vous êtes satisfait de votre animation, et allons exporter votre chef-d'œuvre. 19. Exporter: J'espère vraiment que vous êtes satisfait votre projet. Maintenant, exportons-le. Dans mes cours précédents, je vous ai montré comment exporter via un encodeur multimédia Mais maintenant que l' export MP Four est disponible, une fois de plus, directement dans After Effects. Je vais juste exporter à partir d'ici. Accédez à Composition, Ajouter au rendu ou appuyez simplement sur la touche Ctrl ou Commande ici. Ma sortie est déjà réglée sur 0,264, ce qui me donnera un fichier MP quatre Si ce n'est pas votre cas, il vous suffit de cliquer ici et de sélectionner H 0.264 dans ce menu déroulant Ensuite, allez dans Options de format et sélectionnez CBR. Pour un encodage à débit constant, j'essaie généralement de rester autour 12 mégaoctets/seconde Appuyez ensuite sur OK ici, sélectionnez votre dossier de destination et le nom de fichier. Appuyez ensuite sur Enregistrer ou sur Gist. Si la langue de votre ordinateur est exprimée en français comme moins », cliquez sur Render Congrats Voici votre animation. Prêt à publier partout. 20. Conclusion: Alors félicitations, tu l'as fait. Si tout s'est bien passé, vous venez de créer votre toute première illustration parallèle et vous êtes prêt à la partager avec le monde entier. J'espère que vous continuerez à créer de nombreuses autres scènes 3D fascinantes à l'aide expressions de caméra et de trois effets 3D Voici quelques exemples tirés de mon propre travail qui espérons-le, vous inciteront à créer davantage de vous-même. N'oubliez pas de télécharger votre projet. Je suis tellement impatiente de voir ce que tu vas créer. Je partage autant de projets que possible sur Instagram, alors n'hésitez pas à me taguer si vous les publiez également. Si vous avez des questions, des commentaires ou des préoccupations, écrivez-moi dans l'onglet discussion lorsque vous aurez terminé N'oubliez pas de revoir le cours. Cela m'aide beaucoup à m' améliorer à chaque nouveau cours. N'hésitez donc pas à consulter mes deux autres cours d'anglais pour plus d'illustrations animées et de conseils typographiques Si vous parlez français Géant, merci beaucoup d' avoir suivi mon cours. J'espère vraiment que cela vous plaira et à bientôt.