Formation Motion Design

Maîtriser l’éditeur graphique d’After Effects comme un pro en 15 minutes !

Maîtriser l’éditeur graphique d’After Effects comme un pro en 15 minutes ! Dans ce tuto, nous allons voir comment faire des lissages de vitesse sur After Effects. Et pour cela, nous allons utiliser l'éditeur graphique. C'est un incontournable pour faire des animations avec des mouvements naturels et fluides.

Maîtriser l’éditeur graphique d’After Effects comme un pro en 15 minutes ! https://youtu.be/n9xE_GP_Bq8 Maîtriser l’éditeur graphique d’After Effects comme un pro en 15 minutes ! Salut à toi futur motion designer, c’est Alban, et aujourd’hui on va voir maîtriser l’éditeur graphique comme un pro sur After Effects ! Mais avant de passer au tuto, je voulais te demander si ce n’est pas déjà fait de t’abonner à la chaine pour en apprendre toujours plus sur le monde du motion design !   À quoi sert l’éditeur graphique d’After Effects ? Pour ceux qui ne savent pas, l’éditeur graphique a une importance primordiale pour les motion designers. Son rôle est de créer des lissages de vitesse sur tes animations. De cette façon, tes animations seront fluides et pros. Tandis que si tu n’utilises pas l’éditeur graphique, tes animations seront linéaires et amateurs. Si tu veux, tes vidéos ressembleront plutôt à des animations powerpoint qu’à des vidéos créées par un motion designer pro.   Comment fonctionne l’éditeur graphique ? Le fonctionnement de l’éditeur graphique sur After Effects est assez simple. Tu vas pouvoir visualiser tes animations sous forme de courbes et lignes droites. Et en modifiant ces lignes, tu modifieras ton style d’animation pour qu’il passe de linéaire et ennuyant à fluide et dynamique. Pour te rendre dans l’éditeur graphique d’After Effects, il faut cliquer sur l’icône en haut de notre timeline (juste à droite du flou de mouvement). Il faut aussi que tu saches que tu as 2 types d’affichage dans l’éditeur graphique. Tu as l’affichage qui te permet de modifier le graphique de valeurs et l’autre qui te permet de modifier le graphique de vitesse. Personnellement, je préfère utiliser le graphique de valeurs car il est plus simple à appréhender de mon point de vue. Pour modifier le mode d’affichage, il faut cliquer sur l’icône à droite de l’oeil en bas et sélectionner « Modifier graphique de valeurs » ou « Modifier graphique de vitesse ». Pour les prochaines étapes, j’utilise le mode « Modifier graphique de valeurs ». Un dernier point important avant de passer à la pratique. C’est que plus les courbes seront verticales, plus ton animation sera rapide. Et au contraire, plus les courbes seront horizontales, plus ton animation sera lente. Une fois que tu as compris ça, tout devient plus clair lorsque tu passes à la pratique.   Comment l’utiliser pour créer des lissages de vitesse digne d’un pro ? Tout d’abord, pour pouvoir utiliser l’éditeur graphique sur After Effects, il faut avoir une animation. Peu importe le type d’animation car on peut l’utiliser sur une animation de position, de rotation, d’opacité, d’échelle, etc… Et on peut même l’utiliser sur des effets. Faisons simple, imaginons que nous faisons bouger notre calque de la gauche vers la droite de l’écran. C’est donc une animation de position. Une fois réalisée, nous pouvons nous rendre dans l’éditeur graphique en cliquant sur l’icône en haut de notre timeline. À partir de ce moment-là, la partie droite de ta timeline va totalement changer d’apparence. Elle va passer d’images clés à des lignes ou courbes si tu as déjà appliqué un lissage de vitesse. Bien sur, il faut cliquer sur l’option « Position » de ton calque pour visualiser ton animation dans l’éditeur. Ensuite, la prochaine étape va consister à modifier les lignes pour modifier ton animation. Si les lignes sont droites, c’est que ton animation est 100% linéaire. Cela veut dire que le mouvement de gauche à droite du calque se fait à la même vitesse du début jusqu’à la fin. Et c’est tout ce qu’on veut éviter ! Donc pour appliquer un lissage de vitesse, on va sélectionner les images clés sur notre éditeur et on va cliquer sur l’icône « Lissage de vitesse » en bas à droite. Tu as réalisé un lissage de vitesse quelques clics grâce à l’éditeur graphique d’After Effects. Mais il y a un problème. Le lissage de vitesse n’est pas assez prononcé pour qu’on le voit vraiment sur l’animation. Dans ce cas, ce qu’on veut faire c’est l’accentuer en modifiant manuellement les courbes. Pour faire ça, il y a une particularité avec les animations de position, c’est qu’il va falloir séparer les dimensions. De cette façon, on pourra modifier l’axe X et Y. Pour les séparer, tu peux faire clic droit sur l’option « Position » > « Séparer les dimensions ». Et maintenant, tu peux modifier tes courbes dans l’éditeur graphique comme bon te semble. Si tu as du mal à t’y retrouver juste en lisant l’article, je te conseille fortement de regarder la vidéo en haut !   J’espère que ce petit tuto t’a plu, si tu as envie d’en apprendre plus sur l’univers du motion design, abonne-toi. Et si tu as envie d’aller plus loin et tout connaître du métier de motion designer pour pourquoi pas devenir un jour motion designer, clique sur le lien qui est dans la description ! On se dit à très bientôt, c’était Alban, CIAO !

3 astuces pour faire des transitions sur After Effects ! – Tuto transition en motion design

3 astuces pour faire des transitions sur After Effects ! - Tuto transition en motion design

3 astuces pour faire des transitions sur After Effects ! – Tuto transition en motion design https://youtu.be/h7S1-LMNFz4 3 astuces pour faire des transitions sur After Effects ! – Tuto transition en motion design Salut à toi futur motion designer, c’est Alban, et aujourd’hui on va voir 3 astuces pour faire des transitions sur After Effects ! Nous allons parcourir 3 niveaux de difficulté pour réaliser une transition professionnelle. Mais avant de passer au tuto, je voulais te demander si ce n’est pas déjà fait de t’abonner à la chaine pour en apprendre toujours plus sur le monde du motion design !   La transition simple sur After Effects : « Cut » La plus simple des transitions que ce soit pour un réalisateur de film, un vidéaste amateur ou un motion designer, c’est de faire un cut. Un cut comme son nom l’indique veut dire couper. Il s’agit donc simplement de couper nette une bande séquence faisant cmd + maj + D (ou ctrl + shift + D sur PC). Et de coller une autre bande juste après. Autre transition catégorisée dans les simples est le fondu. Cela peut-être un fondu noir, fondu blanc ou fondu enchaîné. Cela demande un peu plus de compétence mais reste hyper simple. Pour réaliser un fondu, il suffit simplement de créer 2 images clés d’opacité dans notre timeline. La première clé du plan N°1 est à 100% d’opacité et la deuxième (environ 1 à 2 sec plus tard) est à 0% d’opacité. Voilà comment faire un cut et un fondu dans After Effects ! Pour plus de simplicité, merci de te référencer à la vidéo ci-dessus.   La transition intermédiaire sur After Effects : « Cut on action » Personnellement, je trouve que la transition « cut on action » est la plus pro tout en restant simple. C’est une excellent compromis pour les motion designers. Pour réaliser une transition « cut on action », il nous faut un cut. Ça on a déjà vu comment le réaliser dans le point précédent. Et il nous faut un mouvement, que ce soit un zoom ou un mouvement sur les axes X et Y. Pour réaliser le mouvement, rien de plus simple ! Par exemple, nous allons faire un mouvement de gauche à droite. Pour ça, il suffit de créer une première image clés en cliquant sur le chrono à gauche de position dans les options du calque. Et ensuite de créer une seconde image clés de position en bougeant le calque vers la gauche. Bien sur, cela dépend de la complexité de ta transition et du nombre de calque à faire bouger de gauche à droite. Mais je pense que tu as compris le principe. Ensuite, il est primordial de passer par l’éditeur graphique. Celui-ci est indispensable pour une transition « cut on action » afin de rendre le cut très subtil dans un second temps. Donc nous nous rendons dans l’éditeur graphique en cliquant sur l’icône en haut de notre timeline. Nous sélectionnons notre ou nos calques concernés par le mouvement. Puis nous sélectionnons les images clés dans l’éditeur pour enfin appliquer un lissage de vitesse dessus en cliquant sur l’icône lissage de vitesse. Pour finir, il faut accentuer au maximum le lissage de vitesse avec les poignées jaunes qui sont apparues. Maintenant, le but est de faire notre cut (vu dans le point N°1) au moment où le mouvement est le plus rapide. De cette façon, notre cut sera presque invisible et rendra la transition super sympa.   La transition pro : Mix de morphing et d’interaction entre les éléments Dans ce dernier point, qui est le plus compliqué et long à réaliser, nous allons devoir utiliser le mouvement du point précédent. Donc c’est exactement le même principe mais le cut sera remplacé par du morphing. Pour ce type de transition, le mieux est d’utiliser du zoom plutôt que du mouvement sur l’axe X et Y. De plus, il faut jouer avec les différents éléments qui composent nos 2 plans. Par exemple, si notre premier plan est un smartphone tenu dans une main. Dès que celle-ci clique sur un élément, nous pouvons plonger dans le smartphone et morpher l’élément en question. Mais comme un exemple visuel vaut mieux que 1000 mots, je t’invite à regarder la vidéo ci-dessus pour découvrir comment faire ! J’espère que ce petit tuto t’a plu, si tu as envie d’en apprendre plus sur l’univers du motion design, abonne-toi. Et si tu souhaites aller plus loin et te former comme un pro au métier de motion designer avec un centre de formation certifiée Qualiopi, tu peux cliquer ici pour nous envoyer ta candidature : formation-motiondesign.fr/candidature Et si tu as envie d’aller plus loin et tout connaître du métier de motion designer pour pourquoi pas devenir un jour motion designer, clique sur le lien qui est dans la description ! On se dit à très bientôt, c’était Alban, CIAO !

Les 5 meilleures animations de texte sur After Effects ! – Tuto animation de texte After Effect

Apprendre à créer des animations de texte professionnelles sur After Effects grâce aux 5 meilleures techniques

Les 5 meilleures animations de texte sur After Effects ! – Tuto animation de texte After Effect Les 5 meilleures animations de texte sur After Effects ! – Tuto animation de texte After Effect Dans ce tuto, nous allons voir les 5 meilleures animations de texte sur After Effects à mon goût. Oui, parce-que nous avons tous des goûts différents.   1-L’animation de texte trailer sur After Effects L’animation de texte trailer est une animation que l’on voit souvent. Tu pourras l’utiliser pour créer un trailer, un générique, etc… Pour voir comment faire, tu peux te rendre à 2min17 sur le tuto au dessus.   2-Les animations de texte type fondu lent sur After Effects L’animation de texte fondu lent est une animation prédéfinie donc qui a déjà été créé de base sur After Effect. Ça veut dire qu’en 2 clics, tu peux créer une animation de texte élégante et professionnelle. Pour voir comment faire, tu peux te rendre à 11min35 sur le tuto au dessus.   3-L’animation de texte en 3D (effet de balancement) Pour animer un texte sur After Effect avec un effet de balancement, il va falloir le mettre en 3D. Pas de panique, c’est hyper simple ! Et ensuite tu pourras animer l’axe x en rotation. Pour voir comment faire, tu peux te rendre à 14min55 sur le tuto au dessus.   4-L’animation de contour avec un fondu lent Cette animation de texte est très sympa à mon goût. Attention toute fois, car il ne faut pas en abusé dans tes vidéos en motion design. Mais une fois de temps en temps, ça passe très bien ! Pour voir comment faire, tu peux te rendre à 24min24 sur le tuto au dessus.   5-Les animations de texte sur un fond rectangulaire C’est animation que tu peux voir souvent dans les slideshows en motion design. Tu peux l’utiliser en particulier pour de l’habillage sur de la vidéo réelle ou des photos. Tu peux aussi l’utiliser sur des vidéos full motion mais fais-le avec précaution ! Pour voir comment faire, tu peux te rendre à 30min10 sur le tuto au dessus. Voilà, tu as vu les 5 meilleures animations de texte sur After Effects selon moi. Si tu souhaites aller plus loin, tu peux aller voir la conférence en ligne « Les 5 étapes pour devenir freelance motion designer et gagner 5000€/mois » juste ici : https://advmotion.systeme.io/6685dba0 Et pourquoi ne pas en faire ton métier un jour ! Je te dis à très bientôt, Alban, formateur en motion design.

Comment faire un EFFET MORPHING avec After Effect ? – Tuto morphing After Effect français

Tutoriel After Effects pour apprendre à créer un effet morphing fluide

Comment faire un EFFET MORPHING avec After Effect ? – Tuto morphing After Effect français https://youtu.be/qW05YrAJCMY Comment faire un EFFET MORPHING avec After Effect ? – Tuto morphing After Effect français Dans ce tuto, nous allons voir comment faire un EFFET MORPHING avec After Effect. Pour faire un morphing avec After Effect, il faut utiliser un masque et animer son tracé. Nous allons voir ça en détail tout de suite avec le premier point !   1-Création du masque Avant de créer un masque, il faut bien sur que tu saches ce que tu veux « morpher ». Pour ce tuto, j’ai décidé de faire le morphing d’une silhouette d’un couple avec un un coeur à un une poussette avec un enfant dedans. Donc je te laisse choisir de ton côté. Une fois que tu as choisi et que tu as ton modèle, nous allons dans un premier temps créer un solide en faisant cmd+y ou ctrl+y si tu es sur PC. Puis, nous allons créer un masque en détourant l’ensemble de la ou des formes en utilisant l’outil plume (pour voir ton modèle à travers ton solide, tu peux baisser l’opacité de celui-ci). Veille bien à sélectionner le solide avant de détourer pour que le masque se créé bien sur ton solide.   2-Faire un morphing sur After Effect Une fois que tu as bien détouré ta première forme, nous allons pouvoir faire le morphing. Pour faire le morphing, il va falloir que tu changes ton modèle en arrière plan. lorsque tu auras placé ta deuxième forme à détourer derrière ton solide avec le ou les masques, nous allons morpher tout ça ! Mais avant tout, il faut bien sur créer une image clé en cliquant sur le chrono de « tracé du masque » dans les options de ton solide. Puis, tu peux déplacer ton curseur une demi-seconde plus loin. Maintenant, nous allons déplacer chaque point du tracé du masque sur la silhouette de notre nouvelle forme. Si tu as du mal, n’hésite pas à regarder le tuto au format vidéo juste au dessus où je t’explique plus en détail. Voilà tu sais comment faire un morphing en motion design sur After Effect ! Si ce tuto t’as plu, n’hésite pas à le partager et mettre un petit commentaire sous la vidéo YouTube !   Je t’offre un petit cadeau pour te féliciter d’être arrivé jusque ici. Tu peux accéder dès maintenant à la conférence en ligne « Les 5 étapes pour devenir freelance motion designer et gagner 5000€/mois » en t’inscrivant ici : https://advmotion.systeme.io/6685dba0 Dans cette conférence, je t’explique comment toi aussi tu peux devenir freelance motion designer en moins d’un an et surtout comment tu peux vivre de cette passion. À bientôt sur Formation Motion Design ! Alban, formateur en motion design.

Comment faire un EFFET GLOW avec After Effect ? – Tuto effet glow After Effect français

Tutoriel After Effects étape par étape pour apprendre à créer un effet glow lumineux sur une animation vidéo

Comment faire un EFFET GLOW avec After Effect ? – Tuto effet glow After Effect français https://youtu.be/ZBBB0aAP4tI Comment faire un EFFET GLOW avec After Effect ? – Tuto effet glow After Effect français Dans ce tuto, nous allons voir comment faire un EFFET GLOW avec After Effect. Pour faire un effet glow sur After Effect, il faut absolument connaitre le plug-in que je vais te présenter dans ce tuto. Il te permettra de donner un effet glow très bien fait à tes formes en seulement 2 clics.   1-Création de la composition Cette étape est très importante pour pouvoir travailler car tu le sais nous ne pouvons pas travailler sans composition sur After Effect. Mais aussi par rapport à la couleur du fond de ta composition. Si ta couleur est blanche, l’effet glow ne se verra pas du tout. Donc veille bien à mettre à fond noir ou un fond pas totalement blanc.   2-Les bases de ton effet glow avec After Effects Ton effet glow se fera sur des masques que tu auras créé au préalable. Donc pour ça, il faut que tu créés un solide en faisant le raccourci cmd+Y (MAC) ou ctrl+Y (PC). Une fois ton solide créé, il va falloir créer un masque dessus. Pour l’exemple, j’ai détouré chaque partie d’un burger. Si tu souhaites faire comme moi, il faut que tu créés un masque par solide.  Pour créer un masque, tu dois simplement sélectionner ton solide puis cliquer sur l’un des outils formes en haut. Pour détourer les parties de mon burger, j’ai utilisé l’outil plume. Lorsque tu auras créé la ou les formes que tu souhaites par le biais des masques, tu vas pouvoir passer à l’étape suivante.   3-Téléchargement du plugin Alors c’est quoi ce plugin incroyable ? C’est l’effet SABER de chez Copilot. Tu as sans doute déjà entendu parler de Video Copilot qui est une entreprise qui fait des tutos et des plugins dont Element 3D pour After Effect. Eh bien, ils ont sorti un plugin magique pour tout ceux qui veulent créer des effet sabre laser ou néon. Tu peux télécharger SABER ici : NEW Plug-In: SABER Now Available 100% Free! Je te rassure, tu n’as pas besoin de tuto pour savoir comment l’installer car c’est super simple.   4-Création de l’effet glow sur After Effect Une fois le plugin installé, tu peux appliquer cette effet en sélectionnant ton ou tes solides puis en allant dans effet > video copilot > saber. Maintenant, l’effet Saber est appliqué à tout tes calques. Tu peux donc aller dans « customize core » via la fenêtre d’effet qui est sur la gauche de ton interface. Et changer « Core type » qui doit être sur Saber par « Layer masks ». Ça va appliquer l’effet sur la forme de ton ou tes masques. Tu peux aussi ajuster l’effet en réduisant l’intensité, le flou, changer les couleurs, etc… Dans le même panneau à gauche mais juste au dessus. Si tu souhaites animer les lignes comme je l’ai fait dans le tuto au format vidéo en haut, il faut que tu règles les pourcentages où il y a marqué « offset ». Voilà, tu sais comment faire un effet glow sur After Effect !   Si le motion design est ta passion et qui tu souhaites aller plus loin dans ce milieu et devenir un vrai pro, tu peux accéder à ma dernière conférence en ligne ici : https://advmotion.systeme.io/923ac2af Je te dis à très bientôt sur Formation Motion Design ! Alban, formateur en motion design.