Animer un texte DERRIÈRE un personnage sur Premiere Pro et After Effects

vous rêvez de faire apparaître du texte ou des effets derrière un personnage comme dans certaines vidéos sur YouTube dans ce tuto et je vais vous montrer comment y parvenir facilement en combinant Première Pro et After Effects avec l' rotoscopie c'est parti bonjour à tous ici Kevin mandibourg pour la chaîne tuto première ravi de vous retrouver dans cette nouvelle vidéo dans laquelle je vais vous expliquer en détail comment créer un texte et faire apparaître derrière le personnage ça vous permettra d'animer non seulement un texte mais également des images vous allez voir le process est assez simple à suivre mais nécessite tout de même quelques bases sur première et After Effects alors vous inquiétez pas si vous avez peur d'After Effects je vous guide pas à pas même si vous avez jamais ouvert ce logiciel vous allez voir dans ce tutoriel vous pourrez le suivre sans problème pour reproduire lesffit comme d'habitude je vous ai mis un lien dans la description pour aller télécharger les ressources qui m'ont servi à réaliser ce tutoriel allez c'est parti on se retrouve de suite sur Première Pro je vous ai préparé une timeline avec une image d'une newtubeus dans un décor assez classique et je vous ai mis par-dessus ici un extrait d'une DEES timeline et pour le tutoriel je vais vous montrer comment afficher cet extrait de timeline derrière le personnage alors en fait c'est assez simple mais je sais que quand on débute on arrive pas trop à bien comprendre comment faire ce genre de manipe pour vous expliquer vous avez tout d'abord le plan du tsous qui est votre plan de base de la vidéo vous avez ensuite le plan timeline ici donc l'élément que je vais rajouter et il nous faudra par-dessus l'image de la personne qui parle ici la youtubeuse et pour faire ça il va falloir la détourer donc déjà ce qu'on peut faire c'est créer le calque ici je vais même le mettre d'une autre couleur je le mets par exemple en vert pour qu'on repère et je vais maintenant passer au détourage si vous le faites sur Première Pro ça va être très difficile parce qu'il va vous falloir le faire image par image faire de la rotoscopie ça va pas du tout être propre moi ce que je vous conseille pour faire ça c'est bien évidemment d'utiliser After Effects alors ne vous inquiétez pas on va juste utiliser after pour faire le détourage et en ce qui concerne l'animation de l'image de la timeline on va tout faire sur Première Pro pour que vous puissiez rester un maximum sur ce logiciel que vous maîtrisez le mieux pour passer drafterur je vais faire un clic droit ici et je vais cliquer sur remplacer par une composition After Effects je vais renommer la compo after détourage youtubeuse et j'enregistre je me retrouve maintenant sur After alors si vous êtes pas du tout familier avec le logiciel pas de panique je vais vous montrer ça de la manière la plus simple possible le but ici c'est de détourer uniquement le personnage et comme vous pouvez voir elle bouge les mains ça va compliquer la tâche puis qu'il va falloir utiliser des outils puissants sur After Effects pour faire la rotoscopie pour faire ce détourage on va utiliser le roto brush ou roto pinceau en français qui se trouve ici avec cette petite icône mais avant ça vous allez devoir double cliquer sur le rush pour passer ici en mode calque sur After Effects vous avez deux fenêtres vous avez la composition qui est la composition finale donc de votre projet et le calque ça concerne uniquement le calque qu'on a mis là sachant que les calques on peut en avoir plusieurs dans une composition After Effects une fois que vous êtes bien sur le panneau calque vous allez venir cliquer sur l'outil rotopinceau donc je prends le premier ici et vous voyez que j'ai maintenant un petit curseur ici qui me permet de cliquer sur la fenêtre si je maintiens commande ou contrôle enfoncé et que je laisse appuyer le clic gauche de la souris je vais pouvoir agrandir la zone de sélection donc là je vais mettre une zone de cette taille à peu près vous voyez que là j'ai un cercle vert qui va me permettre de dire After Effects les zones que je veux détourer alors je vais même le réduire un petit peu pour les mains ça va être plus simple on va faire comme ceci à partir de là c'est très simple je vais suivre le personnage voyez je j'épouse vraiment toutes les formes du personnage je passe même sur les mains et je relâche comme vous pouvez le voir on a le personnage qui s'est sélectionné et là on a des petites zones qui ont été oubliées donc là c'est pas grave je reprends de la sélection pour Tout sélectionner au niveau des mains ici vous avez l'arrière-plan et ça c'est pas bon on a pas besoin de le sélectionner donc là je vais venir zoomer en maintenant option alt enfoncé et dans la molette de la souris pour venir zoomer et ce que je vais faire c'est que je vais réduire ici l'outil et je vais maintenir option alt enfoncé pour avoir cette fois-ci un cercle rouge et donc supprimer les parties qui ne m'intéressent pas voilà ça ça permettra de montrer After Effects qu'on ne veut pas récupérer ces zones je peux faire pareil pour l'autre côté ici ce qui me permet de retirer les zones indésirables une fois que j'ai fait ça je peux vérifier mon détourage en cliquant sur cette icône vous pouvez voir le masque alpha je peux également la mettre sur un fond noir ou encore sur un fond rouge ce qui me permet de peaufiner ensuite les détails donc là comme on peut voir les bords sont un peu brutes donc ce que vous pouvez faire éventuellement pour les cheveux c'est venir sélectionner l'outil améliorer le contour et voyez quand je le grossis c'est un outil bleut té comme ça et ça ça me permet d'améliorer les contours donc ça je vous conseille de le faire pour les cheveux ça permettra de lisser la transition alors là je l'ai fait assez gros vous êtes pas obligé de de faire une traînée aussi grosse et ça ça me permet de lisser alors je vous montre ce que ça donne voilà maintenant on a des bords beaucoup plus lisses et en fait si vous regardez en détail ça va un petit peu plus flter la transition avec le fond une fois que vous avez terminé ceci vous allez pouvoir lancer la lecture pour qu'ATER effects détours le personnage et suivre les mouvements donc je vais me mettre dans ce mode et on va lancer la lecture avec la touche PLAY le détourage est terminé comme vous pouvez le voir ça a plutôt bien marcher sauf qu'on a les contours qui sont pas terribles mais on va venir améliorer tout ça avec les paramètres pour les paramètres je vais ici dans le panneau des effets vérifiez bien que vous êtes sur la version 3 qui est la meilleure version du roto brush alors pour améliorer les contours blancs que vous voyez ici même si ça va pas vraiment nous gêner pour notre effet vous pouvez peut-être réduire un peu le bruit et au niveau du décalage de contour vous pouvez renier un petit peu al sans trop en amuser voilà sur le personnage ça vous permet de faire disparaître un petit peu ses contours voilà on va pas trop toucher pour pas dénaturer le plan mais là vous voyez que déjà on a quelque chose de très correct ce qui va nous permettre de faire passer l'animation derrière une fois que le détourage est terminé vous pouvez venir cliquer ICI sur geler ce qui va vous permettre de ne pas devoir régénérer du rendu à chaque fois que vous allez vous déplacer pass avec la timeline ça va être beaucoup plus stable pour travailler notamment avec le Dynamic Link entre Première Pro et After Effects une fois le rendu terminé pouvez voir que là je peux me déplacer dans le timeline et j'ai pas à chaque fois le rendu à refaire sur After Effects ce qui va être beaucoup moins gênant sur Première Pro al une fois que c'est terminé vous pouvez enregistrer le projet vous retournez sur Première Pro et là comme vous pouvez voir j'ai bien la youtubeus qui est détouré vous pouvez le voir avec le fond d'amier et là à droite sur ma timeline finale je peux voir que j'ai bien mon animation qui est passer derrière le personnage donc ça c'est pratique parce que maintenant si j'ouvre les Options d'effet voyz dans ma tameline click je vais pouvoir me déplacer et faire mes effets qui vont apparaître derrière la youtubeuse donc maintenant on va passer à l'étape 2 c'est l'animation de l'image qui est insérée à la vidéo pour faire ça on va faire une animation assez basique on va la faire arriver par le bas de la vidéo alors avant de continuer pour pouvoir bosser plus efficacement vous pouvez voir que là j'ai une zone rouge qui veut dire tout simplement que Première Pro n'est pas assez puissant pour lire en temps réel bah tout ce que j'ai mis c'est normal en même temps on a détourage avec After Effects moi ce que je peux vous conseiller pour gagner du temps surtout que roto Broch ça prend pas mal de ressources c'est de dupliquer cet élément donc je fais option alt hop je duplique celui du bas je peux venir le désactiver on l'utilisera uniquement si on a besoin de faire des retouches sur le détourage mais là en l'occurrence on a pas besoin pour la partie du haut je vais faire un clic droit et je vais faire effectuer le rendu et remplacer à partir de cette fenêtre attention ne vous trompez pas comme on a le personnage qui est en alpha c'estàdire qu'il y a une zone de transparence ici dans l'image on va bien choisir le format Apple progress 4444 en Quick Time bien évidemment et on fait OK pour valider cette technique m'a permis en fait de remplacer le fichier After Effect ici qui est relié en Dynamic Link à Première Pro en move directement pour avoir une fluidité parfaite vous voyez que la barre elle est devenue jaune sur Première Pro et ça ça me permet de travailler ben de manière beaucoup plus rapide et stable sur le logiciel faut savoir que le roto brush qu'on a utilisé sur After Effects il prend énormément de ressources sur l'ordinateur et si vous ne faites pas le rendu que je viens effectuer bah même si vous avez une grosse bécane ça risque de ramer pas mal sur Première Pro voilà maintenant qu'on a ça on a tous nos éléments et on est fluide pour travailler sur première pour l'animation de mon image on va donc faire une arrivée du bas vers le haut de l'image pour faire ça je vais utiliser ici dans les effets le fameux transformation que j'utilise vraiment dans 95 % de mes montages c'est ce qui nous permet de faire un petit peu de Motion Design sur Première Pro même si c'est beaucoup plus limité que sur After donc je le glisse dans mon image de timeline à partir de là je vais pouvoir seulement déplacer mon image comme je pourrais le faire avec transformation mais également appliquer l'angle obturateur qui nous permet de faire le fameux motion blur au flou de mouvement alors on va commencer du début du rush donc je suis pas obligé de mettre tout au début je vais mettre ici on va dire qu'à partir de là elle veut faire apparaître l'image qui correspond à ce qu'elle dit dans ses propos donc j'active la position pourquoi pas l'échelle également ça peut être sympathique de faire ça je vais avancer de 10 images hop je me mets ici à 21 et je réactive deux images clés pour avoir la position finale donc la position finale on va peut-être l'ajuster je veux que voilà ça soit assez gros peut-être comme ceci au niveau de la hauteur voilà on va mettre ça comme ça c'est très bien on va maintenant retourner aux images clés précédentes et on va non seulement réduire l'échelle également le baisser voilà pour que ça arrive de base en haut donc je regarde l'animation voilà voyez c'est très moche c'est très basique c'est normal c'est le début de l'animation et je vais vous montrer justement comment peaufiner tout ça comment apporter une touche beaucoup plus fluide à vos animations a que là vraiment si vous débutez que vous avez aucune connaissance vous allez faire des animations comme ça et ça va pas être beau ça va se voir direct que bah c'est c'est vraiment très amateur donc pour commencer on va pouvoir fluidifier la façon dont les mouvements secrés alors notamment au niveau de l'échelle voyz que là on a une échelle très uniforme c'est-à-dire que ça grandit à la même vitesse du point A au point B nous ce qu'on va pouvoir faire c'est par exemple ici cliquer sur le premier se mettre en dégressif et sur le deuxième se mettre en progressif et ça ça nous a permis voyez de faire ce genre de courbe ici qui permet d'avoir une vitesse qui croit dans le temps voilà pour les images clés de position je vais pouvoir faire la même chose donc je vais mettre ici dégressif et ici progressif je regarde un peu le résultat voilà voyez qu'on a quelque chose de beaucoup plus sympa par rapport à tout à l'heure ah c'est c'est un peu plus fluide au niveau du mouvement je vous invite à regarder comment c'était précédemment ça n'a rien à voir voir c'est beaucoup plus smooth on peut voir la courbe ici he d'ailleurs vous pouvez peaufiner si vous voulez là on va pas passer trop de temps à peaufiner je vous montre vraiment les bases après j'en parle dans mes formations complètes on va rajouter une autre petite étape qui permet de flouter le mouvement ça ça va être dans l'angle obturateur donc vous voyez je suis à zéro ici je vais passer au maximum par exemple à 360° pour avoir vraiment un effet de flou de mouvement et voyez que là c'est beaucoup plus sympa et beaucoup plus pro comme animation alors si on regarde en plein écran on peut voir quelques défauts voyez au niveau des cheveux là on voit de la brillance c'est parce que j'ai peut-être mis trop de réduction de bruit donc ça c'est des réglages que vous pouvez faire sur After Effects pour éviter ce genre de détail mais malheureusement des fois c'est pas possible d'éviter ces petits problèmes donc essayez de repasser sur After pour peaufiner ce genre d'artefact l'effet est ainsi terminé alors maintenant que vous avez fait l'effet avec une image vous pouvez très bien remplacer ça par du texte la technique la plus simple c'est l'imbrication donc je prends mon animation ici timeline clip je vais l'imbriquer je peux par exempleappeler élément et maintenant dans élément vous allez pouvoir remplacer l'image du clip par ce que vous voulez donc là je vais la mettre sur la piste 1 ici je peux faire nouveau texte avec commenter hop je vais mettre par exemple voilà présentation alors je vais mettre le mot en assez gros pour que ça passe derrière le personnage une fois que j'ai fait mon texte je vais également venir importer l'animation qu'on a fait tout à l'heure donc l'animation transformation là je peux faire un command X pour couper cette animation et la mettre directement dans élément donc je fais commande V et ça m'a déplacé mon animation donc maintenant je vous montre si je mets le texte j'ai bien mon animation qui a été remplacée voilà c'est très pratique ça vous permet de bosser plus rapidement là vous pouvez faire maintenant sur Youtube des animations de texte ou des animations d'images qui apparaissent en même temps que vous parler vous voyez que c'est très pratique et vous pouvez très bien passer de l'un à l'autre en allant dans la séquence imriquet comme ceci voyez je peux repasser sur thtimeline clip et là à ce moment-là j'ai mon animation avec les images ça vous fait un template que vous pouvez réutiliser ici soit pour afficher du texte ou des images alors si vous voulez deux animations de texte comme celle-ci vous pouvez très bien le faire en dupliquant l'élément puisque là c'est une séquence unriqué donc voyez je déplace tout ça je duplique mon élément mais attention si vous rentrez là-dedans vous allez Modifier l'élément numéro 1 c'est-à-dire celui en vert d'ailleurs je vais mettre en deux couleurs ça va être plus simple pour vous expliquer voilà j'ai un marron ici et un vert dans le marron en fait ce qu'on va devoir faire c'est remplacer la séquence unriqué donc je vais faire un clic droit je vais dans afficher dans le projet vous voyez que j'ai mon élément et en fait là à cet endroit-là je vais faire le raccourci command mage de points ou contrôle m de points pour dupliquer et je vais l'appeler élément 2 voilà celui-ci c'était élément 1 pourquoi j'ai fait ça tout simplement parce que là celui-là le deuxième on va devoir le remplacer en maintenant la touche Alt ou option enfoncé pour avoir l'élément 2 maintenant je vais dans élément 2 et je vais pouvoir changer mon texte is par exemple je prends ici donc présentation je marquer YouTube je vais venir grossir ce texte je vais également espacer les caractères voilà le recentrer je le mets plus vers le bas et maintenant quand je retourne dans la séquence j'ai mes deux textes voyz que YouTube pourrait le recadrer mais là vous avez les deux animations et ce qui est bien c'est que maintenant vous pouvez les temporiser donc je veux que le de arrive juste après je peux faire comme ça hop présentation YouTube donc là pareil vous pouvez retoucher vous passez sur l'autre séquence vous sélectionnez et vous faites vos ajustements par exemple comme ça hop je retourne là-dessus voilà bien sûr on narrive pas à lire ce qu' a marqué mais là c'est c'est plus du design qu'autre chose donc je regarde dernier petit typ si vous voulez créer un effet un peu 3D c'est-à-dire que le personnage soit entouré de texte vous pouvez très bien décider de passer l'élément 2 par-dessus et vous avez le Youtube qui va être juste là et là on a vraiment si vous regardez bien l'image une impression de 3D puisqu'on a le texte ici youtube avec présentation derrière et le personnage entre les deux donc ça c'est cool c'est ça qui vous donne de la profondeur dans vos images je vous montre avec l'anime voilà et vous voyez que là avec le texte ça passe mieux qu'avec l'image on avait des petits problèmes sur les cheveux tout à l'heure là quand vous ajoutez du texte sur Youtube bah ça dynamise comme ça et vous pouvez faire des animations vraiment sympathiques cette vidéo est à présent terminée merci d'avoir suivi si ça vous a plu faiteslemoi savoir en laissant un petit pouce bleu n'oubliez pas également de vous abonner à la chaîne et activer la cloche pour être tenu informé des sorties des prochaines vidéos si vous débutez totalement sur Première Pro ou que vous souhaitez tout simplement améliorer vos compétences je propose dans la description une heure gratuite de ma formation complète école des vidéastes cette formation à la vidéo 100 % en ligne vous aidera à progresser en vidéo même si vous débutez totalement à travers plus de 1000 vidéos tutoriel centur de formation un mentoring en ligne sur les logiciels Première Pro DaVinci Resolve ou encore After Effects rejoignez dès à présent une communauté grandissant de plus de 2000 vidéastes passionnés qui progressent ensemble jour après jour au sein de la formation sachez que la partie montage vidéo emotion design de l'école des vidéastes est certifiante elle vous permet d'obtenir un certificat reconnu par l'État et tout ça fin par le CPF si vous désirez avoir plus d'infos je vous invite à cliquer sur le lien en description cette vidéo est terminée je vous donne rendez-vous la semaine prochaine pour une nouvelle vidéo d'ici là n'oubliez pas restez créatif I