ANIMATION DE COMPTEUR QUI DÉFILE (tuto after effects)

▶️ Mon site officiel : www.newschoolstudio.fr/
📸 Rejoignez moi sur insta : bit.ly/43uIB6b
La phrase à copier : Math.round(effect("Paramètre glissière")("Curseur"))
Aujourd'hui, un effet très simple à réaliser ! Je vais vous apprendre à animer un compteur (pas un timer, ce n'est pas la même chose) et à faire défiler les chiffres pour aller d'un nombre A, à un nombre B.
Pourquoi faire apparaître un simple nombre alors que l'on peut le faire apparaître et l'anime de façon créative ? Dans ce tuto, j'ai pris l'exemple simple d'un départ à 0 et d'une arrivée à 100, mais vous rentrez les valeurs que vous souhaitez !
Le principal effet de ce tuto, qui va vraiment être la base du compteur, c'est effet glissière. Autrement dit, vous allez créer une animation qui part d'une valeur A, pour aller vers une valeur B. Mais bien évidemment, cela ne suffit pas. On va aussi utiliser des expressions, dont il faudra que je fasse un tuto détaillé un jour.
Mais sinon, comment ça marche concrètement ? Vous devez simplement lier votre texte à votre paramètre glissière. Le texte va alors afficher la valeur dans le paramètre glissière, et vous n'avez plus qu'à créer une animation de base, avec 2 images clés, et le tour est joué !
Attention cependant, vous l'avez vu u début de cette description, mais il va y avoir une expression (ou une commande si vous préférez), à rentrer pour "calmer" le texte. Je ne vous en dis pas plus, je vous laisserez regarder le tuto pour plus de détails sur ce sujet.
Voilà pour la première partie du tuto. Une fois le compteur créé, je vais vous montrer comment le personnaliser avec différents effets de couleur, de textures, de flou, etc. Pourquoi ? Tout simplement pour lui donner plus de cachet, pour que vous puissiez le personnaliser à votre goût et pour que vous puissiez vous créer des effets uniques qui vous ressemblent.
J'aurais bien voulu vous présenter cet effet sur premiere pro, mais premiere pro ne possédant pas le paramètre glissière, c'est tout bonnement impossible de le faire simplement.
Premiere pro possède de très bonnes ressources en terme d'animation de texte, je pense que la playlist disponible sur la chaîne le prouve, mais After effects sera toujours plus efficace dans ce domaine, pour la bonne et simple raison qu'il a été pensé pour ça.
Mais bref, en attendant de reparler d'after effects, apprenez, utilisez et progressez dans vos montages ! N'hésitez pas à vous abonner et surtout à partager les vidéos pour rendre le montage accessible au plus de personnes possible. Je vous fais des bisous, et à plus !
Fond néon : • No Copyright Vertical ...
▶️ POUR ME SOUTENIR : www.buymeacoffee.com/NewSchoo...
▶️ INSTAGRAM PERSO : / hugo_n2s
▶️ INSTAGRAM PRO : / newschoolstudio_nss
▶️ LE SERVEUR DISCORD : / discord
0:00 - Introduction
0:38 - Création du compteur
5:39 - Personnalisation
7:27 - Fin de la vidéo

[@mortimerraz2476]

encore un tuto de qualité avec des explications constantes ! Merci à toi

[@potacarotte4296]

hoooo UGO DE LA CHAINE NSS je regadais tes tuto de vla je pense 4 ans passe la ta changer de fou frero !!!!

[@NewSchoolStudio]

Ah bah heureusement que j'ai changé ahah ! Mais ça fait plaisir merci ahah !

[@PhotoimmobilierReunion]

Je viens de te découvrir, bravo pour le rythme de tes tutos, complet, précis et efficace !

[@supergege17]

Merci Hugo, Toujours la classe. 😋 Bon week-end.

[@loflof69]

Merci pour le tuto ! C'est très bien expliqué et professionnel !

[@chloerdl9678]

Trop bien, rapide et hyper clair c'est vraiment mes tutos pref merciiii

[@aaarThur349]

trop bien ce tuto, simple et efficace . Merci beaucoup

[@Vretrocomputing]

Excellent ce paramètre Glissière, pile ce qu'il me fallait 😃

[@Golden-Studio]

Merci pour vos tuto

[@bavouille]

super tuto merci !!!!! je m'abonne direct

[@Marketdamp]

super tuto bro

[@lapanouille]

Bonjour, bon tuto ! Toutefois j'ai une petite question : comment faire pour avoir un espace pour de grands chiffres ? style : 10000 > 10 000 ou 100000000 > 1 000 000 ? Merci d'avance

[@moroproduction4727]

incroyable

[@floriepicano4166]

Hello ton tuto est superbe ! Mais j'ai un petit problème, est-il possible de créer un espacement quand le chiffre est plus grand du type 10 000 ?

[@quarksvideo8683]

Merci ! clair et net !

[@teslaperefils1321]

Super 👍🏻

[@teslaperefils1321]

Le sweat-shirt « La vague » la classe 🤣!

[@ulkurato3070]

Salut, est-ce que par hasard il y aurait un effet sonore qui irait parfaitement bien avec cet effet?

[@mayeul_rougevin]

Excellente vidéo, merci ça aide vraiment ! Juste une p'tite question, est-ce possible d'ajouter un texte avec, par exemple « % » ?

[@jw7755]

Salut, j'imagine que c'est bien trop tard mais au cas où ça peut aider des gens, pour faire ce que tu demande il suffit de concaténer ton "%" au reste de ton expression, donc en gros au lieu de : Math.round(effect("Paramètre glissière")("Curseur")) Comme dans la vidéo, pour toi ce sera : Math.round(effect("Paramètre glissière")("Curseur")) + "%"

[@LeaNv-1410]

Bonjour, est-ce possible de remplacer la valeur numérique par une lettre ? Ou faut-il faire une autre manipulation ? Merci :) Ps : le tuto est très très cool

[@jrpllt]

Bonjour moi j’ai un petit soucis je n’ai pas les poignées pour créer une courbe pour Bézier

[@6ssoko]

Bonjour donc ca veut dire que cest tout a fait possible de mesurer la vitesse dun joueur de foot avec le compteur en suivi ou pas possible sur AE? Cest un tuto que je cherche partout et pas disponible malheureusement...

[@6ssoko]

@@NewSchoolStudio ok merci je vai me servir de ton tuto pour rafistoler 🙂

[@PurpleRakel]

Petite question idiote : Quel est la différence avec l’effet nombre ?

[@romanelemorvan8329]

Merci pour ce tuto, est-il possible de laisser 2 chiffres après la virgule ?

[@romanelemorvan8329]

@@NewSchoolStudio Savez vous comment je pourrais faire cela ?

[@etiennelafargue5883]

@@romanelemorvan8329 Je sais pas si tu as trouvé mais en tout cas il te suffit de mettre à la fin de l'expression .value.toFixed( le nombre de décimales que tu veux). Ce qui nous donne pour deux chiffres après la virgule : effect("Paramètre glissière")("Curseur").value.toFixed(2)

[@erine8036]

@@etiennelafargue5883 merci beaucoup

[@docteurgillesalewina5669]

Allez, un pouce vert avant de regarder =D