Dans ce tuto, nous allons apprendre à créer un compte à rebours (un peu comme dans la série 24)
à l'aide des expressions dans After Effects :
Pour commencer, il va falloir installer une police qui correspond à ce qu'on veut faire, comme digital-7 :
télécharger la police.
Je vous laisse l'installer, si vous ne savez pas, google vous aidera mieux que moi ^^
Etape 1 : Préparatifs
Créez une nouvelle composition de 640*360 et placez-y un solide noir de la taille de la compo (ça fera office
d'arrière-plan).
Créez aussi un calque texte (outil Texte) avec ces paramètres :
- Police : Digital-7
- Taille : 94px
Vous pouvez écrire n'importe quoi comme texte source, parce que le contenu sera remplacé par l'expression
donc ça n'a aucune importance (moi j'ai écrit countdown).
Etape 2 : Expressions
Maintenant on va passer aux choses sérieuses : les expressions (non, ne partez pas...)
Le paramètre qui sera contrôlé par l'expression, c'est le contenu de notre calque texte.
Donc déroulez le calque countdown > Texte puis cliquez sur le petit chrono à gauche
de Texte source tout en maintenant la touche Alt enfoncée.
La zone de texte apparaît :
Tapez ceci dans la zone de texte :
text.sourceText = timeToTimecode(t = thisComp.duration - time, timecodeBase = 100)
Explications
Pas de panique, je vais vous expliquer ce que signifie ce charabia !
A un instant t, le compteur doit afficher le temps restant avant la fin de la composition.
Pour connaitre ce temps, nous disposons de 2 informations :
- le temps écoulé depuis le début de la compo (la position du curseur sur la timeline)
- la durée de notre composition
Donc il suffit de calculer durée totale - temps écoulé pour connaître le temps restant.
Dans le langage des expressions, ça donne quelque chose comme ceci :
thisComp.duration - time
Si vous essayez avec cette simple soustraction, le compteur va afficher 2.92 par exemple. Or nous on veut un affichage style radio reveil : 00:00:02:92.
On appelle ça un timecode, les différents nombres indiquent HEURE:MINUTE:SECONDE:CENTIEME.
Et il existe une fonction qui peut transformer un temps (2.92) en timecode, c'est timeToTimecode.
Etape 3 : Finitions
Vous pouvez appliquer l'effet Lueur diffus au calque texte pour que ça aie un look plus réaliste :
Et voilà ce que ça donne en images :
Uluru -
dimanche 26 avril 2009, 15:06 -
site
bonjour,
J'ai un problème, mon compte a rebours ne s'arrête pas a 00:00:00:00 mais à 00:00:00:04.... Ma composition a une durée de 10s... pourquoi cela ne va pas jusqu'à 0 exactement?
en vous remerciant,
uluru.
Le compte à rebours s'arrête à la fin de la composition, à ce moment-là il vaut 00:00:00:00.
Si ça t'affiche 00:00:00:04, c'est parce que le curseur de la timeline est sur l'avant-dernière image de la composition.
Place-toi à la fin et appuies sur la touche page bas, tu verras que le texte disparait parce que tu es à la fin de la compo.
Donc si tu veux faire comme sur ma vidéo, avec le texte qui clignote à la fin, il faut imbriqué le compte à rebours dans une autre composition, et ajouter un calque texte avec la valeur 00:00:00:00 qui prend le relais.
Uluru -
dimanche 26 avril 2009, 16:45 -
site
Héhé ook!
Merci pour ta réponse =)
stef -
dimanche 26 avril 2009, 17:43
Salut, j'avais aussi le problème du 00:00:00:04 maintenant je comprends mieux ta manip. En revanche est-il possible de retirer l'emplacement des heures? Merci
Bah oui, tout est possible.
Rien de plus simple, il suffit de mettre un masque en soustraction qui recouvre les 2 premiers chiffres et le ":".
Cf chapitre 6 : http://www.finalclap.com/tuto/9,masques.html
stef -
mardi 28 avril 2009, 05:17
Tout simplement, merci pour ta réponse.
samossa -
vendredi 1 mai 2009, 12:04
Bonjour merci pour ce petit tutos expressions mais je ne comprends pas la manip pour arriver à ce que la compo ne se finisse pas sur 00:00:00:04.
Comment imbriquer dans une nouvelle composition?
merci de ta reponse je galere vraiment sur la derniere phase de l'anim.
merci merci
Glisser déposer une composition A dans une composition B a pour effet d'imbriquer la composition A dans la composition B ;)
Ti_Coco -
samedi 9 mai 2009, 11:43
Salut bon tuto . Mais je voudrai savoi coment mettre une lueur diffus (je viens d'avoir le logiciel je ne m'y connait pas très bien ^^) .Merci d'avance
theothoma -
dimanche 17 mai 2009, 12:39
salut comment faire pour que le compteur avance au lieu de faire un compte à rebours?
d'avance merci.
Tu modifie l'expression !
text.sourceText = timeToTimecode(time, timecodeBase = 100)
Ludo65 -
dimanche 21 juin 2009, 16:17
Bonjour, comment fais-tu pour avoir les traits rouges au dessus et en dessous du décompte qui défilent en même que les chiffres ?
Merci pour ce tuto !!!
BobKelso -
jeudi 23 juillet 2009, 11:38
Je commence tout juste sur After Effect avec ce tuto et je me demandais comment il fallait faire pour faire clignoter le texte? Je n'ai pas trouvé l'effet nécessaire ni le moyen de mettre des images clés afin de faire varier l'alpha :s
Merci d'avance.
Gaulois -
vendredi 24 juillet 2009, 12:19
Salut. Bien cool le tuto, simple et tout, mais j'aimerai savoir comment faire pour faire démarrer le compte a rebours à la durée que l'on veut.
Ma vidéo fait 5mn, je voudrais que le compte a rebours commence environ 3mn après le début de la vidéo, et qu'il commence à 00:00:00:00.
J'espère que je suis clair...
Merci
Facile, tu insère la compo compte à rebours dans une compo plus grande.
Gloubi -
dimanche 16 août 2009, 17:04
Salut, j'aurai aimer savoir où tu as trouvé le son pour ton compte à rebours, et, comment tu as fait pour que les barres horizontales se rétrecissent...
J'attend ta réponse :)
Merci et super tuto!
Les sons je les ai fait moi même, tu peux les télécharger sur stockmotion, catégorie audio.
Les barres c'est juste des solides dont je fait varier l'échelle, avec une expression.
bzik -
lundi 31 août 2009, 20:00
salut.
Je voudrais savoir comment faire clignoter le chrono a la fin et comment démarrer a 15 seconde au lieu de 30. Et j'ai un problème mon chrono ne s'affiche pas au milieu mes à droite comment le mettre au milieu. Merci
Gaïdon -
vendredi 4 septembre 2009, 09:52
Avec la typo DIGITAL-7 les 1 se decalent, comment fais tu pour que cela restent aligner aux digits de droites ?
Merci
Chez moi, le 1 reste toujours aligner à droite, c'est le cas de toutes les polices dites "mono".
Gaïdon -
vendredi 4 septembre 2009, 15:22
Etrange, car moi ca donne ca chez moi
http://img221.imageshack.us/img221/9795/image1cpl.png
Gaïdon -
vendredi 4 septembre 2009, 15:23
C'est bon j'ai rien dis
j'vais laisser en REGULAR au lieu de MONO
Desolé du bruit
C'est bizarre, chez moi j'ai que Regular comme style de police pour Digital-7.
c$ nico -
vendredi 4 septembre 2009, 21:15
Salut, super tutorial!!
J'ai voulu aller plus loin en simulant l'heure réelle. Pour ce faire j'ai remplacé t=thisComp par t=28800 ce qui signifierait 8h00. Seulement le compteur affiche 3.00.00.00 bref 3H00.
Comment faire pour qu'il soit plus "tard"
Merci d'avance!
skyz -
samedi 5 septembre 2009, 13:40
bonjours.
Franchement très bon tuto mais comment vous faite pour commencé le chrono à 3 seconde au lieu de 30 secondes?
Dracula -
mardi 13 octobre 2009, 18:18
A gauche normalement tu as le nom de ta composition tu fais un clique droit sur son nom *exemple composition 1* paramètre de la composition et la tu as *Durée* c'est le dernier élément et tu mets 3 au lieu de 30
RouX -
mercredi 14 octobre 2009, 12:48
Bonjour,
J'ai le meme petit souci que nico j aimerais que le compte a rebours affiche "plus" d'heure mais je n arrive pas a faire afficher plus de 3h...
help me plzzzzz
merci d avance
Valpokbest -
jeudi 15 octobre 2009, 22:08
Skyz > Tu peux aussi rajouter "-27" dans ton expression ("thisComp.duration - time - 27") mais attention ça passera en négatif après 3 secondes. Pour l'arrêter à 0 il faut ajouter la fonction Math.max qui choisit le plus grand des 2 nombres à afficher:
timeToTimecode(t = Math.max(thisComp.duration - time - 27, 0), timecodeBase = 100)
Merci pour le tuto, j'ai réussi à faire les 2 barres comme sur la vidéo finale et j'ai rajouté un effet laboratoire de particules sur la fin pour faire une mini-explosion...
Merci bcp :)
skyz -
vendredi 30 octobre 2009, 14:53
merci de m'avoir aider.
Facy5 -
samedi 14 novembre 2009, 10:45
Merci de ce tuto, mais j'ai une question, je voudrais savoir si on pouvait affiché le compte à rebours uniquement avec les secondes et les centième (du genre 76:24) au lieu de 00:01:16:24, sans refaire un calque par dessu le "00:" pour le cacher ?
Koulechov -
mercredi 24 février 2010, 15:36
Juste une petite remarque qui ne change rien au schmilblick, mais ton timecode affiché est surréaliste ! En effet un TC, c'est HH:MM:SS:II ou I=Image. Les vidéos sont (en france du moins) en mode 25i/s (image par seconde)
Pour changer ça, il suffit de mettre timcodeBase=25 à la place de 100.
Merci quand même pour le tuto ! Et désolé d'être pointilleux ^^
pagho -
vendredi 26 février 2010, 14:31 -
site
slt à tous, grand merci pour le tuto je suis captivé. mais j'ai une préoccupation je suis un jeune passionné et je réside en Afrique au Cameroun et il y'a que sur internet que je me ressource. je ne suis pas bon mais je recherche quelqu'un qui voudrai bien m'aider à avoir des connaissances dans le domaine, quelqu'un de bonne fois merci.
pagho -
vendredi 26 février 2010, 14:50 -
site
alors pour quiconque voudrai m'aider je laisse mon adresse mail et je ne sais pas si c'est parmi. jijikada2007@yahoo.fr
soyez les bienvenue
merci
tyboy60 -
samedi 3 avril 2010, 11:11
slt bon tuto c'est vrais mais tout le monde a trouver le truc que je chercher sauf moi donc vous pourer petétre m aidé j'ai télécharger digital 7 mais comment l'introduire dans after effect svp
qwerty -
vendredi 16 avril 2010, 05:47
allo,
J'Aurais besoin de faire un décompte de se style : http://www.youtube.com/watch?v=eiXwaP7zSRk&feature=related
Mais de style feux.... flammes.. Tu peux m'Aider? Idealement sa serait poru demain apres midi loll
Aky669 -
lundi 26 avril 2010, 01:47
Sous Mac OS X 10.3 ou plus
Pour ajouter la police "Digital 7" sur After Effect.
Tu double clic justement sur ce fichier dont tu viens de télécharger : "digital.tff"
Et celui-ci devrait ouvrir une fenêtre qui te demandera de l'installer. Tu cliqueras "ok"...
A installer avant de lancer n'importe quel logiciel de la suite adobe.(photoshop, after effect etc.)
Ci-dessous, un lien expliquant comment l'installer sous d'autre supports :
http://www.dafont.com/fr/faq.php
dri2s -
lundi 26 avril 2010, 20:59
Merci beaucoup pour ce tuto !
milka66 -
samedi 5 juin 2010, 00:28
salut à tous quelqu'un serait il faire un tuto pour faire un compte a rebours comme celui de www.megagong.fr (avec les mêmes fonction)???
Bonjour,
je viens de me mettre a AE et j'ai bien suivi le tuto. Sauf que...quand je mets ma deuxième compo avec le rebours à 00 afin qu'il s'arrête en clignotant, impossible, la boucle recommence sur la compo 1 du rebours. De plus je n'arrive pas à aller à la fin de ma timeline (je cherchais à placer la 2e compo à la fin de l'autre, mais je n'arrive pas à le faire), Impossible de dépasser le temps de la 1e compo, du coup comment rajouter des choses également à la suite???
Merci de votre réponse...
fifi -
dimanche 27 juin 2010, 21:59
Bonsoir
J’aimerai faire partir le compte a rebours a 35s comment faire ?
Merci
clecle13 -
dimanche 18 juillet 2010, 16:47
Comment fair pour n'afichez que les minutes et les secondes
20 min = 20:00 et pas 00:20:00:00
pititrusse -
jeudi 29 juillet 2010, 18:04
Comment faire pour que mon compte a rebours soit en temps réel , a chaque lecture celui ci n'est pas en temps réel, la composition est a 15sec , le compte a rebours est a 21
merci de m'éclairer un peu plus
Vava74 -
mercredi 4 août 2010, 22:40
Bonjour,
Je voudrais pouvoir savoir faire la même chose mais avec un compteur d'années. Commet dois-je faire ?
Merci :)
Vava74 -
jeudi 5 août 2010, 11:36
Bon je m'auto-répond. A ceux qui en auraient besoin, pour faire un compteur d'année sous after effect, aller sur ce site:
http://help.adobe.com/fr_FR/aftereffects/cs/using/WS3878526689cb91655866c1103a9d3c597-7a65a.html
Il explique qu'avec l'effet nombre on peut mettre n'importe quel type de compteur. Après si vous souhaitez comme avoir que les années ils suffit de mettre un masque pour effacer ou cacher le jour et le mois.
Voilà ! En espérant avoir aidé ceux qui cherchaient comme moi. :)
AdobeKen......... -
mardi 17 août 2010, 10:14
Yhello a tous , il est tres cool ce site enfin des leçon d'after effects en français
ça vas faire des mois que je suis chez Andrew K sans tous comprendre au 100/100 surtout quand il sort les expression mais bon,j'voulais demandez tu peut faire un cour sur le tracking je ne reussis pas a comprendre avec Andrew bien que je fasse la meme chose que lui le resultat n'est pas le meme , merci
P.S: Pour installer la Police fastoche :copiez la police et allez dans Disque dur (C:)=Windows=Fonts(vous verrez un A bleu)= et ici vous y coller la police
Laisser un commentaire
